centaline-data-driven 1.1.55 → 1.1.56

package/src/centaline/dynamicTimeSelect/index.js

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

package/src/centaline/dynamicTimeSelect/src/dynamicTimeSelect.vue

@@ -1,141 +1,141 @@
-<template>
-  <div class="field-top">
-    <div style="width:100%" v-if="model !== null" class="ct-Dtd" :class="[model.attrs.size?'ct-Dtd-'+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">
-          {{model.label}}
-        </div>
-        <div class="ct-datepicker" style="width:100%" v-if="model !== null&&model.valueFormat=='HH:mm'" :class="[model.showLabel?'showLabel':'']">
-          <el-time-select class="ct-date-picker-editor" v-model="model.value"
-                          v-bind="model.attrs"
-                          @change="changeModel($event)"
-                          @clear="changeModel($event)"
-                          :placeholder="model.placeholder"
-                          :disabled="model.lock"
-                          :picker-options="{
-                            start:  model.min,
-                              step: model.step,
-                            end:  model.max
-                           }">
-          </el-time-select>
-          <span v-if="model.isRange" class="ct-date-picker-span">-</span>
-          <el-time-select v-if="model.isRange" class="ct-date-picker-editor" v-model="model.value1"
-                          v-bind="model.attrs"
-                          @change="changeModel($event)"
-                          @clear="changeModel($event)"
-                          :placeholder="model.placeholder1"
-                          :disabled="model.lock"
-                          :picker-options="{
-                            start: model.min,
-                            step: model.step,
-                            end: model.max,
-                            minTime: model.value
-                           }">
-          </el-time-select>
-        </div>
-        <div class="ct-datepicker" style="width:100%" v-else-if="model !== null" :class="[model.showLabel?'showLabel':'']">
-          <el-time-picker class="ct-date-picker-editor" v-model="model.value"
-                          v-bind="model.attrs"
-                          @change="changeModel($event)"
-                          @clear="changeModel($event)"
-                          :placeholder="model.placeholder"
-                          :disabled="model.lock"
-                          :picker-options="{
-                            selectableRange:model.min + '-' + model.max
-                           }">
-          </el-time-picker>
-          <span v-if="model.isRange" class="ct-date-picker-span">-</span>
-          <el-time-picker v-if="model.isRange" class="ct-date-picker-editor" v-model="model.value1"
-                          v-bind="model.attrs"
-                          @change="changeModel($event)"
-                          @clear="changeModel($event)"
-                          :placeholder="model.placeholder1"
-                          :disabled="model.lock"
-                          :picker-options="{
-                            selectableRange:model.min + '-' + model.max
-                           }">
-          </el-time-picker>
-        </div>
-      </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=""></ct-quick-input>
-    </div>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-time-select',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object,
-      api: String
-    },
-    data() {
-      return {
-
-      };
-    },
-    mounted() {
-      var self = this;
-      this.$nextTick(function () {
-        if (self.vmodel) {
-          self.load(self.vmodel);
-          self.$emit('loaded');
-        }
-        else if (typeof self.source !== 'undefined') {
-          self.loaderObj.TimeSelect(self.source, (data) => {
-            self.load(data);
-          });
-        }
-        else if (typeof self.api !== 'undefined') {
-          self.loaderObj.TimeSelect(self.api, (data) => {
-            self.load(data);
-          });
-        }
-      });
-    },
-    methods: {
-      load(data) {
-        this.model = data;
-      },
-      //clearClickHandle: function (event) {
-      //  this.model.value = '';
-      //  this.inputHandler(this.model.value);
-      //  this.changeHandler(this.model.value);
-      //},
-      //onInputHandler: function (val) {
-      //  this.inputHandler(this.model.value);
-      //},
-      changeModel(event) {
-        this.inputHandler(event);
-        this.changeHandler(event);
-      },
-    }
-  }
-</script>
-<style>  
-  .ct-Dtd .ct-datepicker {
-    width: 100%;
-    display: flex;
-    flex-wrap: wrap;
-  }
-    .ct-Dtd .ct-datepicker .ct-date-picker-span {
-      line-height: 25px;
-    }
-  .ct-Dtd .ct-datepicker .ct-date-picker-editor {
-    flex: 1 0 0;
-  }
-  .ct-Dtd .ct-datepicker .el-icon-date {
-    margin-left: 0px;
-    width: 0px;
-    display: none;
-  }
-  .ct-Dtd .ct-datepicker .el-range-input {
-    text-align: left;
-  }
-</style>
+<template>
+  <div class="field-top">
+    <div style="width:100%" v-if="model !== null" class="ct-Dtd" :class="[model.attrs.size?'ct-Dtd-'+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">
+          {{model.label}}
+        </div>
+        <div class="ct-datepicker" style="width:100%" v-if="model !== null&&model.valueFormat=='HH:mm'" :class="[model.showLabel?'showLabel':'']">
+          <el-time-select class="ct-date-picker-editor" v-model="model.value"
+                          v-bind="model.attrs"
+                          @change="changeModel($event)"
+                          @clear="changeModel($event)"
+                          :placeholder="model.placeholder"
+                          :disabled="model.lock"
+                          :picker-options="{
+                            start:  model.min,
+                              step: model.step,
+                            end:  model.max
+                           }">
+          </el-time-select>
+          <span v-if="model.isRange" class="ct-date-picker-span">-</span>
+          <el-time-select v-if="model.isRange" class="ct-date-picker-editor" v-model="model.value1"
+                          v-bind="model.attrs"
+                          @change="changeModel($event)"
+                          @clear="changeModel($event)"
+                          :placeholder="model.placeholder1"
+                          :disabled="model.lock"
+                          :picker-options="{
+                            start: model.min,
+                            step: model.step,
+                            end: model.max,
+                            minTime: model.value
+                           }">
+          </el-time-select>
+        </div>
+        <div class="ct-datepicker" style="width:100%" v-else-if="model !== null" :class="[model.showLabel?'showLabel':'']">
+          <el-time-picker class="ct-date-picker-editor" v-model="model.value"
+                          v-bind="model.attrs"
+                          @change="changeModel($event)"
+                          @clear="changeModel($event)"
+                          :placeholder="model.placeholder"
+                          :disabled="model.lock"
+                          :picker-options="{
+                            selectableRange:model.min + '-' + model.max
+                           }">
+          </el-time-picker>
+          <span v-if="model.isRange" class="ct-date-picker-span">-</span>
+          <el-time-picker v-if="model.isRange" class="ct-date-picker-editor" v-model="model.value1"
+                          v-bind="model.attrs"
+                          @change="changeModel($event)"
+                          @clear="changeModel($event)"
+                          :placeholder="model.placeholder1"
+                          :disabled="model.lock"
+                          :picker-options="{
+                            selectableRange:model.min + '-' + model.max
+                           }">
+          </el-time-picker>
+        </div>
+      </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=""></ct-quick-input>
+    </div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-time-select',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      api: String
+    },
+    data() {
+      return {
+
+      };
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        if (self.vmodel) {
+          self.load(self.vmodel);
+          self.$emit('loaded');
+        }
+        else if (typeof self.source !== 'undefined') {
+          self.loaderObj.TimeSelect(self.source, (data) => {
+            self.load(data);
+          });
+        }
+        else if (typeof self.api !== 'undefined') {
+          self.loaderObj.TimeSelect(self.api, (data) => {
+            self.load(data);
+          });
+        }
+      });
+    },
+    methods: {
+      load(data) {
+        this.model = data;
+      },
+      //clearClickHandle: function (event) {
+      //  this.model.value = '';
+      //  this.inputHandler(this.model.value);
+      //  this.changeHandler(this.model.value);
+      //},
+      //onInputHandler: function (val) {
+      //  this.inputHandler(this.model.value);
+      //},
+      changeModel(event) {
+        this.inputHandler(event);
+        this.changeHandler(event);
+      },
+    }
+  }
+</script>
+<style>  
+  .ct-Dtd .ct-datepicker {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+  }
+    .ct-Dtd .ct-datepicker .ct-date-picker-span {
+      line-height: 25px;
+    }
+  .ct-Dtd .ct-datepicker .ct-date-picker-editor {
+    flex: 1 0 0;
+  }
+  .ct-Dtd .ct-datepicker .el-icon-date {
+    margin-left: 0px;
+    width: 0px;
+    display: none;
+  }
+  .ct-Dtd .ct-datepicker .el-range-input {
+    text-align: left;
+  }
+</style>

package/src/centaline/dynamicTree/index.js

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

package/src/centaline/dynamicTree/src/dynamicSearchTree.vue

@@ -1,66 +1,66 @@
-<template>
-  <div>
-    <ct-searchtreescreen ref="treescreen" :api="searchConditionApi" :screenPara="screenPara" @search="search"></ct-searchtreescreen>
-    <ct-tree ref="tree" :api="searchDataApi" @loaded="loaded"></ct-tree>
-  </div>
-</template>
-
-<script>
-  import dynamicElement from '../../mixins/dynamicElement'
-  import dynamicTreeScreen from '../../dynamicSearchList/src/dynamicSearchScreen.vue';
-  import dynamicTree from './dynamicTree.vue';
-  export default {
-    name: 'ct-searchtree',
-    mixins: [dynamicElement],
-    components: {
-      'ct-tree': dynamicTree,
-      'ct-searchtreescreen': dynamicTreeScreen
-    },
-    props: {
-      vmodel: Object,
-      searchConditionApi: String,
-      searchDataApi: String,
-      flagsearch: Boolean,
-      screenPara: {
-        type: Object,
-        default: () => { }
-      }
-    },
-    data() {
-      return {
-
-      };
-    },
-    methods: {
-      search() {
-        this.$refs.tree.search(this.$refs.treescreen.model);
-      },
-      loaded(data) {
-        try {
-          this.$emit('loaded', data);
-        } catch (e) {
-        }
-      },
-    },
-    mounted() {
-      if (this.flagsearch) {
-        this.$watch('$refs.treescreen.model.searchData', function (newVal, oldVal) {
-          // 做点什么
-          if (oldVal != undefined) {
-            this.search();
-          }
-        }, {
-          deep: true,
-        });
-      }
-    },
-    watch: {
-      //filterText(val) {
-      //  this.$refs.trees.filter(val);
-      //}
-    },
-    created() {
-      this.model = this.vmodel;
-    }
-  }
-</script>
+<template>
+  <div>
+    <ct-searchtreescreen ref="treescreen" :api="searchConditionApi" :screenPara="screenPara" @search="search"></ct-searchtreescreen>
+    <ct-tree ref="tree" :api="searchDataApi" @loaded="loaded"></ct-tree>
+  </div>
+</template>
+
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  import dynamicTreeScreen from '../../dynamicSearchList/src/dynamicSearchScreen.vue';
+  import dynamicTree from './dynamicTree.vue';
+  export default {
+    name: 'ct-searchtree',
+    mixins: [dynamicElement],
+    components: {
+      'ct-tree': dynamicTree,
+      'ct-searchtreescreen': dynamicTreeScreen
+    },
+    props: {
+      vmodel: Object,
+      searchConditionApi: String,
+      searchDataApi: String,
+      flagsearch: Boolean,
+      screenPara: {
+        type: Object,
+        default: () => { }
+      }
+    },
+    data() {
+      return {
+
+      };
+    },
+    methods: {
+      search() {
+        this.$refs.tree.search(this.$refs.treescreen.model);
+      },
+      loaded(data) {
+        try {
+          this.$emit('loaded', data);
+        } catch (e) {
+        }
+      },
+    },
+    mounted() {
+      if (this.flagsearch) {
+        this.$watch('$refs.treescreen.model.searchData', function (newVal, oldVal) {
+          // 做点什么
+          if (oldVal != undefined) {
+            this.search();
+          }
+        }, {
+          deep: true,
+        });
+      }
+    },
+    watch: {
+      //filterText(val) {
+      //  this.$refs.trees.filter(val);
+      //}
+    },
+    created() {
+      this.model = this.vmodel;
+    }
+  }
+</script>