update views/site-label/index.vue

Strides-Admin/src/views/site-label/index.vue

@@ -2,6 +2,18 @@
   <div class="app-container">
     <div class="filter-container">
       <div class="filter-view">
+        <el-select
+          v-model="filters.pageVo.siteLabelType"
+          placeholder="Label Type"
+          @change="onClickSearch"
+          class="filter-view-item"
+          clearable>
+          <el-option
+            v-for="(item,index) in typeOptions"
+            :key="index"
+            :label="item"
+            :value="item"/>
+        </el-select>
         <el-input
           class="filter-view-item"
           v-model="filters.pageVo.criteria"
@@ -55,6 +67,11 @@
           <div class="site-label-name" :style='"background-color:" + row.siteLabelBackground + ";"'>{{row.siteLabelName}}</div>
         </template>
       </el-table-column>
+      <el-table-column
+        align="center"
+        label="Label Type"
+        prop="siteLabelType"
+        min-width="100"/>
       <el-table-column
         align="center"
         label="No. of Sites"
@@ -109,6 +126,7 @@
     </div>
     <DialogDetail
       v-bind="dialogAction"
+      :options="typeOptions"
       @hide="hideActionDialog"/>
     <DialogAssignment
       v-bind="dialogAssign"
@@ -130,13 +148,15 @@ export default {
         pageNo: 1,
         pageSize: 10,
         pageVo: {
-          criteria: ""
+          criteria: "",
+          siteLabelType: ""
         }
       },
       table: {
         list: [],
         total: 0
       },
+      typeOptions: [],
       dialogAssign: {
         item: {},
         visible: false
@@ -150,6 +170,7 @@ export default {
   },
   components: { Pagination, TableAction,DialogDetail,DialogAssignment },
   created() {
+    this.getLabelTypeOption();
     this.onClickSearch()
   },
   methods: {
@@ -157,6 +178,15 @@ export default {
       this.filters.pageNo = 1
       this.getTableData()
     },
+    getLabelTypeOption() {
+      api.getLabelTypeOption().then(res => {
+        if (res.data) {
+          this.typeOptions = res.data
+        }
+      }).catch(err => {
+        
+      })
+    },
     getTableData() {
       this.loading = true;
       api.getLabelPages(this.filters).then(res => {