vue界面组件优化

1、vue界面组件优化（封装）

1.select优化

场景：酒店系统中，订单管理、酒店管理、加入分组、加入标签、分组管理、标签管理等等组件都用到了标签选择和分组选择，每个组件中都得写同样的请求逻辑，导致多组件过多重复代码，这个时候可以把那些相同的功能，抽离出来成一个组件，通过组件引用方式来实现就方便省事了，降低代码量，便于后期维护。

• 优化方案：将此select单独放到一个文件中，利用父子传参props、子父传参$emit以及插槽来实现

// 在components目录创建一个common目录，然后再其中添加一个tags-group-select.vue文件，集合标签、分组
<template>
  <el-select v-if="selectType === 'tags'" v-model="internalValue" placeholder="请选择标签" filterable clearable style="width: 120px">
    <el-option v-for="item in tagsList" :key="item.id" :label="item.tagDesc" :value="item.tagDesc" />
  </el-select>
  <