doway-coms 2.11.76 → 2.11.78

package/packages/BaseIntervalInput/src/index.vue

@@ -1,310 +1,316 @@
-<template>
-  <div class="d-control-container">
-    <div class="d-control-label">
-      {{ label
-      }}
-      <span
-        v-if="rules && Object.getOwnPropertyNames(rules).length > 0"
-        class="d-control-label-required"
-      >*</span
-      >
-      <Tooltip :title="tooltip" v-if="tooltip" style="margin: 0 2px">
-        <img src="../../styles/icon/help.png" alt="" style="width: 14px">
-      </Tooltip>
-    </div>
-    <div class="d-control" style="font-size:12px">
-      <ValidationProvider
-        :name="label"
-        v-slot="v"
-        :rules="rules"
-        v-if="edit === true"
-      >
-        <input v-model="currentValue" style="display:none" />
-        <div style="display:flex;flex-flow:row nowrap">
-          <input
-            type="number"
-            v-model="dayValue"
-            @input="dayChange"
-            @focus="dayFocus"
-            class="input-class"
-          />
-          <div style="width:18px;margin-left:2px">
-            <span>天</span>
-          </div>
-          <input
-            type="number"
-            v-model="hourValue"
-            @input="hourChange"
-            @focus="hourFocus"
-            class="input-class"
-          />
-          <div style="width:30px">
-            <span>小时</span>
-          </div>
-          <input
-            @input="minuteChange"
-            v-if="displayType === 'minute' || displayType === 'second'"
-            type="number"
-            v-model="minuteValue"
-            @focus="minuteFocus"
-            class="input-class"
-          />
-          <div
-            v-if="displayType === 'minute' || displayType === 'second'"
-            style="width:30px"
-          >
-            <span>分钟</span>
-          </div>
-          <input
-            @input="secondChange"
-            v-if="displayType === 'second'"
-            type="number"
-            @focus="secondFocus"
-            v-model="secondValue"
-            class="input-class"
-          />
-          <div v-if="displayType === 'second'" style="width:20px">
-            <span>秒</span>
-          </div>
-          <input
-            @input="secondTotalChange"
-            v-if="displayType === 'second'"
-            type="number"
-            class="input-second-class"
-            v-model="secondTotalValue"
-          />
-        </div>
-        <div class="d-error-msg">
-          {{ v.errors[0] }}
-        </div>
-      </ValidationProvider>
-      <span v-else>{{ dayValue }}天{{ hourValue }}小时</span>
-    </div>
-    <div style="display:none">
-      {{ currentValue }}
-    </div>
-  </div>
-</template>
-
-<script>
-import XEUtils from 'xe-utils'
-import moment from 'moment'
-import { ValidationProvider } from 'vee-validate'
-import { Tooltip } from 'ant-design-vue'
-
-export default {
-  name: 'BaseIntervalInput',
-  components:{
-    ValidationProvider,
-    Tooltip,
-
-  },
-  data() {
-    return {
-      dayValue: 0,
-      hourValue: 0,
-      minuteValue: 0,
-      secondValue: 0,
-      secondTotalValue: 0,
-      testValue: 0,
-      filterValue: '',
-      isInputChanged: false,
-      inputTimeout: null,
-      searchRows: [],
-      filterCols: [],
-      gridLoading: false,
-      gridPagerConfig: {
-        total: 0,
-        currentPage: 1,
-        pageSize: 10
-      }
-    }
-  },
-  computed: {
-    currentValue: {
-      // 动态计算currentValue的值
-      get: function() {
-        console.debug('get value')
-        //分钟计算成小时
-        let tempValue = this.value
-        if (this.valueType === 'hour') {
-          tempValue = XEUtils.multiply(tempValue, 3600)
-        } else if (this.valueType === 'minute') {
-          tempValue = XEUtils.multiply(tempValue, 60)
-        }
-        //设置天数
-        this.dayValue = XEUtils.floor(XEUtils.divide(tempValue, 24 * 3600))
-        //天之后的剩余秒数
-        tempValue = XEUtils.subtract(tempValue, this.dayValue * 3600 * 24)
-        if (tempValue >= 0) {
-          //设置小时数
-          this.hourValue = XEUtils.floor(XEUtils.divide(tempValue, 3600))
-          //小时之后的剩余秒数
-          tempValue = XEUtils.subtract(tempValue, this.hourValue * 3600)
-        }
-        if (tempValue >= 0) {
-          //设置分钟
-          this.minuteValue = XEUtils.floor(XEUtils.divide(tempValue, 60))
-          //小时之后的剩余秒数
-          tempValue = XEUtils.subtract(tempValue, this.minuteValue * 60)
-        }
-        if (tempValue >= 0) {
-          //设置秒数
-          this.secondValue = tempValue
-        }
-        this.secondTotalValue = this.value
-
-        return this.value // 将props中的value赋值给currentValue
-      },
-      set: function(val) {
-        if (val === '') {
-          val = 0
-        }
-        if (XEUtils.isNumber(val)) {
-          this.$emit('input', XEUtils.toInteger(val))
-        }
-        // 通过$emit触发父组件
-      }
-    }
-  },
-  props: {
-    value: {
-      type: Number,
-      default: function() {
-        return 0
-      }
-    },
-    rules: {
-      type: Object,
-      default: function() {
-        return null
-      }
-    },
-    displayType: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    valueType: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    edit: {
-      type: Boolean,
-      default: function() {
-        return false
-      }
-    },
-    name: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    label: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    placeholder: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    },
-    tooltip: {
-      type: String,
-      default: function() {
-        return ''
-      }
-    }
-  },
-  created() {},
-  methods: {
-    dayFocus($event) {
-      $event.target.select()
-    },
-    hourFocus($event) {
-      $event.target.select()
-    },
-    minuteFocus($event) {
-      $event.target.select()
-    },
-    secondFocus($event) {
-      $event.target.select()
-    },
-    dayChange() {
-      this.setCurrentValue()
-      this.$emit('change')
-    },
-    hourChange() {
-      this.setCurrentValue()
-      this.$emit('change')
-    },
-    minuteChange() {
-      this.setCurrentValue()
-      this.$emit('change')
-    },
-    secondChange() {
-      this.setCurrentValue()
-      this.$emit('change')
-    },
-    secondTotalChange() {
-      this.currentValue = XEUtils.toNumber(this.secondTotalValue)
-      this.$emit('change')
-    },
-    setCurrentValue() {
-      if (this.valueType === 'hour') {
-        this.currentValue =
-          XEUtils.multiply(this.dayValue, 24) +
-          XEUtils.toInteger(this.hourValue)
-      }
-      if (this.valueType === 'minute') {
-        this.currentValue =
-          XEUtils.multiply(this.dayValue, 24 * 60) +
-          XEUtils.multiply(this.hourValue, 60) +
-          XEUtils.toInteger(this.minuteValue)
-      }
-      if (this.valueType === 'second') {
-        this.currentValue =
-          XEUtils.multiply(this.dayValue, 24 * 3600) +
-          XEUtils.multiply(this.hourValue, 3600) +
-          XEUtils.multiply(this.minuteValue, 60) +
-          XEUtils.toInteger(this.secondValue)
-      }
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-.input-class {
-  border-top: none;
-  border-right: none;
-  border-left: none;
-  outline: none;
-  width: 25px;
-}
-.input-second-class {
-  border-top: none;
-  border-right: none;
-  border-left: none;
-  outline: none;
-  width: 100px;
-}
-input[type="number"] {
-  &::-webkit-outer-spin-button,
-  &::-webkit-inner-spin-button {
-    -webkit-appearance: none;
-  }
-
-  -moz-appearance: textfield;
-}
-</style>
-<style lang="less">
-@import  '../../styles/default.less';
-</style>
+<template>
+  <div class="d-control-container">
+    <div class="d-control-label">
+      {{ label
+      }}
+      <span
+        v-if="rules && Object.getOwnPropertyNames(rules).length > 0"
+        class="d-control-label-required"
+      >*</span
+      >
+      <Tooltip :title="tooltip" v-if="tooltip" style="margin: 0 2px">
+        <img src="../../styles/icon/help.png" alt="" style="width: 14px">
+      </Tooltip>
+    </div>
+    <div class="d-control" style="font-size:12px">
+      <ValidationProvider
+        :name="label"
+        v-slot="v"
+        :rules="rules"
+        v-if="edit === true"
+      >
+        <input v-model="currentValue" style="display:none" />
+        <div style="display:flex;flex-flow:row nowrap">
+          <input
+            type="number"
+            v-model="dayValue"
+            @input="dayChange"
+            @focus="dayFocus"
+            class="input-class"
+          />
+          <div style="width:18px;margin-left:2px">
+            <span>天</span>
+          </div>
+          <input
+            type="number"
+            v-model="hourValue"
+            @input="hourChange"
+            @focus="hourFocus"
+            class="input-class"
+          />
+          <div style="width:30px">
+            <span>小时</span>
+          </div>
+          <input
+            @input="minuteChange"
+            v-if="displayType === 'minute' || displayType === 'second'"
+            type="number"
+            v-model="minuteValue"
+            @focus="minuteFocus"
+            class="input-class"
+          />
+          <div
+            v-if="displayType === 'minute' || displayType === 'second'"
+            style="width:30px"
+          >
+            <span>分钟</span>
+          </div>
+          <input
+            @input="secondChange"
+            v-if="displayType === 'second'"
+            type="number"
+            @focus="secondFocus"
+            v-model="secondValue"
+            class="input-class"
+          />
+          <div v-if="displayType === 'second'" style="width:20px">
+            <span>秒</span>
+          </div>
+          <input
+            @input="secondTotalChange"
+            v-if="displayType === 'second'"
+            type="number"
+            class="input-second-class"
+            v-model="secondTotalValue"
+          />
+        </div>
+        <div class="d-error-msg">
+          {{ v.errors[0] }}
+        </div>
+      </ValidationProvider>
+      <span v-else>
+        <template v-if="displayType === 'second'">{{ dayValue }} 天 {{ hourValue }} 小时 {{ minuteValue }} 分钟 {{ secondValue }} 秒</template>
+        <template v-else-if="displayType === 'minute'">{{ dayValue }} 天 {{ hourValue }} 小时 {{ minuteValue }} 分钟</template>
+        <template v-else-if="displayType === 'hour'">{{ dayValue }} 天 {{ hourValue }} 小时</template>
+        <template v-else>显示格式{{displayType}}错误</template>
+      </span>
+      <!-- <span v-else>{{ dayValue }}天{{ hourValue }}小时</span> -->
+    </div>
+    <div style="display:none">
+      {{ currentValue }}
+    </div>
+  </div>
+</template>
+
+<script>
+import XEUtils from 'xe-utils'
+import moment from 'moment'
+import { ValidationProvider } from 'vee-validate'
+import { Tooltip } from 'ant-design-vue'
+
+export default {
+  name: 'BaseIntervalInput',
+  components:{
+    ValidationProvider,
+    Tooltip,
+
+  },
+  data() {
+    return {
+      dayValue: 0,
+      hourValue: 0,
+      minuteValue: 0,
+      secondValue: 0,
+      secondTotalValue: 0,
+      testValue: 0,
+      filterValue: '',
+      isInputChanged: false,
+      inputTimeout: null,
+      searchRows: [],
+      filterCols: [],
+      gridLoading: false,
+      gridPagerConfig: {
+        total: 0,
+        currentPage: 1,
+        pageSize: 10
+      }
+    }
+  },
+  computed: {
+    currentValue: {
+      // 动态计算currentValue的值
+      get: function() {
+        console.debug('get value')
+        //分钟计算成小时
+        let tempValue = this.value
+        if (this.valueType === 'hour') {
+          tempValue = XEUtils.multiply(tempValue, 3600)
+        } else if (this.valueType === 'minute') {
+          tempValue = XEUtils.multiply(tempValue, 60)
+        }
+        //设置天数
+        this.dayValue = XEUtils.floor(XEUtils.divide(tempValue, 24 * 3600))
+        //天之后的剩余秒数
+        tempValue = XEUtils.subtract(tempValue, this.dayValue * 3600 * 24)
+        if (tempValue >= 0) {
+          //设置小时数
+          this.hourValue = XEUtils.floor(XEUtils.divide(tempValue, 3600))
+          //小时之后的剩余秒数
+          tempValue = XEUtils.subtract(tempValue, this.hourValue * 3600)
+        }
+        if (tempValue >= 0) {
+          //设置分钟
+          this.minuteValue = XEUtils.floor(XEUtils.divide(tempValue, 60))
+          //小时之后的剩余秒数
+          tempValue = XEUtils.subtract(tempValue, this.minuteValue * 60)
+        }
+        if (tempValue >= 0) {
+          //设置秒数
+          this.secondValue = tempValue
+        }
+        this.secondTotalValue = this.value
+
+        return this.value // 将props中的value赋值给currentValue
+      },
+      set: function(val) {
+        if (val === '') {
+          val = 0
+        }
+        if (XEUtils.isNumber(val)) {
+          this.$emit('input', XEUtils.toInteger(val))
+        }
+        // 通过$emit触发父组件
+      }
+    }
+  },
+  props: {
+    value: {
+      type: Number,
+      default: function() {
+        return 0
+      }
+    },
+    rules: {
+      type: Object,
+      default: function() {
+        return null
+      }
+    },
+    displayType: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    valueType: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    edit: {
+      type: Boolean,
+      default: function() {
+        return false
+      }
+    },
+    name: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    label: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    placeholder: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    },
+    tooltip: {
+      type: String,
+      default: function() {
+        return ''
+      }
+    }
+  },
+  created() {},
+  methods: {
+    dayFocus($event) {
+      $event.target.select()
+    },
+    hourFocus($event) {
+      $event.target.select()
+    },
+    minuteFocus($event) {
+      $event.target.select()
+    },
+    secondFocus($event) {
+      $event.target.select()
+    },
+    dayChange() {
+      this.setCurrentValue()
+      this.$emit('change')
+    },
+    hourChange() {
+      this.setCurrentValue()
+      this.$emit('change')
+    },
+    minuteChange() {
+      this.setCurrentValue()
+      this.$emit('change')
+    },
+    secondChange() {
+      this.setCurrentValue()
+      this.$emit('change')
+    },
+    secondTotalChange() {
+      this.currentValue = XEUtils.toNumber(this.secondTotalValue)
+      this.$emit('change')
+    },
+    setCurrentValue() {
+      if (this.valueType === 'hour') {
+        this.currentValue =
+          XEUtils.multiply(this.dayValue, 24) +
+          XEUtils.toInteger(this.hourValue)
+      }
+      if (this.valueType === 'minute') {
+        this.currentValue =
+          XEUtils.multiply(this.dayValue, 24 * 60) +
+          XEUtils.multiply(this.hourValue, 60) +
+          XEUtils.toInteger(this.minuteValue)
+      }
+      if (this.valueType === 'second') {
+        this.currentValue =
+          XEUtils.multiply(this.dayValue, 24 * 3600) +
+          XEUtils.multiply(this.hourValue, 3600) +
+          XEUtils.multiply(this.minuteValue, 60) +
+          XEUtils.toInteger(this.secondValue)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.input-class {
+  border-top: none;
+  border-right: none;
+  border-left: none;
+  outline: none;
+  width: 25px;
+}
+.input-second-class {
+  border-top: none;
+  border-right: none;
+  border-left: none;
+  outline: none;
+  width: 100px;
+}
+input[type="number"] {
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+  }
+
+  -moz-appearance: textfield;
+}
+</style>
+<style lang="less">
+@import  '../../styles/default.less';
+</style>

package/packages/BaseKanbanEmpty/index.js

@@ -1,8 +1,8 @@
-// 导入组件，组件必须声明 name
-import BaseKanbanEmpty from './src/index.vue';
-// 为组件提供 install 安装方法，供按需引入
-BaseKanbanEmpty.install = function(Vue) {
-    Vue.component(BaseKanbanEmpty.name, BaseKanbanEmpty);
-};
-// 默认导出组件
+// 导入组件，组件必须声明 name
+import BaseKanbanEmpty from './src/index.vue';
+// 为组件提供 install 安装方法，供按需引入
+BaseKanbanEmpty.install = function(Vue) {
+    Vue.component(BaseKanbanEmpty.name, BaseKanbanEmpty);
+};
+// 默认导出组件
 export default BaseKanbanEmpty;