页面修改

src/components/sallCenter/plugin/link.vue

@@ -107,6 +107,7 @@
     border-radius: 14px;
     border: 2px solid #353535;
   }
+
   .link-gallery-item {
     width: 100px;
     height: 100px;
@@ -163,8 +164,7 @@
             </div>
             <div style="font-weight: 600">{{data.title?data.title:'这里是标题示例'}}</div>
           </div>
-          <img class="arrow" :src="domainManager().ImageUrl+'/Static/icon-jiantou-r.png'"
-            v-if="data.arrowsSwitch">
+          <img class="arrow" :src="domainManager().ImageUrl+'/Static/icon-jiantou-r.png'" v-if="data.arrowsSwitch">
         </div>
       </div>
     </div>
@@ -172,11 +172,11 @@
       <el-form label-width="100px" @submit.native.prevent>
         <el-form-item label="标题">
           <label slot="label">标题
-            <el-tooltip class="item" effect="dark" content="标题长度不超过10个字" placement="top">
+            <el-tooltip class="item" effect="dark" content="标题长度不超过30个字" placement="top">
               <i class="el-icon-info"></i>
             </el-tooltip>
           </label>
-          <el-input size="small" v-model="data.title" maxlength="10"></el-input>
+          <el-input size="small" v-model="data.title" maxlength="30"></el-input>
         </el-form-item>
         <el-form-item label="字体大小">
           <el-radio v-model="data.fontSize" label="36">大</el-radio>
@@ -210,7 +210,7 @@
         <el-form-item label="链接页面">
           <el-input size="small" class="link-page" v-model="data.link.name" :disabled="true">
             <template slot="append">
-                <el-button @click="isShowLink=true">选择链接</el-button>
+              <el-button @click="isShowLink=true">选择链接</el-button>
             </template>
           </el-input>
         </el-form-item>
@@ -226,7 +226,7 @@
             </label>
             <el-button size="mini" @click="choicImg=true">选择图标</el-button>
             <div flex="main:center cross:center" class="link-gallery-item">
-                <img v-if="data.picUrl!=''" style="max-width:100%;max-height: 100%;" :src="getIconLink(data.picUrl)"/>
+              <img v-if="data.picUrl!=''" style="max-width:100%;max-height: 100%;" :src="getIconLink(data.picUrl)" />
             </div>
           </el-form-item>
         </template>
@@ -285,8 +285,8 @@
       getChoiceLink() {
         //调用子组件方法
         var obj = this.$refs.chooseMenu.getChooseMenu();
-        this.data.link.name=obj.PageName;
-        this.data.link.url=obj.PageUrl;
+        this.data.link.name = obj.PageName;
+        this.data.link.url = obj.PageUrl;
         this.isShowLink = false;
       },
 

src/components/sallCenter/plugin/notice.vue

@@ -74,8 +74,7 @@
           <div style="min-width: 2rem;max-width: 7rem;">{{data.name}}</div>
           <div style="margin: 0 12px;">{{data.content}}</div>
         </div>
-        <img :src="domainManager().ImageUrl+'/Static/icon-left-arrow.png'"
-          style="width: 10px;height: 18px;">
+        <img :src="domainManager().ImageUrl+'/Static/icon-left-arrow.png'" style="width: 10px;height: 18px;">
       </div>
     </div>
     <div class="diy-component-edit" v-if="noticeData.isCked">
@@ -90,6 +89,9 @@
           <el-tooltip class="item" effect="dark" content="建议尺寸36*36" placement="top">
             <el-button size="mini" @click="choicImg=true,checkIndex=1">选择图片</el-button>
           </el-tooltip>
+          <el-tooltip class="item" effect="dark" content="建议尺寸36*36" placement="top">
+            <el-button size="mini" @click="SetDefaultIcon()">默认图标</el-button>
+          </el-tooltip>
           <div flex="main:center cross:center" class="notice-gallery-item">
             <img :src="getIconLink(data.icon)" style="width:100%;height:100%;" class="app-gallery-img"
               draggable="false">
@@ -202,17 +204,22 @@
     },
     data() {
       return {
+        //默认公告图标
+        defaultIcon: this.domainManager().ImageUrl + '/Static/icon-notice.png',
         choicImg: false,
         dialogVisible: false,
         data: this.noticeData.data,
         checkIndex: 0,
-
       };
     },
     created() {
 
     },
     methods: {
+      //还原默认图标
+      SetDefaultIcon() {
+        this.data.icon=this.defaultIcon;
+      },
       //向父组件传值 并调用排序
       resetSord(IsUp) {
         this.$emit('getSord', this.index, IsUp);

src/components/sallCenter/plugin/search.vue

@@ -35,7 +35,7 @@
           </el-input>
         </el-form-item>
         <el-form-item label="提示文字">
-          <el-input type="text" size="small" v-model="searchData.data.placeholder" maxlength="10"></el-input>
+          <el-input type="text" size="small" v-model="searchData.data.placeholder" maxlength="30"></el-input>
         </el-form-item>
         <el-form-item label="文字颜色">
           <el-color-picker v-model="searchData.data.textColor" size="small"></el-color-picker>