update views/site-label/detail.vue

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

@@ -21,6 +21,24 @@
             maxlength="30"/>
         </el-form-item>
       </div>
+      <div class="form-row">
+        <el-form-item
+          prop="siteLabelType"
+          class="form-item"
+          label="Label Type:">
+          <el-select
+            v-model="form.siteLabelType"
+            placeholder="Label Type"
+            class="flex-item"
+            clearable>
+            <el-option
+              v-for="(item,index) in options"
+              :key="index"
+              :label="item"
+              :value="item"/>
+          </el-select>
+        </el-form-item>
+      </div>
       <div class="form-row">
         <el-form-item
           prop="siteLabelBackground"
@@ -70,6 +88,10 @@ export default {
     id: {
       type: String|Number,
       default: ''
+    },
+    options: {
+      type: Array,
+      default: () => ([])
     }
   },
   data() {
@@ -79,6 +101,7 @@ export default {
       form: {
         siteLabelId: "",
         siteLabelName: "",
+        siteLabelType: "",
         siteLabelBackground: ""
       },
       rules: {
@@ -86,7 +109,12 @@ export default {
           required: true,
           message: "Label name is required",
           trigger: "blur"
-        }, 
+        },
+        siteLabelType: {
+          required: true,
+          message: "Label type is required",
+          trigger: "change"
+        },
         siteLabelBackground: {
           required: true,
           trigger: "change",