修改

src/views/system/components/message.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="app-container">
-    <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
+    <el-button size="small" @click="classificationOpen = true"
+      style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
       :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName : '选择短信模板'
       }}</el-button>
     <el-dialog title="短信库模板选择" :visible.sync="classificationOpen" width="70%" :before-close="classificationOpenfalse">
@@ -68,10 +69,10 @@
               </template>
             </el-table-column>
           </el-table>
-          <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize" @pagination="getList" />
         </el-col>
       </el-row>
+      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+        @pagination="getList" />
     </el-dialog>
   </div>
 </template>
@@ -168,7 +169,7 @@ export default {
       this.$emit("on-template", { templateId: '', templateName: '', templateContent: "" });
     },
     handleselect(item) {
-      console.log(item.id,'id')
+      console.log(item.id, 'id')
       this.handleselectId = item.id
       this.handleselectName = item.textMessageName
       this.$emit("on-template", { templateId: item.id, templateName: item.textMessageName, templateContent: item.templateContent });
@@ -238,6 +239,10 @@ export default {
   padding: 0 !important;
 }
 
+::v-deep .el-dialog__body {
+  padding-bottom: 60px;
+}
+
 ::v-deep .el-input-number .el-input__inner {
   text-align: left;
 }

src/views/system/components/miniProgram.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
+        <el-button size="small" @click="classificationOpen = true"
+            style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
             :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
                 '选择公众号模板' }}</el-button>
         <el-dialog title="公众号模板选择" :visible.sync="classificationOpen" width="70%"
@@ -69,10 +70,10 @@
                             </template>
                         </el-table-column>
                     </el-table>
-                    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-                        :limit.sync="queryParams.pageSize" @pagination="getList" />
                 </el-col>
             </el-row>
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+                :limit.sync="queryParams.pageSize" @pagination="getList" />
         </el-dialog>
     </div>
 </template>
@@ -235,6 +236,10 @@ export default {
     text-align: left;
 }
 
+::v-deep .el-dialog__body {
+    padding-bottom: 60px;
+}
+
 .app-container {
     display: inline-block;
     padding: 0 !important;

src/views/system/components/officialAccount.vue

@@ -70,10 +70,10 @@
                             </template>
                         </el-table-column>
                     </el-table>
-                    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-                        :limit.sync="queryParams.pageSize" @pagination="getList" />
                 </el-col>
             </el-row>
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+                :limit.sync="queryParams.pageSize" @pagination="getList" />
         </el-dialog>
     </div>
 </template>
@@ -236,6 +236,10 @@ export default {
     text-align: left;
 }
 
+::v-deep .el-dialog__body {
+    padding-bottom: 60px;
+}
+
 .app-container {
     display: inline-block;
     padding: 0 !important;

src/views/system/components/propaganda.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
+        <el-button size="small" @click="classificationOpen = true"
+            style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
             :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
                 '选择宣教模板' }}</el-button>
         <el-dialog title="宣教库模板选择" :visible.sync="classificationOpen" width="70%"
@@ -77,10 +78,10 @@
                             </template>
                         </el-table-column>
                     </el-table>
-                    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-                        :limit.sync="queryParams.pageSize" @pagination="getList" />
                 </el-col>
             </el-row>
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+                :limit.sync="queryParams.pageSize" @pagination="getList" />
         </el-dialog>
     </div>
 </template>
@@ -284,6 +285,10 @@ export default {
     padding: 0 !important;
 }
 
+::v-deep .el-dialog__body {
+    padding-bottom: 60px;
+}
+
 .propagandaselect {
     width: 100px;
     height: 100px;

src/views/system/components/question.vue

@@ -1,6 +1,7 @@
 <template>
     <div class="app-container">
-        <el-button size="small" @click="classificationOpen = true" style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
+        <el-button size="small" @click="classificationOpen = true"
+            style="width: 200px;font-size:14px;text-align:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;"
             :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName :
                 '选择问卷模板' }}</el-button>
         <el-dialog title="问卷库模板选择" :visible.sync="classificationOpen" width="70%"
@@ -63,10 +64,10 @@
                             </template>
                         </el-table-column>
                     </el-table>
-                    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-                        :limit.sync="queryParams.pageSize" @pagination="getList" />
                 </el-col>
             </el-row>
+            <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
+                :limit.sync="queryParams.pageSize" @pagination="getList" />
         </el-dialog>
     </div>
 </template>
@@ -200,6 +201,10 @@ export default {
 };
 </script>
 <style scoped lang="scss">
+::v-deep .el-dialog__body {
+    padding-bottom: 60px;
+}
+
 .app-container {
     padding: 0 !important;
     display: inline-block;

src/views/system/components/script.vue

@@ -1,53 +1,30 @@
 <template>
   <div class="app-container">
-    <el-button
+    <el-button size="small" @click="classificationOpen = true" style="
-      size="small"
-      @click="classificationOpen = true"
-      style="
         width: 200px;
         font-size: 14px;
         text-align: left;
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
-      "
+      " :style="handleselectName ? 'color:black' : 'color:#C0C4CC'">{{ handleselectName ? handleselectName : "请选择"
-      :style="handleselectName ? 'color:black' : 'color:#C0C4CC'"
+      }}</el-button>
-      >{{ handleselectName ? handleselectName : "请选择" }}</el-button
+    <el-dialog title="话书库模板选择" :visible.sync="classificationOpen" width="70%" :before-close="classificationOpenfalse">
-    >
-    <el-dialog
-      title="话书库模板选择"
-      :visible.sync="classificationOpen"
-      width="70%"
-      :before-close="classificationOpenfalse"
-    >
       <el-row :gutter="20">
         <!--部门数据-->
         <el-col :span="6" :xs="24">
           <div class="leftscript" ref="box">
             <div class="name">科室名称</div>
             <div>
-              <el-input
+              <el-input v-model="name" placeholder="请输入科室名称" clearable @keyup.enter.native="handleQuery" />
-                v-model="name"
-                placeholder="请输入科室名称"
-                clearable
-                @keyup.enter.native="handleQuery"
-              />
             </div>
             <div class="listitem">
-              <div
+              <div :class="itemname == null ? 'allactive' : 'all'" @click="itemdata()">
-                :class="itemname == null ? 'allactive' : 'all'"
-                @click="itemdata()"
-              >
                 全部
               </div>
               <span class="count">{{ count }}</span>
             </div>
-            <div
+            <div class="listitem" v-for="(item, index) in DepartmentoList" :key="index" @click="itemdata(item)">
-              class="listitem"
-              v-for="(item, index) in DepartmentoList"
-              :key="index"
-              @click="itemdata(item)"
-            >
               <div :class="itemname == item.id ? 'allactive' : 'all'">
                 {{ item.departmentName }}
               </div>
@@ -57,138 +34,50 @@
         </el-col>
         <!--用户数据-->
         <el-col :span="18" :xs="24">
-          <el-form
+          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-            :model="queryParams"
+            label-width="100px">
-            ref="queryForm"
-            size="small"
-            :inline="true"
-            v-show="showSearch"
-            label-width="100px"
-          >
             <el-form-item label="通用话术名称" prop="commonScriptName">
-              <el-input
+              <el-input v-model="queryParams.commonScriptName" placeholder="请输入通用话术名称" clearable
-                v-model="queryParams.commonScriptName"
+                @keyup.enter.native="handleQuery" />
-                placeholder="请输入通用话术名称"
-                clearable
-                @keyup.enter.native="handleQuery"
-              />
             </el-form-item>
             <el-form-item label="话术名称" prop="scriptName">
-              <el-input
+              <el-input v-model="queryParams.scriptName" placeholder="请输入话术名称" clearable
-                v-model="queryParams.scriptName"
+                @keyup.enter.native="handleQuery" />
-                placeholder="请输入话术名称"
-                clearable
-                @keyup.enter.native="handleQuery"
-              />
             </el-form-item>
             <el-form-item label="话术ID" prop="scriptId">
-              <el-input
+              <el-input v-model="queryParams.scriptId" placeholder="请输入话术ID" clearable
-                v-model="queryParams.scriptId"
+                @keyup.enter.native="handleQuery" />
-                placeholder="请输入话术ID"
-                clearable
-                @keyup.enter.native="handleQuery"
-              />
             </el-form-item>
             <el-form-item label="平台ID" prop="platformId">
-              <el-input
+              <el-input v-model="queryParams.platformId" placeholder="请输入平台ID" clearable
-                v-model="queryParams.platformId"
+                @keyup.enter.native="handleQuery" />
-                placeholder="请输入平台ID"
-                clearable
-                @keyup.enter.native="handleQuery"
-              />
             </el-form-item>
             <el-form-item>
-              <el-button
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-                type="primary"
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-                icon="el-icon-search"
-                size="mini"
-                @click="handleQuery"
-                >搜索</el-button
-              >
-              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-                >重置</el-button
-              >
             </el-form-item>
           </el-form>
-          <el-table
+          <el-table v-loading="loading" :data="scriptList" @row-dblclick="handleselect">
-            v-loading="loading"
+            <el-table-column label="序号" align="center" prop="sort" type="index" />
-            :data="scriptList"
+            <el-table-column label="通用话术名称" align="center" prop="commonScriptName" :show-overflow-tooltip="true" />
-            @row-dblclick="handleselect"
+            <el-table-column label="话术名称" align="center" prop="scriptName" :show-overflow-tooltip="true" />
-          >
+            <el-table-column label="话术ID" align="center" prop="scriptId" :show-overflow-tooltip="true" />
-            <el-table-column
+            <el-table-column label="平台ID" align="center" prop="platformId" :show-overflow-tooltip="true" />
-              label="序号"
+            <el-table-column label="话术简介" align="center" prop="scriptIntroduction" :show-overflow-tooltip="true" />
-              align="center"
+            <el-table-column label="病种名称" align="center" prop="diseaseTypeName" :show-overflow-tooltip="true" />
-              prop="sort"
+            <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-              type="index"
-            />
-            <el-table-column
-              label="通用话术名称"
-              align="center"
-              prop="commonScriptName"
-              :show-overflow-tooltip="true"
-            />
-            <el-table-column
-              label="话术名称"
-              align="center"
-              prop="scriptName"
-              :show-overflow-tooltip="true"
-            />
-            <el-table-column
-              label="话术ID"
-              align="center"
-              prop="scriptId"
-              :show-overflow-tooltip="true"
-            />
-            <el-table-column
-              label="平台ID"
-              align="center"
-              prop="platformId"
-              :show-overflow-tooltip="true"
-            />
-            <el-table-column
-              label="话术简介"
-              align="center"
-              prop="scriptIntroduction"
-              :show-overflow-tooltip="true"
-            />
-            <el-table-column
-              label="病种名称"
-              align="center"
-              prop="diseaseTypeName"
-              :show-overflow-tooltip="true"
-            />
-            <el-table-column
-              label="操作"
-              align="center"
-              class-name="small-padding fixed-width"
-            >
               <template slot-scope="scope">
-                <el-button
+                <el-button size="mini" type="text" @click="handleselect(scope.row)"
-                  size="mini"
+                  v-if="handleselectId != scope.row.id">选择</el-button>
-                  type="text"
+                <el-button size="mini" type="text" @click="nohandleselect(scope.row)"
-                  @click="handleselect(scope.row)"
+                  v-if="handleselectId == scope.row.id">取消选择</el-button>
-                  v-if="handleselectId != scope.row.id"
-                  >选择</el-button
-                >
-                <el-button
-                  size="mini"
-                  type="text"
-                  @click="nohandleselect(scope.row)"
-                  v-if="handleselectId == scope.row.id"
-                  >取消选择</el-button
-                >
               </template>
             </el-table-column>
           </el-table>
-          <pagination
-            v-show="total > 0"
-            :total="total"
-            :page.sync="queryParams.pageNum"
-            :limit.sync="queryParams.pageSize"
-            @pagination="getList"
-          />
         </el-col>
       </el-row>
+      <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+        @pagination="getList" />
     </el-dialog>
   </div>
 </template>
@@ -386,6 +275,10 @@ export default {
   text-align: left;
 }
 
+::v-deep .el-dialog__body {
+  padding-bottom: 60px;
+}
+
 .app-container {
   display: inline-block;
   padding: 0 !important;