description fixed 16 char

src/App.vue

@@ -16,9 +16,16 @@
           <div class="group-select-container">
             <div class="sub-switch" v-for="(subItem, index2) in item.sets" v-bind:key="'sub'+index2">
               <el-switch
+                         v-if="subItem.description === null || subItem.description === ''"
                          v-model="subItem.here"
                          @change="handleChange(index, index2)"
-                         :active-text="subItem.name+' ('+ subItem.description +')'">
+                         :active-text="subItem.name">
+              </el-switch>
+              <el-switch
+                         v-else
+                         v-model="subItem.here"
+                         @change="handleChange(index, index2)"
+                         :active-text="subItem.name+' ('+ splitDesc(subItem.description) +')'">
               </el-switch>
             </div>
 
@@ -50,13 +57,19 @@
         nowSelect: '',
         refreshIcon: 'el-icon-refresh-right'
       }
+    },
+    computed: {
+
     },
     methods: {
+      splitDesc(desc){
+        return desc.split('').splice(0,16).join('')
+      },
       refreshNode(){
         this.refreshIcon = 'el-icon-loading';
         const that = this;
         this.axios.get(APP_DOMAIN + '/api/get').then((res)=>{
-          console.log(res);
+          // console.log(res);
           that.info = res.data;
           that.refreshIcon = 'el-icon-refresh-right';
           that.$message({