vue2-client 1.13.23 → 1.13.25

package/src/base-client/components/his/XTimeSelect/XTimeSelect.vue

@@ -1,131 +1,131 @@
-<template>
-  <div class="x-time-select">
-    <div class="time-select-container">
-      <span v-if="label" class="time-select-label">{{ label }}</span>
-      <div class="picker-wrapper">
-        <a-range-picker
-          :value="dateRange"
-          :placeholder="['开始日期', '结束日期']"
-          separator="至"
-          :disabled="disabled"
-          :allowClear="allowClear"
-          :format="format"
-          @change="handleDateChange"
-        />
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-import moment from 'moment'
-
-export default {
-  name: 'XTimeSelect',
-  props: {
-    queryParamsName: {
-      type: String,
-      default: null
-    },
-    value: {
-      type: Array,
-      default: () => []
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    allowClear: {
-      type: Boolean,
-      default: true
-    },
-    format: {
-      type: String,
-      default: 'YYYY/MM/DD'
-    }
-  },
-  data () {
-    return {
-      dateRange: [],
-      label: ''
-    }
-  },
-  watch: {
-    value: {
-      handler (newVal) {
-        if (newVal && newVal.length === 2) {
-          this.dateRange = [
-            newVal[0] ? moment(newVal[0]) : null,
-            newVal[1] ? moment(newVal[1]) : null
-          ]
-        } else {
-          this.dateRange = []
-        }
-      },
-      immediate: true,
-      deep: true
-    }
-  },
-  created () {
-    this.getData(this.queryParamsName)
-  },
-  methods: {
-    handleDateChange (dates, dateStrings) {
-      this.dateRange = dates
-      console.warn(dateStrings)
-      this.$emit('change', dateStrings)
-    },
-    getData (data) {
-      this.label = data
-    }
-  }
-}
-</script>
-
-<style scoped>
-.x-time-select {
-  position: relative;
-  width: 100%;
-  box-sizing: border-box;
-  display: block;
-}
-
-.time-select-container {
-  display: flex;
-  align-items: center;
-}
-
-.time-select-label {
-  white-space: nowrap;
-  color: rgba(0, 0, 0, 0.85);
-  padding-right: 8px;
-}
-
-.picker-wrapper {
-  flex: 1;
-}
-
-.x-time-select :deep(.ant-picker-range),
-.x-time-select :deep(.ant-picker) {
-  width: 100%;
-  height: 30px;
-  border-radius: 7px;
-  background: #FFFFFF;
-  border: 1px solid #E5E9F0;
-}
-.x-time-select :deep(.ant-calendar-picker) {
-  width: 100%;
-  display: block;
-}
-.x-time-select :deep(.ant-calendar-picker-input) {
-  width: 100%;
-  height: 30px;
-  border-radius: 7px;
-  background: #FFFFFF;
-  border: 1px solid #E5E9F0;
-}
-
-.x-time-select :deep(.ant-input) {
-  width: 100%;
-}
-</style>
+<template>
+  <div class="x-time-select">
+    <div class="time-select-container">
+      <span v-if="label" class="time-select-label">{{ label }}</span>
+      <div class="picker-wrapper">
+        <a-range-picker
+          :value="dateRange"
+          :placeholder="['开始日期', '结束日期']"
+          separator="至"
+          :disabled="disabled"
+          :allowClear="allowClear"
+          :format="format"
+          @change="handleDateChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import moment from 'moment'
+
+export default {
+  name: 'XTimeSelect',
+  props: {
+    queryParamsName: {
+      type: String,
+      default: null
+    },
+    value: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    allowClear: {
+      type: Boolean,
+      default: true
+    },
+    format: {
+      type: String,
+      default: 'YYYY/MM/DD'
+    }
+  },
+  data () {
+    return {
+      dateRange: [],
+      label: ''
+    }
+  },
+  watch: {
+    value: {
+      handler (newVal) {
+        if (newVal && newVal.length === 2) {
+          this.dateRange = [
+            newVal[0] ? moment(newVal[0]) : null,
+            newVal[1] ? moment(newVal[1]) : null
+          ]
+        } else {
+          this.dateRange = []
+        }
+      },
+      immediate: true,
+      deep: true
+    }
+  },
+  created () {
+    this.getData(this.queryParamsName)
+  },
+  methods: {
+    handleDateChange (dates, dateStrings) {
+      this.dateRange = dates
+      console.warn(dateStrings)
+      this.$emit('change', dateStrings)
+    },
+    getData (data) {
+      this.label = data
+    }
+  }
+}
+</script>
+
+<style scoped>
+.x-time-select {
+  position: relative;
+  width: 100%;
+  box-sizing: border-box;
+  display: block;
+}
+
+.time-select-container {
+  display: flex;
+  align-items: center;
+}
+
+.time-select-label {
+  white-space: nowrap;
+  color: rgba(0, 0, 0, 0.85);
+  padding-right: 8px;
+}
+
+.picker-wrapper {
+  flex: 1;
+}
+
+.x-time-select :deep(.ant-picker-range),
+.x-time-select :deep(.ant-picker) {
+  width: 100%;
+  height: 30px;
+  border-radius: 7px;
+  background: #FFFFFF;
+  border: 1px solid #E5E9F0;
+}
+.x-time-select :deep(.ant-calendar-picker) {
+  width: 100%;
+  display: block;
+}
+.x-time-select :deep(.ant-calendar-picker-input) {
+  width: 100%;
+  height: 30px;
+  border-radius: 7px;
+  background: #FFFFFF;
+  border: 1px solid #E5E9F0;
+}
+
+.x-time-select :deep(.ant-input) {
+  width: 100%;
+}
+</style>

package/src/base-client/components/his/XTitle/XTitle.vue

@@ -1,62 +1,62 @@
-<template>
-    <div class="x-title" :class="{ 'with-underline': hasUnderline, 'only-line': isOnlyLine }">
-        <span v-show="!isOnlyLine">{{ processedTitle }}</span>
-    </div>
-</template>
-
-<script>
-export default {
-    name: 'XTitle',
-    props: {
-      queryParamsName: {
-        type: String,
-        default: null
-      }
-    },
-    data () {
-      return {
-        title: ''
-      }
-    },
-    computed: {
-        processedTitle () {
-            return this.title.replace('</br>', '')
-        },
-        hasUnderline () {
-            return this.title.includes('</br>')
-        },
-        isOnlyLine () {
-            return this.title === '</br>'
-        }
-    },
-    created () {
-      this.getData(this.queryParamsName)
-    },
-    methods: {
-        getData (data) {
-            this.title = data
-        }
-    }
-  }
-</script>
-<style scoped>
-.x-title {
-    font-size: 18px;
-    font-weight: bold;
-    height: 26px;
-    width: 100%;
-    text-align: left;
-    font-family: "Source Han Sans", sans-serif;
-    color: #5D5C5C;
-}
-
-.with-underline {
-    border-bottom: 1px solid #5D5C5C;
-}
-
-.only-line {
-    height: 1px;
-    background-color: #5D5C5C;
-    margin: 13px 0;
-}
-</style>
+<template>
+    <div class="x-title" :class="{ 'with-underline': hasUnderline, 'only-line': isOnlyLine }">
+        <span v-show="!isOnlyLine">{{ processedTitle }}</span>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'XTitle',
+    props: {
+      queryParamsName: {
+        type: String,
+        default: null
+      }
+    },
+    data () {
+      return {
+        title: ''
+      }
+    },
+    computed: {
+        processedTitle () {
+            return this.title.replace('</br>', '')
+        },
+        hasUnderline () {
+            return this.title.includes('</br>')
+        },
+        isOnlyLine () {
+            return this.title === '</br>'
+        }
+    },
+    created () {
+      this.getData(this.queryParamsName)
+    },
+    methods: {
+        getData (data) {
+            this.title = data
+        }
+    }
+  }
+</script>
+<style scoped>
+.x-title {
+    font-size: 18px;
+    font-weight: bold;
+    height: 26px;
+    width: 100%;
+    text-align: left;
+    font-family: "Source Han Sans", sans-serif;
+    color: #5D5C5C;
+}
+
+.with-underline {
+    border-bottom: 1px solid #5D5C5C;
+}
+
+.only-line {
+    height: 1px;
+    background-color: #5D5C5C;
+    margin: 13px 0;
+}
+</style>