平板策略应用策略优化

src/views/schoolSection/strategy/personalStrategy.vue

               <div class="app_list" v-for="item in padApps" :key="item.appid">
                 <Checkbox
                   class="checked"
+                  :title="item.appName"
                   :disabled="strategyInfo.model === 'see'"
                   v-model="item.checked"
                 >
                   <img :src="$api.showImageUrl + item.appIcon" />
-                  <div style="line-height: 14px">
+                  <div class="appName" style="line-height: 14px">
                     {{ item.appName }}
                   </div></Checkbox
                 >
             height: 40px;
             object-fit: cover;
           }
+          .appName {
+            width: 100px;
+            padding: 0 8px;
+            cursor: pointer;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
           .checked {
             text-align: center;
             /deep/ .ivu-checkbox {

src/views/schoolSection/strategy/publicStrategy.vue

         >
           <div class="app_list" v-for="item in padApps" :key="item.appid">
             <Checkbox
+              :title="item.appName"
               class="checked"
               :disabled="curState === 1"
               v-model="item.checked"
             >
               <img :src="$api.showImageUrl + item.appIcon" />
-              <div>{{ item.appName }}</div>
+              <div class="appName">{{ item.appName }}</div>
             </Checkbox>
           </div>
         </div>
             height: 40px;
             object-fit: cover;
           }
+          .appName {
+            width: 100px;
+            padding: 0 8px;
+            cursor: pointer;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
           .checked {
             text-align: center;
+            margin: 0;
             /deep/ .ivu-checkbox {
               position: absolute;
               top: 6px;

src/views/schoolSection/strategy/strategyTemplate.vue

               <div class="app_list" v-for="item in padApps" :key="item.appid">
                 <Checkbox
                   class="checked"
+                  :title="item.appName"
                   :disabled="strategyInfo.model === '查看'"
                   v-model="item.checked"
                 >
                   <img :src="$api.showImageUrl + item.appIcon" />
-                  <div style="line-height: 14px">{{ item.appName }}</div>
+                  <div class="appName" style="line-height: 14px">{{ item.appName }}</div>
                 </Checkbox>
               </div>
             </div>
             height: 40px;
             object-fit: cover;
           }
+          .appName {
+            width: 100px;
+            padding: 0 8px;
+            cursor: pointer;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            white-space: nowrap;
+          }
           .checked {
             text-align: center;
             /deep/ .ivu-checkbox {