centaline-data-driven 1.1.54 → 1.1.55

package/src/centaline/dynamicD/src/dynamicD.vue

@@ -1,92 +1,92 @@
-<template>
-  <div class="field-top">
-    <div style="width:100%;display:flex" class="ct-date" :class="[model.attrs.size?'ct-date-'+model.attrs.size:'']">
-      <div :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']" style="flex:1">
-        <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
-          {{model.label}}
-        </div>
-        <el-date-picker :class="[model.showLabel?'ct-date-editor':'']" v-model="model.value" v-bind="model.attrs"
-                        @input="inputHandler($event)" @change="changeHandler($event)" @blur="dateBlur"
-                        :picker-options="pickerOptions" :disabled="model.lock">
-        </el-date-picker>
-      </div>
-      <transition name="el-fade-in">
-        <span v-show="!valid" class="errorMessage">
-          {{validMessage}}
-        </span>
-      </transition>
-      <ct-quick-input v-if="model.paramName  && !model.lock" :pn="model.paramName" :action="api" @input="model.value=$event"></ct-quick-input>
-    </div>
-  </div>
-</template>
-
-<script>
-  import dynamicElement from '../../mixins/dynamicElement'
-  export default {
-    name: 'ct-date',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object
-    },
-    data() {
-      return {
-        pickerOptions: this.getPickerOptions()
-      }
-    },
-    methods: {
-      getPickerOptions() {
-        let self = this
-        return {
-          disabledDate(time) {
-            let validate = false;
-            if (self.model.max) {
-              validate = (time.getTime() > new Date(self.model.max.replace(/-/g, "/")))
-            }
-            if (!validate && self.model.min) {
-              validate = (time.getTime() < new Date(self.model.min.replace(/-/g, "/")))
-            }
-            return validate;
-          }
-        }
-      },
-      dateBlur(event) {
-        var text = event.$el.querySelector("input").value;
-        text = text.replace('-', '').replace('/', '').replace('\\', '');
-        var nowDate = new Date();
-        var year = nowDate.getFullYear();
-        var month = nowDate.getMonth();
-        var day = nowDate.getDate();
-        if (/^\d{5,6}$/.test(text)) {
-          if (parseInt(text.substring(4, text.length)) > 0 && parseInt(text.substring(4, text.length)) <= 12) {
-            if (parseInt(text.substring(0, 4)) === year && parseInt(text.substring(4, text.length)) === month) {
-              this.$set(this.model, 'value', year + '-' + month + '-' + day);
-              this.$emit('input', this.model.value);
-            }
-            else {
-              this.$set(this.model, 'value', text.substring(0, 4) + '-' + text.substring(4, text.length) + '-1');
-              this.$emit('input', this.model.value);
-            }
-          }
-        }
-        else if (/^\d{4}$/.test(text)){
-          if (parseInt(text) === year) {
-            this.$set(this.model, 'value', year + '-' + (month + 1) + '-' + day);
-            this.$emit('input', this.model.value);
-          }
-          else {
-            this.$set(this.model, 'value', text + '-1-1');
-            this.$emit('input', this.model.value);
-          }
-        }
-      }
-    },
-    created() {
-      if (typeof this.vmodel === 'undefined') {
-        this.model = this.loaderObj.D(this.source);
-      }
-      else {
-        this.model = this.vmodel;
-      }
-    }
-  }
-</script>
+<template>
+  <div class="field-top">
+    <div style="width:100%;display:flex" class="ct-date" :class="[model.attrs.size?'ct-date-'+model.attrs.size:'']">
+      <div :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']" style="flex:1">
+        <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
+          {{model.label}}
+        </div>
+        <el-date-picker :class="[model.showLabel?'ct-date-editor':'']" v-model="model.value" v-bind="model.attrs"
+                        @input="inputHandler($event)" @change="changeHandler($event)" @blur="dateBlur"
+                        :picker-options="pickerOptions" :disabled="model.lock">
+        </el-date-picker>
+      </div>
+      <transition name="el-fade-in">
+        <span v-show="!valid" class="errorMessage">
+          {{validMessage}}
+        </span>
+      </transition>
+      <ct-quick-input v-if="model.paramName  && !model.lock" :pn="model.paramName" :action="api" @input="model.value=$event"></ct-quick-input>
+    </div>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  export default {
+    name: 'ct-date',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object
+    },
+    data() {
+      return {
+        pickerOptions: this.getPickerOptions()
+      }
+    },
+    methods: {
+      getPickerOptions() {
+        let self = this
+        return {
+          disabledDate(time) {
+            let validate = false;
+            if (self.model.max) {
+              validate = (time.getTime() > new Date(self.model.max.replace(/-/g, "/")))
+            }
+            if (!validate && self.model.min) {
+              validate = (time.getTime() < new Date(self.model.min.replace(/-/g, "/")))
+            }
+            return validate;
+          }
+        }
+      },
+      dateBlur(event) {
+        var text = event.$el.querySelector("input").value;
+        text = text.replace('-', '').replace('/', '').replace('\\', '');
+        var nowDate = new Date();
+        var year = nowDate.getFullYear();
+        var month = nowDate.getMonth();
+        var day = nowDate.getDate();
+        if (/^\d{5,6}$/.test(text)) {
+          if (parseInt(text.substring(4, text.length)) > 0 && parseInt(text.substring(4, text.length)) <= 12) {
+            if (parseInt(text.substring(0, 4)) === year && parseInt(text.substring(4, text.length)) === month) {
+              this.$set(this.model, 'value', year + '-' + month + '-' + day);
+              this.$emit('input', this.model.value);
+            }
+            else {
+              this.$set(this.model, 'value', text.substring(0, 4) + '-' + text.substring(4, text.length) + '-1');
+              this.$emit('input', this.model.value);
+            }
+          }
+        }
+        else if (/^\d{4}$/.test(text)){
+          if (parseInt(text) === year) {
+            this.$set(this.model, 'value', year + '-' + (month + 1) + '-' + day);
+            this.$emit('input', this.model.value);
+          }
+          else {
+            this.$set(this.model, 'value', text + '-1-1');
+            this.$emit('input', this.model.value);
+          }
+        }
+      }
+    },
+    created() {
+      if (typeof this.vmodel === 'undefined') {
+        this.model = this.loaderObj.D(this.source);
+      }
+      else {
+        this.model = this.vmodel;
+      }
+    }
+  }
+</script>

package/src/centaline/dynamicDetail/index.js

@@ -1,11 +1,11 @@
-import dynamicDetail from './src/dynamicDetail'
-
-dynamicDetail.install = function (Vue) {
-  Vue.component(dynamicDetail.name, dynamicDetail);
-}
-
-if (typeof window !== 'undefined' && window.Vue) {
-  window.Vue.use(dynamicDetail);
-}
-
+import dynamicDetail from './src/dynamicDetail'
+
+dynamicDetail.install = function (Vue) {
+  Vue.component(dynamicDetail.name, dynamicDetail);
+}
+
+if (typeof window !== 'undefined' && window.Vue) {
+  window.Vue.use(dynamicDetail);
+}
+
 export default dynamicDetail;

package/src/centaline/dynamicDetail/src/dynamicDetail.vue

@@ -1,40 +1,40 @@
-<template>
-    <div>
-      <ct-PropertyDetailOFI :api="api" :apiParam="apiParam" class="ct-PropertyDetailOFI"  v-if="pageType=='PropertyDetailOFI'"></ct-PropertyDetailOFI>
-      <ct-PropertyDetailRET :api="api" :apiParam="apiParam" class="ct-PropertyDetailRET"  v-if="pageType=='PropertyDetailRET'"></ct-PropertyDetailRET>
-    </div>
-</template>
-
-<script>
-  import dynamicPropertyDetailOFI from './dynamicPropertyDetailOFI'
-  import dynamicPropertyDetailRET from './dynamicPropertyDetailRET'
-  export default {
-    name: 'ct-Detail',
-    components: {
-      'ct-PropertyDetailOFI': dynamicPropertyDetailOFI,
-      'ct-PropertyDetailRET': dynamicPropertyDetailRET,
-    },
-    props: {
-      vmodel: Object,
-      api: String,
-      apiParam: Object,
-      pageType: String,
-    },
-    data() {
-      return {
-        model:null,
-      }
-    },
-    created() {
-      this.model = this.vmodel;
-    },
-    methods: {
-    }
-  }
-</script>
-<style>
-  
-</style>
-
-
-
+<template>
+    <div>
+      <ct-PropertyDetailOFI :api="api" :apiParam="apiParam" class="ct-PropertyDetailOFI"  v-if="pageType=='PropertyDetailOFI'"></ct-PropertyDetailOFI>
+      <ct-PropertyDetailRET :api="api" :apiParam="apiParam" class="ct-PropertyDetailRET"  v-if="pageType=='PropertyDetailRET'"></ct-PropertyDetailRET>
+    </div>
+</template>
+
+<script>
+  import dynamicPropertyDetailOFI from './dynamicPropertyDetailOFI'
+  import dynamicPropertyDetailRET from './dynamicPropertyDetailRET'
+  export default {
+    name: 'ct-Detail',
+    components: {
+      'ct-PropertyDetailOFI': dynamicPropertyDetailOFI,
+      'ct-PropertyDetailRET': dynamicPropertyDetailRET,
+    },
+    props: {
+      vmodel: Object,
+      api: String,
+      apiParam: Object,
+      pageType: String,
+    },
+    data() {
+      return {
+        model:null,
+      }
+    },
+    created() {
+      this.model = this.vmodel;
+    },
+    methods: {
+    }
+  }
+</script>
+<style>
+  
+</style>
+
+
+