页面修改

src/components/sallCenter/CustomPage.vue

@@ -8,6 +8,14 @@
         </el-button>
       </div>
       <div class="content">
+        <div class="searchInput">
+          <el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入标题名称" v-model="msg.PageName"
+            size="small" clearable @keyup.enter.native="msg.pageIndex=1,getList()" @clear="msg.pageIndex=1,getList()">
+          </el-input>
+          <span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"
+            @click="msg.pageIndex=1,getList()"> </span>
+        </div>
+        <br>
         <el-table :data="dataList" v-loading="loading" border style="width: 100%;margin:20px 0">
           <el-table-column prop="Id" label="ID" width="100">
           </el-table-column>
@@ -122,13 +130,14 @@
   export default {
     data() {
       return {
-        commonIndex:-1,
+        commonIndex: -1,
         loading: false,
         CustomIsShowAdd: true,
         //模板弹窗
-        isShowModule:false,
+        isShowModule: false,
         dataList: [],
         msg: {
+          PageName: "", //页面名称
           pageIndex: 1,
           pageSize: 10,
         },
@@ -151,10 +160,10 @@
     },
     methods: {
       //选择模板
-      getCustom(obj){
-        if (this.commonIndex > -1) {  
+      getCustom(obj) {
+        if (this.commonIndex > -1) {
           this.addMsg.DetailsList[this.commonIndex].TemplateId = obj.Id;
-          this.addMsg.DetailsList[this.commonIndex].TemplateShowName='#'+obj.Id+':'+obj.TemplateName;
+          this.addMsg.DetailsList[this.commonIndex].TemplateShowName = '#' + obj.Id + ':' + obj.TemplateName;
         }
         this.isShowModule = false;
       },

src/components/sallCenter/templateManage.vue

@@ -35,6 +35,14 @@
       </div>
     </div>
     <div class="temp_content">
+      <div class="searchInput" style="margin-bottom:20px;">
+        <el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入模板名称" v-model="qMsg.TemplateName"
+          size="small" clearable @keyup.enter.native="qMsg.pageIndex=1,getList()" @clear="qMsg.pageIndex=1,getList()">
+        </el-input>
+        <span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"
+          @click="qMsg.pageIndex=1,getList()"> </span>
+      </div>
+      <br>
       <el-table :data="dataList" border style="width: 100%">
         <el-table-column prop="Id" label="编号"></el-table-column>
         <el-table-column prop="TemplateName" label="模板名称"></el-table-column>
@@ -50,8 +58,8 @@
           </template>
         </el-table-column>
       </el-table>
-      <el-pagination style="text-align:right" background @current-change="handleCurrentChange" :page-size="qMsg.pageSize"
-        layout="prev, pager, next" :total="total">
+      <el-pagination style="text-align:right" background @current-change="handleCurrentChange"
+        :page-size="qMsg.pageSize" layout="prev, pager, next" :total="total">
       </el-pagination>
     </div>
   </div>
@@ -62,6 +70,7 @@
       return {
         dataList: [],
         qMsg: {
+          TemplateName: "", //模板名称
           pageIndex: 1,
           pageSize: 15,
         },

src/components/sallCenter/templateMarket.vue

@@ -7,6 +7,14 @@
       </div>
     </div>
     <div class="content">
+      <div class="searchInput" style="margin:10px 0 20px 20px;">
+        <el-input style="display:inline-block;width:225px;height:30px" placeholder="请输入模板名称" v-model="qMsg.Name"
+          size="small" clearable @keyup.enter.native="qMsg.pageIndex=1,getList()" @clear="qMsg.pageIndex=1,getList()">
+        </el-input>
+        <span class="el-icon-search" style="color:#979dad;font-size:14px;position:relative;top:1px"
+          @click="qMsg.pageIndex=1,getList()"> </span>
+      </div>
+      <br>
       <div class="template_MarketList">
         <div class="Market_List" v-for="(item,index) in dataList" :key="index">
           <div class="MarketInner">
@@ -36,9 +44,9 @@
           </div>
         </div>
       </div>
-       <el-pagination style="text-align:right" background @current-change="handleCurrentChange"
-          :page-size="qMsg.pageSize" layout="prev, pager, next" :total="total">
-        </el-pagination>
+      <el-pagination style="text-align:right" background @current-change="handleCurrentChange"
+        :page-size="qMsg.pageSize" layout="prev, pager, next" :total="total">
+      </el-pagination>
     </div>
     <el-dialog title="手机端预览" :visible.sync="viewDialog" width="600px">
       <div class="MarketView" ref="MarketView">
@@ -61,9 +69,10 @@
         dataList: [],
         qMsg: {
           pageIndex: 1,
-          pageSize: 30,
+          pageSize: 16,
           IsUse: 1,
           IsShow: 1,
+          Name: "", //模板名称
         },
         total: 0,
       };