centaline-data-driven 1.1.54 → 1.1.55

package/src/centaline/dynamicSw/src/dynamicSw.vue

@@ -1,74 +1,74 @@
-<template>
-  <div class="field-top">
-    <div v-if="model !== null" class="ct-Sw">
-      <div :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']">
-        <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
-          {{model.label}}
-        </div>
-        <div class="ct-radios">
-          <el-switch v-model="model.value" class="ct-switch" :disabled="model.lock"
-                     @change="changeSwitchHandler">
-          </el-switch>
-        </div>
-      </div>
-      <transition name="el-fade-in">
-        <span v-show="!valid" class="errorMessage">
-          {{validMessage}}
-        </span>
-      </transition>
-    </div>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-sw',
-    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.Seg(self.source, (data) => {
-            self.load(data);
-          });
-        }
-      });
-    },
-    methods: {
-      load(data) {
-        this.model = data;
-      },
-      changeSwitchHandler: function (event) {
-        this.changeHandler();
-      }
-    }
-  }
-</script>
-<style>
-  .ct-Sw {
-    font-size: 12px;
-    width: 100%;
-  }
-  .ct-Sw .ct-radios {
-    color: #606266;
-    /* border-radius: 4px; */
-    /* border: 1px solid #dcdfe6; */
-    padding-left: 15px;
-    padding-bottom: 3px;
-    padding-top: 3px;
-  }
-</style>
+<template>
+  <div class="field-top">
+    <div v-if="model !== null" class="ct-Sw">
+      <div :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'']">
+        <div v-if="model.showLabel && model.label" class="el-input-group__prepend" :class="[model.labelClass]">
+          {{model.label}}
+        </div>
+        <div class="ct-radios">
+          <el-switch v-model="model.value" class="ct-switch" :disabled="model.lock"
+                     @change="changeSwitchHandler">
+          </el-switch>
+        </div>
+      </div>
+      <transition name="el-fade-in">
+        <span v-show="!valid" class="errorMessage">
+          {{validMessage}}
+        </span>
+      </transition>
+    </div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-sw',
+    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.Seg(self.source, (data) => {
+            self.load(data);
+          });
+        }
+      });
+    },
+    methods: {
+      load(data) {
+        this.model = data;
+      },
+      changeSwitchHandler: function (event) {
+        this.changeHandler();
+      }
+    }
+  }
+</script>
+<style>
+  .ct-Sw {
+    font-size: 12px;
+    width: 100%;
+  }
+  .ct-Sw .ct-radios {
+    color: #606266;
+    /* border-radius: 4px; */
+    /* border: 1px solid #dcdfe6; */
+    padding-left: 15px;
+    padding-bottom: 3px;
+    padding-top: 3px;
+  }
+</style>

package/src/centaline/dynamicT/index.js

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

package/src/centaline/dynamicT/src/dynamicT.vue

@@ -1,79 +1,79 @@
-<template>
-  <div class="field-top">
-    <div v-if="model !== null" class="ct-text ct-flex-div max-flex-div" :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'',model.attrs.size?'ct-font-size-'+model.attrs.size:'']"
-         @mouseover="mouseOverHandle" @mouseout="mouseOutHandle">
-      <div v-if="model.showLabel && model.label" class="el-input-group__prepend field-label-div max-input-group" :class="[model.labelClass]">
-        <span>{{model.label}}</span>
-      </div>
-      <el-input :title="model.lock?model.value:''" :type="model.inputType" v-model="model.value" v-bind="model.attrs" @input="inputHandler($event);isShowClear()" @change="changeHandler($event)"
-                class="ct-flex-div-input max-input" :class="[model.showLabel?'showLabel':'',!valid?'inputError':'']" :disabled="model.lock" :rows="model.rows"
-                :readonly="model.readonly" :show-password="model.isPassword" autocomplete="on" :maxlength="model.max" :show-word-limit="model.showWordLimit"
-                @keyup.enter.native="search()">
-        <span slot="suffix" v-if="model.unitName" class="ct-unitname">{{model.unitName}}</span>
-
-        <span slot="suffix" class="el-input__suffix el-input--mini" v-if="showClear" :class="model.unitName?'ct-right-10':'ct-right-0'">
-          <span class="el-input__suffix-inner ct-close">
-            <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event)"></i>
-          </span>
-        </span>
-      </el-input>
-
-      <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
-      <transition name="el-fade-in" class="ct-flex-div-span">
-        <span v-show="!valid" class="errorMessage ">
-          {{validMessage}}
-        </span>
-      </transition>
-      <ct-quick-input v-if="!model.lock && model.paramName" class="ct-flex-div-span" :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-text',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object
-    },
-    data() {
-      return {
-        showClear: false,
-      }
-    },
-    created() {
-      if (typeof this.vmodel === 'undefined') {
-        this.model = this.loaderObj.T(this.source);
-      }
-      else {
-        this.model = this.vmodel;
-      }
-    },
-    methods: {
-      mouseOverHandle: function () {
-        if (this.model.value !== '' && this.model.clearable) {
-          this.$set(this, 'showClear', true);
-        }
-      },
-      mouseOutHandle: function () {
-        this.$set(this, 'showClear', false);
-      },
-      clearClickHandle: function (event) {
-        this.model.value = '';
-        this.isShowClear();
-        event.stopPropagation();
-      },
-      isShowClear() {
-        if (this.model.value !== '' && this.model.clearable) {
-          this.$set(this, 'showClear', true);
-        } else {
-          this.$set(this, 'showClear', false);
-        }
-      },
-      search() {
-        if(this.model.autoSearch) this.$emit('click');
-      },
-    },
-  }</script>
-<style>
-</style>
+<template>
+  <div class="field-top">
+    <div v-if="model !== null" class="ct-text ct-flex-div max-flex-div" :class="[model.showLabel?'el-input-group el-input-group--prepend':'',!valid?'inputError':'',model.attrs.size?'ct-font-size-'+model.attrs.size:'']"
+         @mouseover="mouseOverHandle" @mouseout="mouseOutHandle">
+      <div v-if="model.showLabel && model.label" class="el-input-group__prepend field-label-div max-input-group" :class="[model.labelClass]">
+        <span>{{model.label}}</span>
+      </div>
+      <el-input :title="model.lock?model.value:''" :type="model.inputType" v-model="model.value" v-bind="model.attrs" @input="inputHandler($event);isShowClear()" @change="changeHandler($event)"
+                class="ct-flex-div-input max-input" :class="[model.showLabel?'showLabel':'',!valid?'inputError':'']" :disabled="model.lock" :rows="model.rows"
+                :readonly="model.readonly" :show-password="model.isPassword" autocomplete="on" :maxlength="model.max" :show-word-limit="model.showWordLimit"
+                @keyup.enter.native="search()">
+        <span slot="suffix" v-if="model.unitName" class="ct-unitname">{{model.unitName}}</span>
+
+        <span slot="suffix" class="el-input__suffix el-input--mini" v-if="showClear" :class="model.unitName?'ct-right-10':'ct-right-0'">
+          <span class="el-input__suffix-inner ct-close">
+            <i class="el-select__caret el-input__icon el-icon-circle-close is-show-close" @click="clearClickHandle($event)"></i>
+          </span>
+        </span>
+      </el-input>
+
+      <span v-if="model.sufLabel" class="spanMessage ct-flex-div-span">{{model.sufLabel}}</span>
+      <transition name="el-fade-in" class="ct-flex-div-span">
+        <span v-show="!valid" class="errorMessage ">
+          {{validMessage}}
+        </span>
+      </transition>
+      <ct-quick-input v-if="!model.lock && model.paramName" class="ct-flex-div-span" :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-text',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object
+    },
+    data() {
+      return {
+        showClear: false,
+      }
+    },
+    created() {
+      if (typeof this.vmodel === 'undefined') {
+        this.model = this.loaderObj.T(this.source);
+      }
+      else {
+        this.model = this.vmodel;
+      }
+    },
+    methods: {
+      mouseOverHandle: function () {
+        if (this.model.value !== '' && this.model.clearable) {
+          this.$set(this, 'showClear', true);
+        }
+      },
+      mouseOutHandle: function () {
+        this.$set(this, 'showClear', false);
+      },
+      clearClickHandle: function (event) {
+        this.model.value = '';
+        this.isShowClear();
+        event.stopPropagation();
+      },
+      isShowClear() {
+        if (this.model.value !== '' && this.model.clearable) {
+          this.$set(this, 'showClear', true);
+        } else {
+          this.$set(this, 'showClear', false);
+        }
+      },
+      search() {
+        if(this.model.autoSearch) this.$emit('click');
+      },
+    },
+  }</script>
+<style>
+</style>

package/src/centaline/dynamicTab/index.js

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

package/src/centaline/dynamicTab/src/dynamicTab.vue

@@ -1,49 +1,49 @@
-<template>
-  <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" >
-    <slot></slot>
-    <el-tab-pane v-for="(item, index) in editableTabs" :key="item.name" :label="item.title" :name="item.name" lazy>
-      <component v-bind:is="item.content.tabType"></component>
-    </el-tab-pane>
-  </el-tabs>
-</template>
-<script>
-  export default {
-    name: "ct-tab",
-    props: {
-      tabData: Array
-    },
-    data() {
-      return {
-        editableTabsValue: '',
-        editableTabs: [],
-        tabIndex: 1
-      }
-    },
-    methods: {
-      removeTab(targetName) {
-        let tabs = this.editableTabs;
-        let activeName = this.editableTabsValue;
-        if (activeName === targetName) {
-          tabs.forEach((tab, index) => {
-            if (tab.name === targetName) {
-              let nextTab = tabs[index + 1] || tabs[index - 1];
-              if (nextTab) {
-                activeName = nextTab.name;
-              }
-            }
-          });
-        }
-
-        this.editableTabsValue = activeName;
-        this.editableTabs = tabs.filter(tab => tab.name !== targetName);
-      }
-      
-    },
-    mounted() {
-      if (this.tabData != null) {   
-        this.editableTabs.push.apply(this.editableTabs, this.tabData)
-        this.editableTabsValue = this.tabData[this.tabData.length-1].name
-      }
-    }
-  }
-</script>
+<template>
+  <el-tabs v-model="editableTabsValue" type="card" closable @tab-remove="removeTab" >
+    <slot></slot>
+    <el-tab-pane v-for="(item, index) in editableTabs" :key="item.name" :label="item.title" :name="item.name" lazy>
+      <component v-bind:is="item.content.tabType"></component>
+    </el-tab-pane>
+  </el-tabs>
+</template>
+<script>
+  export default {
+    name: "ct-tab",
+    props: {
+      tabData: Array
+    },
+    data() {
+      return {
+        editableTabsValue: '',
+        editableTabs: [],
+        tabIndex: 1
+      }
+    },
+    methods: {
+      removeTab(targetName) {
+        let tabs = this.editableTabs;
+        let activeName = this.editableTabsValue;
+        if (activeName === targetName) {
+          tabs.forEach((tab, index) => {
+            if (tab.name === targetName) {
+              let nextTab = tabs[index + 1] || tabs[index - 1];
+              if (nextTab) {
+                activeName = nextTab.name;
+              }
+            }
+          });
+        }
+
+        this.editableTabsValue = activeName;
+        this.editableTabs = tabs.filter(tab => tab.name !== targetName);
+      }
+      
+    },
+    mounted() {
+      if (this.tabData != null) {   
+        this.editableTabs.push.apply(this.editableTabs, this.tabData)
+        this.editableTabsValue = this.tabData[this.tabData.length-1].name
+      }
+    }
+  }
+</script>

package/src/centaline/dynamicTabs/index.js

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

package/src/centaline/dynamicTabs/src/dynamicTabs.vue

@@ -1,69 +1,69 @@
-<template>
-  <div v-loading="loading" style="padding:10px;" >
-    <div v-if="model !== null && !loading" class="">
-      <div slot="header" style="margin:5px;" v-if="typeof model.title !== 'undefined'">
-        <span style="font-weight:bold">{{model.title}}</span>
-      </div>
-      <el-tabs v-model="editableTabsValue" type="border-card">
-        <el-tab-pane v-for="(item, index) in model.tabs" :key="item.id" :label="item.label" :name="item.id" lazy>
-          <!--<component v-bind:is="item.content.tabType"></component>-->
-          <ct-form v-if="item.isOpenForm" :api="item.action"></ct-form>
-          <ct-searchlist v-else-if="item.isListPage" :searchConditionApi="item.actionForSearchLayout" :searchDataApi="item.actionForSearch"></ct-searchlist>
-        </el-tab-pane>
-      </el-tabs>
-      <ct-dialog-list></ct-dialog-list>
-    </div>
-    <div style="min-height:200px" v-if="loading"></div>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement'
-  export default {
-    name: "ct-tabs",//详情页组件，一般用于浏览页面
-    mixins: [dynamicElement],
-    props: {
-      api: String,
-      vmodel: Object,
-      source: Object
-    },
-    data() {
-      return {
-        loading: true,
-        editableTabsValue: '',//选中的tabs的name
-      }
-    },
-    mounted() {
-      var self = this;
-      this.$nextTick(function () {
-        if (typeof self.api !== 'undefined') {
-          self.loaderObj.Tabs(self.api, self.load);
-        }
-        if (typeof self.source !== 'undefined') {
-          self.load(self.loaderObj.Tabs(self.source));
-        }
-        if (self.vmodel) {
-          self.load(self.vmodel);
-        }
-      });
-    },
-    methods: {
-      load(data) {
-        this.model = data;
-        this.model.self = this;
-
-        this.loadTabs();
-        this.loading = false;
-
-        //通知父组件加载完成
-        this.$emit('loaded', this.model);
-      },
-      loadTabs() {
-        if (this.model.tabs && this.model.tabs.length > 0) {
-          this.editableTabsValue = this.model.tabs[0].id;
-        }
-
-        //todo 还有传参问题
-      }
-    },
-  }
-</script>
+<template>
+  <div v-loading="loading" style="padding:10px;" >
+    <div v-if="model !== null && !loading" class="">
+      <div slot="header" style="margin:5px;" v-if="typeof model.title !== 'undefined'">
+        <span style="font-weight:bold">{{model.title}}</span>
+      </div>
+      <el-tabs v-model="editableTabsValue" type="border-card">
+        <el-tab-pane v-for="(item, index) in model.tabs" :key="item.id" :label="item.label" :name="item.id" lazy>
+          <!--<component v-bind:is="item.content.tabType"></component>-->
+          <ct-form v-if="item.isOpenForm" :api="item.action"></ct-form>
+          <ct-searchlist v-else-if="item.isListPage" :searchConditionApi="item.actionForSearchLayout" :searchDataApi="item.actionForSearch"></ct-searchlist>
+        </el-tab-pane>
+      </el-tabs>
+      <ct-dialog-list></ct-dialog-list>
+    </div>
+    <div style="min-height:200px" v-if="loading"></div>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement'
+  export default {
+    name: "ct-tabs",//详情页组件，一般用于浏览页面
+    mixins: [dynamicElement],
+    props: {
+      api: String,
+      vmodel: Object,
+      source: Object
+    },
+    data() {
+      return {
+        loading: true,
+        editableTabsValue: '',//选中的tabs的name
+      }
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {
+        if (typeof self.api !== 'undefined') {
+          self.loaderObj.Tabs(self.api, self.load);
+        }
+        if (typeof self.source !== 'undefined') {
+          self.load(self.loaderObj.Tabs(self.source));
+        }
+        if (self.vmodel) {
+          self.load(self.vmodel);
+        }
+      });
+    },
+    methods: {
+      load(data) {
+        this.model = data;
+        this.model.self = this;
+
+        this.loadTabs();
+        this.loading = false;
+
+        //通知父组件加载完成
+        this.$emit('loaded', this.model);
+      },
+      loadTabs() {
+        if (this.model.tabs && this.model.tabs.length > 0) {
+          this.editableTabsValue = this.model.tabs[0].id;
+        }
+
+        //todo 还有传参问题
+      }
+    },
+  }
+</script>

package/src/centaline/dynamicTags/index.js

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