centaline-data-driven 1.1.55 → 1.1.56

package/src/centaline/dynamicSearchList/src/dynamicSearchCategory.vue

@@ -1,121 +1,121 @@
-<template>
-  <div style="width:100%;display:flex" v-if="model !== null" class="ct-searchcategory" :class="[model.attrs.size?'ct-searchcategory-'+model.attrs.size:''
-      ]">
-    <div style="flex:1;" :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]">        
-        <img v-if="model.preLabel" :src="model.preLabel" style="width: 1.3em;height: 1.3em;fill: currentColor;
-    overflow: hidden;vertical-align: middle;"/>
-        {{model.label}}
-      </div>
-      <div class="ct-radios" :class="[model.showLabel?'showLabel':'',model.value !== ''?'hasValue':'']">
-        <el-radio-group v-model="model.value" @change="changeHandler1($event)">
-          <el-radio-button v-bind="model.attrs" v-for="(value, index) in model.segmentValue" :key="index" v-model="model.value"
-                    :label="value[model.optionAttrs.value]" :displayLabel="value[model.optionAttrs.displayLabel]" :disabled="model.lock">
-            {{value[model.optionAttrs.label]}}
-          </el-radio-button >
-        </el-radio-group>
-      </div>
-    </div>
-    <span v-show="!valid" class="errorMessage">
-      {{validMessage}}
-    </span>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  export default {
-    name: 'ct-searchcategory',
-    mixins: [dynamicElement],
-    props: {
-      vmodel: Object,
-      api: String
-    },
-    data() {
-      return {
-      };
-    },
-    mounted() {
-      var self = this;
-      this.$nextTick(function () {        
-        if (self.vmodel) {
-          self.load(self.vmodel);
-        }
-        else if (typeof self.source !== 'undefined') {
-          self.loaderObj.SearchCategory(self.source,self.load);
-        }
-        else if (typeof self.api !== 'undefined') {
-          self.loaderObj.SearchCategory(self.api, self.load);
-        }
-      });
-    },
-    methods: {
-      load(data) {
-        this.model = data;
-        let parm={};
-        parm[this.model.id]=this.model.value;
-        this.$emit('loadedCategory',parm);
-      },
-      clearClickHandle: function (event) {
-        this.model.value = '';
-        this.inputHandler(this.model.value);
-        this.changeHandler(this.model.value);
-      },
-      changeHandler1: function (event) {
-        var self=this;
-        this.model.segmentValue.forEach((v, i) => {
-          if(v[self.model.optionAttrs.value]==event && v[self.model.optionAttrs.displayLabel]){
-            self.model.label=v[self.model.optionAttrs.displayLabel];
-          }
-        });
-        this.inputHandler(this.model.value);
-        this.changeHandler(this.model.value);
-        let parm={};
-        parm[this.model.id]=this.model.value;
-        this.$emit('changeCategory',parm);
-      }
-    }
-  }
-</script>
-<style>
-.ct-searchcategory {
-  margin-bottom: 10px;
-    line-height: 30px;
-}
-  .ct-searchcategory .el-input-group__prepend{
-    text-align: left;
-    padding-left: 0px!important;
-    color: #ee6b6b !important;
-    font-weight: Bold;
-    text-shadow: 0 2px 2px rgb(121 0 4 / 10%);
-    font-size: 16px;
-    vertical-align: middle;
-  }
-  .ct-searchcategory .ct-radios {
-    color: #606266;
-    border-radius: 4px;
-    /*border: 1px solid #dcdfe6;*/
-    line-height: 30px;
-    padding-left: 15px;
-    text-align: right;
-  }
-    .ct-searchcategory .ct-radios:hover {
-      border-color: #c0c4cc;
-    }
-    .ct-searchcategory .ct-radios .el-radio {
-      margin-left: 0px;
-      margin-right: 10px;
-    }
-  .ct-searchcategory .ct-radios .ct-Seg-label {
-    margin-right: 15px;
-  }
-.ct-searchcategory .el-radio-button__orig-radio:checked+.el-radio-button__inner {
-  color: #FFF;
-  background-color: #EE6B6B;
-  border-color: #EE6B6B;
-  -webkit-box-shadow: -1px 0 0 0 #EE6B6B;
-  box-shadow: -1px 0 0 0 #EE6B6B;
-}
-.ct-searchcategory .el-radio-button__inner:hover {
-    color: #EE6B6B;
-}
-</style>
+<template>
+  <div style="width:100%;display:flex" v-if="model !== null" class="ct-searchcategory" :class="[model.attrs.size?'ct-searchcategory-'+model.attrs.size:''
+      ]">
+    <div style="flex:1;" :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]">        
+        <img v-if="model.preLabel" :src="model.preLabel" style="width: 1.3em;height: 1.3em;fill: currentColor;
+    overflow: hidden;vertical-align: middle;"/>
+        {{model.label}}
+      </div>
+      <div class="ct-radios" :class="[model.showLabel?'showLabel':'',model.value !== ''?'hasValue':'']">
+        <el-radio-group v-model="model.value" @change="changeHandler1($event)">
+          <el-radio-button v-bind="model.attrs" v-for="(value, index) in model.segmentValue" :key="index" v-model="model.value"
+                    :label="value[model.optionAttrs.value]" :displayLabel="value[model.optionAttrs.displayLabel]" :disabled="model.lock">
+            {{value[model.optionAttrs.label]}}
+          </el-radio-button >
+        </el-radio-group>
+      </div>
+    </div>
+    <span v-show="!valid" class="errorMessage">
+      {{validMessage}}
+    </span>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  export default {
+    name: 'ct-searchcategory',
+    mixins: [dynamicElement],
+    props: {
+      vmodel: Object,
+      api: String
+    },
+    data() {
+      return {
+      };
+    },
+    mounted() {
+      var self = this;
+      this.$nextTick(function () {        
+        if (self.vmodel) {
+          self.load(self.vmodel);
+        }
+        else if (typeof self.source !== 'undefined') {
+          self.loaderObj.SearchCategory(self.source,self.load);
+        }
+        else if (typeof self.api !== 'undefined') {
+          self.loaderObj.SearchCategory(self.api, self.load);
+        }
+      });
+    },
+    methods: {
+      load(data) {
+        this.model = data;
+        let parm={};
+        parm[this.model.id]=this.model.value;
+        this.$emit('loadedCategory',parm);
+      },
+      clearClickHandle: function (event) {
+        this.model.value = '';
+        this.inputHandler(this.model.value);
+        this.changeHandler(this.model.value);
+      },
+      changeHandler1: function (event) {
+        var self=this;
+        this.model.segmentValue.forEach((v, i) => {
+          if(v[self.model.optionAttrs.value]==event && v[self.model.optionAttrs.displayLabel]){
+            self.model.label=v[self.model.optionAttrs.displayLabel];
+          }
+        });
+        this.inputHandler(this.model.value);
+        this.changeHandler(this.model.value);
+        let parm={};
+        parm[this.model.id]=this.model.value;
+        this.$emit('changeCategory',parm);
+      }
+    }
+  }
+</script>
+<style>
+.ct-searchcategory {
+  margin-bottom: 10px;
+    line-height: 30px;
+}
+  .ct-searchcategory .el-input-group__prepend{
+    text-align: left;
+    padding-left: 0px!important;
+    color: #ee6b6b !important;
+    font-weight: Bold;
+    text-shadow: 0 2px 2px rgb(121 0 4 / 10%);
+    font-size: 16px;
+    vertical-align: middle;
+  }
+  .ct-searchcategory .ct-radios {
+    color: #606266;
+    border-radius: 4px;
+    /*border: 1px solid #dcdfe6;*/
+    line-height: 30px;
+    padding-left: 15px;
+    text-align: right;
+  }
+    .ct-searchcategory .ct-radios:hover {
+      border-color: #c0c4cc;
+    }
+    .ct-searchcategory .ct-radios .el-radio {
+      margin-left: 0px;
+      margin-right: 10px;
+    }
+  .ct-searchcategory .ct-radios .ct-Seg-label {
+    margin-right: 15px;
+  }
+.ct-searchcategory .el-radio-button__orig-radio:checked+.el-radio-button__inner {
+  color: #FFF;
+  background-color: #EE6B6B;
+  border-color: #EE6B6B;
+  -webkit-box-shadow: -1px 0 0 0 #EE6B6B;
+  box-shadow: -1px 0 0 0 #EE6B6B;
+}
+.ct-searchcategory .el-radio-button__inner:hover {
+    color: #EE6B6B;
+}
+</style>

package/src/centaline/dynamicSearchList/src/dynamicSearchList.vue

@@ -1,135 +1,135 @@
-<template>
-  <div class="ct-search-list" :style="searchListStyle"  :class="{'domDisabled':pageDisabled}"> 
-    <div slot="header" class="clearfix" v-if="typeof title !== 'undefined' && showTitle">
-          <span style="font-weight:bold">{{title}}</span>
-    </div>
-    <ct-searchcategory v-if="searchCategoryApi" ref="category" :api="searchCategoryApi"  @loadedCategory="categoryLoaded"
-    @changeCategory="categorychange" ></ct-searchcategory>
-
-    <ct-searchscreen ref="screen" :api="searchConditionApi" :key="reloadKeyScreen"
-    @loaded="screenLoaded" :screenPara="screenPara" 
-    :categoryLoaded="loaded.categoryLoaded" @search="search()" 
-    @showTitle="showTitleScreenHandler"></ct-searchscreen>
-
-    <ct-searchtable ref="table" :api="searchDataApi" :searchDataStatisticsApi="searchDataStatisticsApi" 
-    @toolbarClick="toolbarClickHandler" @refreshParent="refreshParentHandler"  :key="reloadKeyTable" @searchComplate="searchComplate()" 
-    @showTitle="showTitleHandler"></ct-searchtable>
-  </div>
-</template>
-<script>
-  import dynamicElement from '../../mixins/dynamicElement';
-  import dynamicSearchCategory from './dynamicSearchCategory.vue';
-  import dynamicSearchScreen from './dynamicSearchScreen.vue';
-  import dynamicSearchTable from './dynamicSearchTable.vue';
-  import progress from '../../progress/src/progress.vue';
-  export default {
-    name: 'ct-searchlist',
-    mixins: [dynamicElement],
-    components: {
-      'ct-searchscreen': dynamicSearchScreen,
-      'ct-searchtable': dynamicSearchTable,
-      'ct-progress': progress,
-      'ct-searchcategory': dynamicSearchCategory
-    },
-    props: {
-      vmodel: Object,
-      searchCategoryApi: String,
-      searchConditionApi: String,
-      searchDataApi: String,
-      searchDataStatisticsApi: String,
-      pageHeight: String,
-      apiParam: {
-        type: Object,
-        default: () => { }
-      },
-    },
-    created() {
-      this.model = this.vmodel;
-      this.screenPara=this.apiParam;
-      if(this.searchCategoryApi){
-        this.loaded.categoryLoaded=false;
-      }
-    },
-    computed: {
-      searchListStyle: function() {
-        if (this.pageHeight) {
-          return { 'height': this.pageHeight };
-        }
-        return {};
-      },
-    },
-    data() {
-      return {
-        loaded: {
-          screenLoaded: false,
-          tableLoaded: false,
-          categoryLoaded: true,
-        },
-        title:'',
-        showTitle:false,
-        screenPara:null,
-        reloadKey:0,
-        reloadKeyScreen:'s0',
-        reloadKeyTable:'t0',
-        isReload:false,
-        pageDisabled:false,
-      }
-    },
-    methods: {
-      screenLoaded(defaultSearch) {
-        this.loaded.screenLoaded = true;
-        this.$refs.table.searchComplate(this.$refs.screen.model, defaultSearch);
-        this.$emit('loaded', this.$refs.screen.model);
-      },
-      categoryLoaded(param) {
-        this.loaded.categoryLoaded = true;
-        if(param)this.screenPara=param;
-        this.$refs.screen.searchComplate();
-      },
-      categorychange(param) {
-        if(param)this.screenPara=param;
-        this.reloadKey = this.reloadKey+1;
-        this.reloadKeyScreen='s'+this.reloadKey;
-        this.reloadKeyTable='t'+this.reloadKey;
-      },
-      search(btn) {
-        if (this.$refs.table.model) {
-          this.pageDisabled=true;
-          this.$refs.table.getPage(1);
-        }
-        else {
-          this.$refs.table.searchComplate(this.$refs.screen.model);
-        }
-      },
-      searchComplate() {
-        this.pageDisabled=false;
-      },
-      toolbarClickHandler(field, submitData) {
-        if (field.isExport) {
-          this.$refs.screen.model.export(field, submitData);
-        }
-        else if (field.isRefreshParent) {
-          this.isRefreshParent();
-        }
-      },
-      refreshParentHandler() {
-        this.$emit('refreshParent');
-      },
-      resize() {
-        this.$refs.table.setTableHeight();
-      },
-      showTitleHandler() {
-        if (this.$refs.table.model && this.$refs.table.model.flagShowTitle) {
-          this.title=this.$refs.table.model.title;
-          this.showTitle=this.$refs.table.model.flagShowTitle;
-        }
-      },
-      showTitleScreenHandler() {
-        if (this.$refs.screen.model && this.$refs.screen.model.flagShowTitle) {
-          this.title=this.$refs.screen.model.title;
-          this.showTitle=this.$refs.screen.model.flagShowTitle;
-        }
-      },
-    }
-  }
-</script>
+<template>
+  <div class="ct-search-list" :style="searchListStyle"  :class="{'domDisabled':pageDisabled}"> 
+    <div slot="header" class="clearfix" v-if="typeof title !== 'undefined' && showTitle">
+          <span style="font-weight:bold">{{title}}</span>
+    </div>
+    <ct-searchcategory v-if="searchCategoryApi" ref="category" :api="searchCategoryApi"  @loadedCategory="categoryLoaded"
+    @changeCategory="categorychange" ></ct-searchcategory>
+
+    <ct-searchscreen ref="screen" :api="searchConditionApi" :key="reloadKeyScreen"
+    @loaded="screenLoaded" :screenPara="screenPara" 
+    :categoryLoaded="loaded.categoryLoaded" @search="search()" 
+    @showTitle="showTitleScreenHandler"></ct-searchscreen>
+
+    <ct-searchtable ref="table" :api="searchDataApi" :searchDataStatisticsApi="searchDataStatisticsApi" 
+    @toolbarClick="toolbarClickHandler" @refreshParent="refreshParentHandler"  :key="reloadKeyTable" @searchComplate="searchComplate()" 
+    @showTitle="showTitleHandler"></ct-searchtable>
+  </div>
+</template>
+<script>
+  import dynamicElement from '../../mixins/dynamicElement';
+  import dynamicSearchCategory from './dynamicSearchCategory.vue';
+  import dynamicSearchScreen from './dynamicSearchScreen.vue';
+  import dynamicSearchTable from './dynamicSearchTable.vue';
+  import progress from '../../progress/src/progress.vue';
+  export default {
+    name: 'ct-searchlist',
+    mixins: [dynamicElement],
+    components: {
+      'ct-searchscreen': dynamicSearchScreen,
+      'ct-searchtable': dynamicSearchTable,
+      'ct-progress': progress,
+      'ct-searchcategory': dynamicSearchCategory
+    },
+    props: {
+      vmodel: Object,
+      searchCategoryApi: String,
+      searchConditionApi: String,
+      searchDataApi: String,
+      searchDataStatisticsApi: String,
+      pageHeight: String,
+      apiParam: {
+        type: Object,
+        default: () => { }
+      },
+    },
+    created() {
+      this.model = this.vmodel;
+      this.screenPara=this.apiParam;
+      if(this.searchCategoryApi){
+        this.loaded.categoryLoaded=false;
+      }
+    },
+    computed: {
+      searchListStyle: function() {
+        if (this.pageHeight) {
+          return { 'height': this.pageHeight };
+        }
+        return {};
+      },
+    },
+    data() {
+      return {
+        loaded: {
+          screenLoaded: false,
+          tableLoaded: false,
+          categoryLoaded: true,
+        },
+        title:'',
+        showTitle:false,
+        screenPara:null,
+        reloadKey:0,
+        reloadKeyScreen:'s0',
+        reloadKeyTable:'t0',
+        isReload:false,
+        pageDisabled:false,
+      }
+    },
+    methods: {
+      screenLoaded(defaultSearch) {
+        this.loaded.screenLoaded = true;
+        this.$refs.table.searchComplate(this.$refs.screen.model, defaultSearch);
+        this.$emit('loaded', this.$refs.screen.model);
+      },
+      categoryLoaded(param) {
+        this.loaded.categoryLoaded = true;
+        if(param)this.screenPara=param;
+        this.$refs.screen.searchComplate();
+      },
+      categorychange(param) {
+        if(param)this.screenPara=param;
+        this.reloadKey = this.reloadKey+1;
+        this.reloadKeyScreen='s'+this.reloadKey;
+        this.reloadKeyTable='t'+this.reloadKey;
+      },
+      search(btn) {
+        if (this.$refs.table.model) {
+          this.pageDisabled=true;
+          this.$refs.table.getPage(1);
+        }
+        else {
+          this.$refs.table.searchComplate(this.$refs.screen.model);
+        }
+      },
+      searchComplate() {
+        this.pageDisabled=false;
+      },
+      toolbarClickHandler(field, submitData) {
+        if (field.isExport) {
+          this.$refs.screen.model.export(field, submitData);
+        }
+        else if (field.isRefreshParent) {
+          this.isRefreshParent();
+        }
+      },
+      refreshParentHandler() {
+        this.$emit('refreshParent');
+      },
+      resize() {
+        this.$refs.table.setTableHeight();
+      },
+      showTitleHandler() {
+        if (this.$refs.table.model && this.$refs.table.model.flagShowTitle) {
+          this.title=this.$refs.table.model.title;
+          this.showTitle=this.$refs.table.model.flagShowTitle;
+        }
+      },
+      showTitleScreenHandler() {
+        if (this.$refs.screen.model && this.$refs.screen.model.flagShowTitle) {
+          this.title=this.$refs.screen.model.title;
+          this.showTitle=this.$refs.screen.model.flagShowTitle;
+        }
+      },
+    }
+  }
+</script>