sitelist add group button

src/views/agent/siteList.vue

@@ -6,9 +6,11 @@
                 <div class="pageheader"> 
                     <div class="pageheader-left"> 
                         <span class="pagetitle">站点列表</span>
-                        <GuipButton @click="showAddGroup" type="ignore">
-                            <svg-icon :size="16" :path="require('@/assets/site/addIcon.svg')" :color="'#8A9099'" :hoverColor="'#006AFF'" />新增分组
-                        </GuipButton>
+                        <hover-button @click="showAddGroup" button-text="新增分组" :default-icon="require('@/assets/site/addIcon.svg')"
+                        :hover-icon="require('@/assets/upLoad_active.svg')" default-text-color="#626573"
+                        hover-text-color="#006AFF"  width="120px" height="38px"
+                        :customStyle="{ fontSize: '14px', background: '#fff', borderRadius: '2px', borderColor: '#DFE2E6' }" />
+
                         <el-form>
                             <GuipSelect v-model="currentGroup" :options="siteGroups" defaultValue="选项1"  labelKey="name" valueKey="id" style="margin-bottom: 0px;" clearable />
                         </el-form>
@@ -113,6 +115,7 @@ import GuipSelect from '@/components/GuipSelect.vue';
 import GuipButton from '@/components/GuipButton.vue';
 import GuipInput from '@/components/GuipInput.vue';
 import GuipDialog from '@/components/GuipDialog.vue';
+import HoverButton from '@/components/HoverButton.vue'
 
 export default {
     name: 'siteList',
@@ -123,6 +126,7 @@ export default {
         GuipButton,
         GuipInput,
         GuipDialog,
+        HoverButton,
     },
     data() {
         return {