xg

src/views/manage/script/index.vue

@@ -1,119 +1,19 @@
 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="68px"
-    >
-      <el-form-item
-        label="通用话术名称"
-        prop="commonScriptName"
-        label-width="100px"
-      >
-        <el-input
-          v-model="queryParams.commonScriptName"
-          placeholder="请输入通用话术名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="话术名称" prop="scriptName">
-        <el-input
-          v-model="queryParams.scriptName"
-          placeholder="请输入话术名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="话术ID" prop="scriptId">
-        <el-input
-          v-model="queryParams.scriptId"
-          placeholder="请输入话术ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="平台ID" prop="platformId">
-        <el-input
-          v-model="queryParams.platformId"
-          placeholder="请输入平台ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="话术状态" prop="scriptStatus">
-        <el-select v-model="queryParams.scriptStatus" placeholder="请选择">
-          <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          >
-          </el-option>
-        </el-select>
-      </el-form-item>
-
-      <el-form-item>
-        <el-button
-          type="primary"
-          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-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['manage:script:add']"
-          >新增</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
     <el-row :gutter="20">
       <el-col :span="5">
         <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>
@@ -121,43 +21,52 @@
           </div>
         </div>
       </el-col>
-      <el-col :span="19">
+      <el-col :span="19" :xs="24"
-        <el-table
+        style="height:calc(100vh - 124px);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;">
-          v-loading="loading"
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-          :data="scriptList"
+          label-width="68px">
-          @selection-change="handleSelectionChange"
+          <el-form-item label="通用话术名称" prop="commonScriptName" label-width="100px">
-        >
+            <el-input v-model="queryParams.commonScriptName" placeholder="请输入通用话术名称" clearable
-          <el-table-column
+              @keyup.enter.native="handleQuery" />
-            label="序号"
+          </el-form-item>
-            align="center"
+          <el-form-item label="话术名称" prop="scriptName">
-            prop="sort"
+            <el-input v-model="queryParams.scriptName" placeholder="请输入话术名称" clearable
-            type="index"
+              @keyup.enter.native="handleQuery" />
-          />
+          </el-form-item>
+          <el-form-item label="话术ID" prop="scriptId">
+            <el-input v-model="queryParams.scriptId" placeholder="请输入话术ID" clearable
+              @keyup.enter.native="handleQuery" />
+          </el-form-item>
+          <el-form-item label="平台ID" prop="platformId">
+            <el-input v-model="queryParams.platformId" placeholder="请输入平台ID" clearable
+              @keyup.enter.native="handleQuery" />
+          </el-form-item>
+          <el-form-item label="话术状态" prop="scriptStatus">
+            <el-select v-model="queryParams.scriptStatus" placeholder="请选择">
+              <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </el-form-item>
 
-          <el-table-column
+          <el-form-item>
-            label="通用话术名称"
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-            align="center"
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-            prop="commonScriptName"
+          </el-form-item>
-            :show-overflow-tooltip="true"
+        </el-form>
-          />
+        <el-row :gutter="10" class="mb8">
-          <el-table-column
+          <el-col :span="1.5">
-            label="话术名称"
+            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-            align="center"
+              v-hasPermi="['manage:script:add']">新增</el-button>
-            prop="scriptName"
+          </el-col>
-            :show-overflow-tooltip="true"
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-          />
+        </el-row>
-          <el-table-column
+        <el-table v-loading="loading" :data="scriptList" @selection-change="handleSelectionChange">
-            label="话术ID"
+          <el-table-column label="序号" align="center" prop="sort" type="index" />
-            align="center"
+
-            prop="scriptId"
+          <el-table-column label="通用话术名称" align="center" prop="commonScriptName" :show-overflow-tooltip="true" />
-            :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
+          <el-table-column label="平台ID" align="center" prop="platformId" :show-overflow-tooltip="true" />
-            label="平台ID"
-            align="center"
-            prop="platformId"
-            :show-overflow-tooltip="true"
-          />
           <el-table-column label="话术状态" align="center" prop="scriptStatus">
             <template slot-scope="scope">
               {{ scope.row.scriptStatus == "NORMAL" ? "正常" : "" }}
@@ -165,217 +74,93 @@
               {{ scope.row.scriptStatus == "SUSPEND" ? "暂停" : "" }}
             </template>
           </el-table-column>
-          <el-table-column
+          <el-table-column label="话术简介" align="center" prop="scriptIntroduction" :show-overflow-tooltip="true" />
-            label="话术简介"
+          <el-table-column label="病种名称" align="center" prop="diseaseTypeName" :show-overflow-tooltip="true" />
-            align="center"
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            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" icon="el-icon-search" @click="handlesee(scope.row)">预览</el-button>
-                size="mini"
+              <el-button size="mini" type="text" icon="el-icon-search" @click="see(scope.row)">话术</el-button>
-                type="text"
+              <el-button size="mini" type="text" icon="el-icon-search" @click="seescript(scope.row)">话术预览</el-button>
-                icon="el-icon-search"
-                @click="handlesee(scope.row)"
-                >预览</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-search"
-                @click="see(scope.row)"
-                >话术</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-search"
-                @click="seescript(scope.row)"
-                >话术预览</el-button
-              >
 
 
-              <el-button
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                size="mini"
+                v-hasPermi="['manage:script:edit']">修改</el-button>
-                type="text"
+              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                icon="el-icon-edit"
+                v-hasPermi="['manage:script:remove']">删除</el-button>
-                @click="handleUpdate(scope.row)"
-                v-hasPermi="['manage:script:edit']"
-                >修改</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-delete"
-                @click="handleDelete(scope.row)"
-                v-hasPermi="['manage:script:remove']"
-                >删除</el-button
-              >
             </template>
           </el-table-column>
         </el-table>
-        <pagination
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-          v-show="total > 0"
+          :limit.sync="queryParams.pageSize" @pagination="getList" />
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
       </el-col>
     </el-row>
 
     <!-- 添加或修改话术信息对话框 -->
-    <el-dialog
+    <el-dialog :title="title" :visible.sync="open" width="700px" append-to-body>
-      :title="title"
+      <el-form ref="form" :model="form" :rules="rules" label-width="110px" :inline="true">
-      :visible.sync="open"
-      width="700px"
-      append-to-body
-    >
-      <el-form
-        ref="form"
-        :model="form"
-        :rules="rules"
-        label-width="110px"
-        :inline="true"
-      >
         <el-form-item label="通用话术名称" prop="commonScriptName">
-          <el-input
+          <el-input maxlength="100" v-model="form.commonScriptName" placeholder="请输入通用话术名称" />
-            maxlength="100"
-            v-model="form.commonScriptName"
-            placeholder="请输入通用话术名称"
-          />
         </el-form-item>
         <el-form-item label="话术名称" prop="scriptName">
-          <el-input
+          <el-input v-model="form.scriptName" placeholder="请输入话术名称" maxlength="100" />
-            v-model="form.scriptName"
-            placeholder="请输入话术名称"
-            maxlength="100"
-          />
         </el-form-item>
         <el-form-item label="话术排序" prop="scriptSort">
-          <el-input-number
+          <el-input-number v-model="form.scriptSort" controls-position="right" :min="0" placeholder="请输入话术排序"
-            v-model="form.scriptSort"
+            style="width: 206px" />
-            controls-position="right"
-            :min="0"
-            placeholder="请输入话术排序"
-            style="width: 206px"
-          />
         </el-form-item>
-        <el-form-item label="话术ID" prop="scriptId" v-if="title=='修改话术信息'">
+        <el-form-item label="话术ID" prop="scriptId" v-if="title == '修改话术信息'">
-          <el-input
+          <el-input disabled onKeyUp="value=value.replace(/[\W]/g,'')" v-model="form.scriptId" placeholder="请输入话术ID"
-          disabled
+            maxlength="100" />
-            onKeyUp="value=value.replace(/[\W]/g,'')"
-            v-model="form.scriptId"
-            placeholder="请输入话术ID"
-            maxlength="100"
-          />
         </el-form-item>
         <el-form-item label="平台ID" prop="platformId">
-          <el-input
+          <el-input onKeyUp="value=value.replace(/[\W]/g,'')" v-model="form.platformId" placeholder="请输入平台ID"
-            onKeyUp="value=value.replace(/[\W]/g,'')"
+            maxlength="100" />
-            v-model="form.platformId"
-            placeholder="请输入平台ID"
-            maxlength="100"
-          />
         </el-form-item>
         <el-form-item label="话术状态" prop="platformId">
-          <el-select
+          <el-select v-model="form.scriptStatus" placeholder="请选择" style="width: 206px">
-            v-model="form.scriptStatus"
+            <el-option v-for="item in optionsadd" :key="item.value" :label="item.label" :value="item.value">
-            placeholder="请选择"
-            style="width: 206px"
-          >
-            <el-option
-              v-for="item in optionsadd"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
             </el-option>
           </el-select>
         </el-form-item>
 
         <el-form-item label="科室名称" prop="departmentId">
-          <el-button
+          <el-button type="" v-if="departmentName == '请选择科室'" @click="clickinnerVisible()" style="
-            type=""
-            v-if="departmentName == '请选择科室'"
-            @click="clickinnerVisible()"
-            style="
               width: 206px;
               text-align: left;
               height: 36px;
               color: #c0c4cc;
               overflow: hidden;
-            "
+            ">{{ departmentName }}</el-button>
-            >{{ departmentName }}</el-button
+          <el-button @click="clickinnerVisible()" type="" v-else style="
-          >
-          <el-button
-            @click="clickinnerVisible()"
-            type=""
-            v-else
-            style="
               width: 206px;
               text-align: left;
               height: 36px;
               padding-left: -10px;
               overflow: hidden;
-            "
+            ">{{ departmentName }}</el-button>
-            >{{ departmentName }}</el-button
-          >
         </el-form-item>
         <el-form-item label="病种名称" prop="diseaseTypeName">
-          <el-button
+          <el-button type="" v-if="diseaseTypeName == '请选择病种'" @click="clickdisease()" style="
-            type=""
-            v-if="diseaseTypeName == '请选择病种'"
-            @click="clickdisease()"
-            style="
               width: 206px;
               text-align: left;
               height: 36px;
               color: #c0c4cc;
               overflow: hidden;
-            "
+            ">{{ diseaseTypeName }}</el-button>
-            >{{ diseaseTypeName }}</el-button
+          <el-button @click="clickdisease()" type="" v-else style="
-          >
-          <el-button
-            @click="clickdisease()"
-            type=""
-            v-else
-            style="
               width: 206px;
               text-align: left;
               height: 36px;
               padding-left: -10px;
               overflow: hidden;
-            "
+            ">{{ diseaseTypeName }}</el-button>
-            >{{ diseaseTypeName }}</el-button
-          >
         </el-form-item>
         <el-form-item label="话术简介" prop="scriptIntroduction">
-          <el-input
+          <el-input maxlength="200" v-model="form.scriptIntroduction" placeholder="请输入话术简介" type="textarea" />
-            maxlength="200"
-            v-model="form.scriptIntroduction"
-            placeholder="请输入话术简介"
-            type="textarea"
-          />
         </el-form-item>
 
         <el-form-item label="图片" prop="scriptFilePath">
-          <stationAcatar
+          <stationAcatar @imgUrl="imgUrl" :img="form.scriptFilePath" :type="'scriptUrl'" />
-            @imgUrl="imgUrl"
-            :img="form.scriptFilePath"
-            :type="'scriptUrl'"
-          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -384,168 +169,66 @@
       </div>
     </el-dialog>
     <!-- 科室弹框 -->
-    <el-dialog
+    <el-dialog title="" :visible.sync="innerVisibleshow" width="1000px" append-to-body
-      title=""
+      :before-close="innerVisiblecancel">
-      :visible.sync="innerVisibleshow"
+      <el-form ref="queryForm" :model="informationqueryParams" :rules="rules" label-width="80px" :inline="true">
-      width="1000px"
-      append-to-body
-      :before-close="innerVisiblecancel"
-    >
-      <el-form
-        ref="queryForm"
-        :model="informationqueryParams"
-        :rules="rules"
-        label-width="80px"
-        :inline="true"
-      >
         <el-form-item label="科室名称" prop="departmentName" label-width="120">
-          <el-input
+          <el-input v-model="informationqueryParams.departmentName" placeholder="请输入科室名称" clearable />
-            v-model="informationqueryParams.departmentName"
-            placeholder="请输入科室名称"
-            clearable
-          />
         </el-form-item>
 
         <el-form-item>
-          <el-button
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="informationInfoinfo">搜索</el-button>
-            type="primary"
+          <el-button icon="el-icon-refresh" size="mini" @click="addresetQuerylist">重置</el-button>
-            icon="el-icon-search"
-            size="mini"
-            @click="informationInfoinfo"
-            >搜索</el-button
-          >
-          <el-button
-            icon="el-icon-refresh"
-            size="mini"
-            @click="addresetQuerylist"
-            >重置</el-button
-          >
         </el-form-item>
       </el-form>
 
-      <el-table
+      <el-table :data="infolist" @cell-dblclick="nurseclick" v-loading="loading">
-        :data="infolist"
-        @cell-dblclick="nurseclick"
-        v-loading="loading"
-      >
         <el-table-column label="请选择" width="100" align="center">
           <template slot-scope="scope">
-            <el-button
+            <el-button type="primary" style="width: 15px; height: 15px" v-if="form.departmentId == scope.row.id" circle
-              type="primary"
+              @click="nurseclick(scope.row)"></el-button>
-              style="width: 15px; height: 15px"
+            <el-button v-else style="width: 15px; height: 15px" circle @click="nurseclick(scope.row)"></el-button>
-              v-if="form.departmentId == scope.row.id"
-              circle
-              @click="nurseclick(scope.row)"
-            ></el-button>
-            <el-button
-              v-else
-              style="width: 15px; height: 15px"
-              circle
-              @click="nurseclick(scope.row)"
-            ></el-button>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column property="departmentName" label="科室名称" align="center" :show-overflow-tooltip="true">
-          property="departmentName"
-          label="科室名称"
-          align="center"
-          :show-overflow-tooltip="true"
-        >
         </el-table-column>
       </el-table>
-      <pagination
+      <pagination v-show="totaldepartment > 0" :total="totaldepartment" :page.sync="informationqueryParams.pageNum"
-        v-show="totaldepartment > 0"
+        :limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" />
-        :total="totaldepartment"
-        :page.sync="informationqueryParams.pageNum"
-        :limit.sync="informationqueryParams.pageSize"
-        @pagination="informationInfoinfo"
-      />
     </el-dialog>
     <!-- 病种弹框 -->
-    <el-dialog
+    <el-dialog title="" :visible.sync="diseaseshowst" width="1000px" append-to-body :before-close="canceldiseases">
-      title=""
+      <el-form ref="queryForm" :model="querydisease" :rules="rules" label-width="80px" :inline="true">
-      :visible.sync="diseaseshowst"
-      width="1000px"
-      append-to-body
-      :before-close="canceldiseases"
-    >
-      <el-form
-        ref="queryForm"
-        :model="querydisease"
-        :rules="rules"
-        label-width="80px"
-        :inline="true"
-      >
         <el-form-item label="病种名称" prop="diseaseTypeName" label-width="120">
-          <el-input
+          <el-input v-model="querydisease.diseaseTypeName" placeholder="请输入病种名称" clearable />
-            v-model="querydisease.diseaseTypeName"
-            placeholder="请输入病种名称"
-            clearable
-          />
         </el-form-item>
 
         <el-form-item>
-          <el-button
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="infodisease">搜索</el-button>
-            type="primary"
+          <el-button icon="el-icon-refresh" size="mini" @click="resetdisease">重置</el-button>
-            icon="el-icon-search"
-            size="mini"
-            @click="infodisease"
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetdisease"
-            >重置</el-button
-          >
         </el-form-item>
       </el-form>
 
-      <el-table
+      <el-table :data="listdisease" @cell-dblclick="nurseclickdisease" v-loading="loading">
-        :data="listdisease"
-        @cell-dblclick="nurseclickdisease"
-        v-loading="loading"
-      >
         <el-table-column label="请选择" width="100" align="center">
           <template slot-scope="scope">
-            <el-button
+            <el-button type="primary" style="width: 15px; height: 15px" v-if="form.diseaseTypeId == scope.row.id" circle
-              type="primary"
+              @click="nurseclickdisease(scope.row)"></el-button>
-              style="width: 15px; height: 15px"
+            <el-button v-else style="width: 15px; height: 15px" circle
-              v-if="form.diseaseTypeId == scope.row.id"
+              @click="nurseclickdisease(scope.row)"></el-button>
-              circle
-              @click="nurseclickdisease(scope.row)"
-            ></el-button>
-            <el-button
-              v-else
-              style="width: 15px; height: 15px"
-              circle
-              @click="nurseclickdisease(scope.row)"
-            ></el-button>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column property="diseaseTypeName" label="病种名称" align="center" :show-overflow-tooltip="true">
-          property="diseaseTypeName"
-          label="病种名称"
-          align="center"
-          :show-overflow-tooltip="true"
-        >
         </el-table-column>
       </el-table>
-      <pagination
+      <pagination v-show="diseasetotal > 0" :total="diseasetotal" :page.sync="querydisease.pageNum"
-        v-show="diseasetotal > 0"
+        :limit.sync="querydisease.pageSize" @pagination="infodisease" />
-        :total="diseasetotal"
-        :page.sync="querydisease.pageNum"
-        :limit.sync="querydisease.pageSize"
-        @pagination="infodisease"
-      />
     </el-dialog>
     <!-- 预览弹框 -->
-    <el-dialog
+    <el-dialog title="预览" :visible.sync="dialogsee" width="40%" :before-close="seeClose">
-      title="预览"
+      <div class="dialog">
-      :visible.sync="dialogsee"
+        <img :src="baseUrl + form.scriptFilePath" alt="" />
-      width="40%"
+      </div>
-      :before-close="seeClose"
-    >
-    <div class="dialog">
-      <img :src="baseUrl + form.scriptFilePath" alt="" />
-    </div>
       <span slot="footer" class="dialog-footer">
         <el-button @click="dialogsee = false">取 消</el-button>
       </span>
@@ -763,16 +446,16 @@ export default {
       this.Departmentlist();
     },
     'form.scriptSort'(val) {
-      if(val){
+      if (val) {
         var name = ''
-      name = val.toString()
+        name = val.toString()
-      this.obj = name.split('')
+        this.obj = name.split('')
-      // if (this.obj.length > 10) {
+        // if (this.obj.length > 10) {
-      //   this.$message({
+        //   this.$message({
-      //     type: "error",
+        //     type: "error",
-      //     message: "话术排序最大长度为十位，请正确输入！"
+        //     message: "话术排序最大长度为十位，请正确输入！"
-      //   });
+        //   });
-      // }
+        // }
       }
     }
   },
@@ -782,8 +465,8 @@ export default {
       this.form.scriptFilePath = imgUrl;
     },
     // 话术
-    see(row){
+    see(row) {
-      Cookies.set("id",row.id)
+      Cookies.set("id", row.id)
       this.$router.push({
         path: "/knowledge/preview",
         query: {
@@ -791,7 +474,7 @@ export default {
         },
       });
     },
-    seescript(row){
+    seescript(row) {
       this.$router.push({
         path: "/knowledge/Scriptpreview",
         query: {
@@ -804,14 +487,14 @@ export default {
     // 预览点击
     handlesee(row) {
 
-      if(row.scriptFilePath){
+      if (row.scriptFilePath) {
         const id = row.id
-      getScript(id).then(response => {
+        getScript(id).then(response => {
-        this.form = response.data;
+          this.form = response.data;
-        this.dialogsee = true;
+          this.dialogsee = true;
-      });
+        });
 
-      }else{
+      } else {
         this.$modal.msgError("暂无预览信息");
 
       }
@@ -1071,53 +754,53 @@ export default {
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.obj.length > 10) {
-        this.$message({
+            this.$message({
-          type: "error",
+              type: "error",
-          message: "话术排序最大长度为十位，请正确输入！"
+              message: "话术排序最大长度为十位，请正确输入！"
-        });
-      }else{
-        if (this.form.id != null) {
-            this.form.departmentName = this.departmentName
-            // this.form.diseaseTypeName = this.diseaseTypeName
-            if (this.diseaseTypeName == "请选择病种") {
-              this.form.diseaseTypeName = null
-
-            } else {
-              this.form.diseaseTypeName = this.diseaseTypeName
-            }
-            updateScript(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
-              this.open = false;
-              this.getList();
             });
           } else {
-            if (this.diseaseTypeName == "请选择病种") {
+            if (this.form.id != null) {
-              this.form.diseaseTypeName = null
-
-            } else {
-              this.form.diseaseTypeName = this.diseaseTypeName
-            }
-            if (this.itemname) {
               this.form.departmentName = this.departmentName
-              this.form.departmentId = this.itemname
+              // this.form.diseaseTypeName = this.diseaseTypeName
+              if (this.diseaseTypeName == "请选择病种") {
+                this.form.diseaseTypeName = null
 
+              } else {
+                this.form.diseaseTypeName = this.diseaseTypeName
+              }
+              updateScript(this.form).then(response => {
+                this.$modal.msgSuccess("修改成功");
+                this.open = false;
+                this.getList();
+              });
             } else {
-              this.form.departmentName = this.departmentName
+              if (this.diseaseTypeName == "请选择病种") {
+                this.form.diseaseTypeName = null
+
+              } else {
+                this.form.diseaseTypeName = this.diseaseTypeName
+              }
+              if (this.itemname) {
+                this.form.departmentName = this.departmentName
+                this.form.departmentId = this.itemname
+
+              } else {
+                this.form.departmentName = this.departmentName
+
+              }
+              // console.log(this.form,'this.form')
+              // return
+              addScript(this.form).then(response => {
+                this.$modal.msgSuccess("新增成功");
+                this.open = false;
+                this.getList();
+                this.Departmentlist();
+              });
 
             }
-            // console.log(this.form,'this.form')
-            // return
-            addScript(this.form).then(response => {
-              this.$modal.msgSuccess("新增成功");
-              this.open = false;
-              this.getList();
-              this.Departmentlist();
-            });
 
           }
 
-      }
-
         }
       });
     },
@@ -1149,22 +832,26 @@ export default {
 ::v-deep .el-textarea__inner {
   width: 206px;
 }
-.dialog{
+
+.dialog {
   width: 100%;
   overflow: auto;
 }
+
 .leftscript {
-  // width: 30%;
+  height: calc(100vh - 124px);
-  height: 850px;
   overflow: auto;
+
   .name {
     font-weight: 700;
     margin-bottom: 10px;
   }
+
   .listitem {
     width: 100%;
     height: 50px;
     border-bottom: 1px solid #dcdfe6;
+
     .count {
       display: inline-block;
       position: relative;
@@ -1174,11 +861,13 @@ export default {
       top: -35px;
       font-size: 13px;
     }
+
     .all {
       height: 50px;
       line-height: 50px;
       padding-left: 13px;
     }
+
     .allactive {
       background: #e8f4ff;
       height: 50px;
@@ -1188,6 +877,7 @@ export default {
     }
   }
 }
+
 .button {
   display: inline-block;
   position: relative;
@@ -1195,4 +885,3 @@ export default {
   top: -11px;
 }
 </style>
-

src/views/manage/template/index.vue

@@ -1,94 +1,19 @@
 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="68px"
-    >
-      <el-form-item
-        label="微信模版名称"
-        prop="wechatTemplateName"
-        label-width="100px"
-      >
-        <el-input
-          v-model="queryParams.wechatTemplateName"
-          placeholder="请输入微信模版名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-
-      <el-form-item label="模板ID" prop="templateId">
-        <el-input
-          v-model="queryParams.templateId"
-          placeholder="请输入模板ID"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-
-      <el-form-item>
-        <el-button
-          type="primary"
-          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-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['manage:template:add']"
-          >新增微信模版</el-button
-        >
-      </el-col>
-
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
     <el-row :gutter="20">
       <el-col :span="5">
         <div class="left" 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>
@@ -96,84 +21,62 @@
           </div>
         </div>
       </el-col>
-      <el-col :span="19">
+      <el-col :span="19" :xs="24"
-        <el-table
+        style="height:calc(100vh - 124px);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;">
-          v-loading="loading"
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-          :data="templateList"
+          label-width="68px">
-          @selection-change="handleSelectionChange"
+          <el-form-item label="微信模版名称" prop="wechatTemplateName" label-width="100px">
-        >
+            <el-input v-model="queryParams.wechatTemplateName" placeholder="请输入微信模版名称" clearable
-          <el-table-column
+              @keyup.enter.native="handleQuery" />
-            type="index"
+          </el-form-item>
-            width="55"
+
-            align="center"
+          <el-form-item label="模板ID" prop="templateId">
-            label="序号"
+            <el-input v-model="queryParams.templateId" placeholder="请输入模板ID" clearable
-          />
+              @keyup.enter.native="handleQuery" />
-          >
+          </el-form-item>
-          <el-table-column
+
-            label="微信模版名称"
+          <el-form-item>
-            align="center"
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-            prop="wechatTemplateName"
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-          />
+          </el-form-item>
+        </el-form>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+              v-hasPermi="['manage:template:add']">新增微信模版</el-button>
+          </el-col>
+
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+        </el-row>
+        <el-table v-loading="loading" :data="templateList" @selection-change="handleSelectionChange">
+          <el-table-column type="index" width="55" align="center" label="序号" />
+          <el-table-column label="微信模版名称" align="center" prop="wechatTemplateName" />
           <el-table-column label="模板ID" align="center" prop="templateId" />
-          <el-table-column
+          <el-table-column label="模板来源" align="center" prop="templateSource">
-            label="模板来源"
-            align="center"
-            prop="templateSource"
-          >
             <template slot-scope="scope">
               {{ scope.row.templateSource == "WE_CHAT_APPLET" ? "小程序" : "" }}
               {{
-                scope.row.templateSource == "WE_CHAT_OFFICIAL_ACCOUNT"
+      scope.row.templateSource == "WE_CHAT_OFFICIAL_ACCOUNT"
-                  ? "公众号"
+        ? "公众号"
-                  : ""
+        : ""
-              }}
+    }}
             </template>
           </el-table-column>
-          <el-table-column
+          <el-table-column label="适用任务类型" align="center" prop="suitTaskTypeName" :show-overflow-tooltip="true" />
-            label="适用任务类型"
+          <el-table-column label="病种名称" align="center" prop="diseaseTypeName" />
-            align="center"
-            prop="suitTaskTypeName"
-            :show-overflow-tooltip="true"
-          />
-          <el-table-column
-            label="病种名称"
-            align="center"
-            prop="diseaseTypeName"
-          />
 
-          <el-table-column
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-          >
             <template slot-scope="scope">
-              <el-button
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                size="mini"
+                v-hasPermi="['manage:template:edit']">修改</el-button>
-                type="text"
+              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                icon="el-icon-edit"
+                v-hasPermi="['manage:template:remove']">删除</el-button>
-                @click="handleUpdate(scope.row)"
-                v-hasPermi="['manage:template:edit']"
-                >修改</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-delete"
-                @click="handleDelete(scope.row)"
-                v-hasPermi="['manage:template:remove']"
-                >删除</el-button
-              >
             </template>
           </el-table-column>
         </el-table>
 
-        <pagination
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-          v-show="total > 0"
+          :limit.sync="queryParams.pageSize" @pagination="getList" />
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
       </el-col>
     </el-row>
 
@@ -181,128 +84,64 @@
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="110px">
         <el-form-item label="微信模板名称" prop="wechatTemplateName">
-          <el-input
+          <el-input v-model="form.wechatTemplateName" placeholder="请输入微信模板名称" />
-            v-model="form.wechatTemplateName"
-            placeholder="请输入微信模板名称"
-          />
         </el-form-item>
-        <el-form-item
+        <el-form-item label="模板ID" prop="templateId" v-if="title == '修改微信模板'">
-          label="模板ID"
+          <el-input v-model="form.templateId" placeholder="请输入模板ID" onKeyUp="value=value.replace(/[\W]/g,'')"
-          prop="templateId"
+            disabled />
-          v-if="title == '修改微信模板'"
-        >
-          <el-input
-            v-model="form.templateId"
-            placeholder="请输入模板ID"
-            onKeyUp="value=value.replace(/[\W]/g,'')"
-            disabled
-          />
         </el-form-item>
         <el-form-item label="微信排序" prop="templateSort">
-          <el-input-number
+          <el-input-number v-model="form.templateSort" controls-position="right" :min="0" placeholder="请输入微信排序"
-            v-model="form.templateSort"
+            style="width: 350px" />
-            controls-position="right"
-            :min="0"
-            placeholder="请输入微信排序"
-            style="width: 350px"
-          />
         </el-form-item>
         <el-form-item label="模板内容" prop="templateContent">
-          <el-input
+          <el-input v-model="form.templateContent" placeholder="请输入模板内容" type="textarea" maxlength="300" />
-            v-model="form.templateContent"
-            placeholder="请输入模板内容"
-            type="textarea"
-            maxlength="300"
-          />
 
           <!-- <editor v-model="form.templateContent" :min-height="192"/> -->
         </el-form-item>
         <el-form-item label="模板来源" prop="templateSource">
-          <el-select
+          <el-select v-model="form.templateSource" placeholder="请选择" style="width: 350px">
-            v-model="form.templateSource"
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
-            placeholder="请选择"
-            style="width: 350px"
-          >
-            <el-option
-              v-for="item in options"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            >
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="适用数据类型" prop="suitTaskTypeId">
-          <el-select
+          <el-select v-model="form.suitTaskTypeIds" placeholder="请选择" style="width: 350px" multiple>
-            v-model="form.suitTaskTypeIds"
+            <el-option v-for="item in type" :key="item.dictCode" :label="item.dictLabel" :value="item.dictCode">
-            placeholder="请选择"
-            style="width: 350px"
-            multiple
-          >
-            <el-option
-              v-for="item in type"
-              :key="item.dictCode"
-              :label="item.dictLabel"
-              :value="item.dictCode"
-            >
             </el-option>
           </el-select>
         </el-form-item>
         <el-form-item label="科室名称" prop="departmentId">
-          <el-button
+          <el-button type="" v-if="departmentName == '请选择科室'" @click="clickinnerVisible()" style="
-            type=""
-            v-if="departmentName == '请选择科室'"
-            @click="clickinnerVisible()"
-            style="
               width: 350px;
               text-align: left;
               height: 36px;
               color: #c0c4cc;
               overflow: hidden;
-            "
+            ">{{ departmentName }}</el-button>
-            >{{ departmentName }}</el-button
+          <el-button @click="clickinnerVisible()" type="" v-else style="
-          >
-          <el-button
-            @click="clickinnerVisible()"
-            type=""
-            v-else
-            style="
               width: 350px;
               text-align: left;
               height: 36px;
               padding-left: -10px;
               overflow: hidden;
-            "
+            ">{{ departmentName }}</el-button>
-            >{{ departmentName }}</el-button
-          >
         </el-form-item>
         <el-form-item label="病种名称" prop="diseaseTypeName">
-          <el-button
+          <el-button type="" v-if="diseaseTypeName == '请选择病种'" @click="clickdisease()" style="
-            type=""
-            v-if="diseaseTypeName == '请选择病种'"
-            @click="clickdisease()"
-            style="
               width: 350px;
               text-align: left;
               height: 36px;
               color: #c0c4cc;
               overflow: hidden;
-            "
+            ">{{ diseaseTypeName }}</el-button>
-            >{{ diseaseTypeName }}</el-button
+          <el-button @click="clickdisease()" type="" v-else style="
-          >
-          <el-button
-            @click="clickdisease()"
-            type=""
-            v-else
-            style="
               width: 350px;
               text-align: left;
               height: 36px;
               padding-left: -10px;
               overflow: hidden;
-            "
+            ">{{ diseaseTypeName }}</el-button>
-            >{{ diseaseTypeName }}</el-button
-          >
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -311,157 +150,60 @@
       </div>
     </el-dialog>
     <!-- 科室弹框 -->
-    <el-dialog
+    <el-dialog title="" :visible.sync="innerVisibleshow" width="1000px" append-to-body
-      title=""
+      :before-close="innerVisiblecancel">
-      :visible.sync="innerVisibleshow"
+      <el-form ref="queryForm" :model="informationqueryParams" :rules="rules" label-width="80px" :inline="true">
-      width="1000px"
-      append-to-body
-      :before-close="innerVisiblecancel"
-    >
-      <el-form
-        ref="queryForm"
-        :model="informationqueryParams"
-        :rules="rules"
-        label-width="80px"
-        :inline="true"
-      >
         <el-form-item label="科室名称" prop="departmentName" label-width="120">
-          <el-input
+          <el-input v-model="informationqueryParams.departmentName" placeholder="请输入科室名称" clearable />
-            v-model="informationqueryParams.departmentName"
-            placeholder="请输入科室名称"
-            clearable
-          />
         </el-form-item>
 
         <el-form-item>
-          <el-button
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="informationInfoinfo">搜索</el-button>
-            type="primary"
+          <el-button icon="el-icon-refresh" size="mini" @click="addresetQuerylist">重置</el-button>
-            icon="el-icon-search"
-            size="mini"
-            @click="informationInfoinfo"
-            >搜索</el-button
-          >
-          <el-button
-            icon="el-icon-refresh"
-            size="mini"
-            @click="addresetQuerylist"
-            >重置</el-button
-          >
         </el-form-item>
       </el-form>
 
-      <el-table
+      <el-table :data="infolist" @cell-dblclick="nurseclick" v-loading="loading">
-        :data="infolist"
-        @cell-dblclick="nurseclick"
-        v-loading="loading"
-      >
         <el-table-column label="请选择" width="100" align="center">
           <template slot-scope="scope">
-            <el-button
+            <el-button type="primary" style="width: 15px; height: 15px" v-if="form.departmentId == scope.row.id" circle
-              type="primary"
+              @click="nurseclick(scope.row)"></el-button>
-              style="width: 15px; height: 15px"
+            <el-button v-else style="width: 15px; height: 15px" circle @click="nurseclick(scope.row)"></el-button>
-              v-if="form.departmentId == scope.row.id"
-              circle
-              @click="nurseclick(scope.row)"
-            ></el-button>
-            <el-button
-              v-else
-              style="width: 15px; height: 15px"
-              circle
-              @click="nurseclick(scope.row)"
-            ></el-button>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column property="departmentName" label="科室名称" align="center" :show-overflow-tooltip="true">
-          property="departmentName"
-          label="科室名称"
-          align="center"
-          :show-overflow-tooltip="true"
-        >
         </el-table-column>
       </el-table>
-      <pagination
+      <pagination v-show="totaldepartment > 0" :total="totaldepartment" :page.sync="informationqueryParams.pageNum"
-        v-show="totaldepartment > 0"
+        :limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" />
-        :total="totaldepartment"
-        :page.sync="informationqueryParams.pageNum"
-        :limit.sync="informationqueryParams.pageSize"
-        @pagination="informationInfoinfo"
-      />
     </el-dialog>
     <!-- 病种弹框 -->
-    <el-dialog
+    <el-dialog title="" :visible.sync="diseaseshowst" width="1000px" append-to-body :before-close="canceldiseases">
-      title=""
+      <el-form ref="queryForm" :model="querydisease" :rules="rules" label-width="80px" :inline="true">
-      :visible.sync="diseaseshowst"
-      width="1000px"
-      append-to-body
-      :before-close="canceldiseases"
-    >
-      <el-form
-        ref="queryForm"
-        :model="querydisease"
-        :rules="rules"
-        label-width="80px"
-        :inline="true"
-      >
         <el-form-item label="病种名称" prop="diseaseTypeName" label-width="120">
-          <el-input
+          <el-input v-model="querydisease.diseaseTypeName" placeholder="请输入病种名称" clearable />
-            v-model="querydisease.diseaseTypeName"
-            placeholder="请输入病种名称"
-            clearable
-          />
         </el-form-item>
 
         <el-form-item>
-          <el-button
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="infodisease">搜索</el-button>
-            type="primary"
+          <el-button icon="el-icon-refresh" size="mini" @click="resetdisease">重置</el-button>
-            icon="el-icon-search"
-            size="mini"
-            @click="infodisease"
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetdisease"
-            >重置</el-button
-          >
         </el-form-item>
       </el-form>
 
-      <el-table
+      <el-table :data="listdisease" @cell-dblclick="nurseclickdisease" v-loading="loading">
-        :data="listdisease"
-        @cell-dblclick="nurseclickdisease"
-        v-loading="loading"
-      >
         <el-table-column label="请选择" width="100" align="center">
           <template slot-scope="scope">
-            <el-button
+            <el-button type="primary" style="width: 15px; height: 15px" v-if="form.diseaseTypeId == scope.row.id" circle
-              type="primary"
+              @click="nurseclickdisease(scope.row)"></el-button>
-              style="width: 15px; height: 15px"
+            <el-button v-else style="width: 15px; height: 15px" circle
-              v-if="form.diseaseTypeId == scope.row.id"
+              @click="nurseclickdisease(scope.row)"></el-button>
-              circle
-              @click="nurseclickdisease(scope.row)"
-            ></el-button>
-            <el-button
-              v-else
-              style="width: 15px; height: 15px"
-              circle
-              @click="nurseclickdisease(scope.row)"
-            ></el-button>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column property="diseaseTypeName" label="病种名称" align="center" :show-overflow-tooltip="true">
-          property="diseaseTypeName"
-          label="病种名称"
-          align="center"
-          :show-overflow-tooltip="true"
-        >
         </el-table-column>
       </el-table>
-      <pagination
+      <pagination v-show="diseasetotal > 0" :total="diseasetotal" :page.sync="querydisease.pageNum"
-        v-show="diseasetotal > 0"
+        :limit.sync="querydisease.pageSize" @pagination="infodisease" />
-        :total="diseasetotal"
-        :page.sync="querydisease.pageNum"
-        :limit.sync="querydisease.pageSize"
-        @pagination="infodisease"
-      />
     </el-dialog>
   </div>
 </template>
@@ -612,16 +354,16 @@ export default {
       this.Departmentlist();
     },
     'form.templateSort'(val) {
-      if(val){
+      if (val) {
         var name = ''
-      name = val.toString()
+        name = val.toString()
-      this.obj = name.split('')
+        this.obj = name.split('')
-      // if (this.obj.length > 10) {
+        // if (this.obj.length > 10) {
-      //   this.$message({
+        //   this.$message({
-      //     type: "error",
+        //     type: "error",
-      //     message: "微信排序最大长度为十位，请正确输入！"
+        //     message: "微信排序最大长度为十位，请正确输入！"
-      //   });
+        //   });
-      // }
+        // }
       }
     }
   },
@@ -858,29 +600,29 @@ export default {
       this.$refs["form"].validate(valid => {
         if (valid) {
           if (this.obj.length > 10) {
-              this.$message({
+            this.$message({
-                type: "error",
+              type: "error",
-                message: "微信排序最大长度为十位，请正确输入！"
+              message: "微信排序最大长度为十位，请正确输入！"
-              });
+            });
-            }else{
+          } else {
-              if (this.form.id != null) {
+            if (this.form.id != null) {
-            this.form.departmentName = this.departmentName
+              this.form.departmentName = this.departmentName
-            this.form.diseaseTypeName = this.diseaseTypeName
+              this.form.diseaseTypeName = this.diseaseTypeName
-            if (this.diseaseTypeName == "请选择病种") {
+              if (this.diseaseTypeName == "请选择病种") {
                 this.form.diseaseTypeName = null
               } else {
                 this.form.diseaseTypeName = this.diseaseTypeName
               }
-              console.log(this.form,'this.form')
+              console.log(this.form, 'this.form')
               // return
               updateTemplate(this.form).then(response => {
-              this.$modal.msgSuccess("修改成功");
+                this.$modal.msgSuccess("修改成功");
-              this.open = false;
+                this.open = false;
-              this.getList();
+                this.getList();
-              this.Departmentlist();
+                this.Departmentlist();
-            });
+              });
 
-          } else {
+            } else {
               if (this.diseaseTypeName == "请选择病种") {
                 this.form.diseaseTypeName = null
               } else {
@@ -899,10 +641,10 @@ export default {
                 this.Departmentlist();
               });
 
-          }
-
             }
 
+          }
+
         }
       });
     },
@@ -930,17 +672,21 @@ export default {
 ::v-deep .el-input-number .el-input__inner {
   text-align: left;
 }
+
 .left {
-  height: 530px;
+  height: calc(100vh - 124px);
   overflow: auto;
+
   .name {
     font-weight: 700;
     margin-bottom: 10px;
   }
+
   .listitem {
     width: 100%;
     height: 50px;
     border-bottom: 1px solid #dcdfe6;
+
     .count {
       display: inline-block;
       position: relative;
@@ -950,11 +696,13 @@ export default {
       top: -35px;
       font-size: 13px;
     }
+
     .all {
       height: 50px;
       line-height: 50px;
       padding-left: 13px;
     }
+
     .allactive {
       background: #e8f4ff;
       height: 50px;
@@ -964,6 +712,7 @@ export default {
     }
   }
 }
+
 .button {
   display: inline-block;
   position: relative;

src/views/operationInfo/operationInfo/index.vue

@@ -1,81 +1,19 @@
 <template>
   <div class="app-container">
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      v-show="showSearch"
-      label-width="68px"
-      @submit.native.prevent
-    >
-      <el-form-item label="手术名称" prop="operationName">
-        <el-input
-          v-model="queryParams.operationName"
-          placeholder="请输入手术名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-
-      <el-form-item>
-        <el-button
-          type="primary"
-          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-row :gutter="10" class="mb8">
-      <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['operationInfo:operationInfo:add']"
-          >新增手术</el-button
-        >
-      </el-col>
-      <right-toolbar
-        :showSearch.sync="showSearch"
-        @queryTable="getList"
-      ></right-toolbar>
-    </el-row>
     <el-row :gutter="20">
-      <el-col :span="5">
+      <el-col :span="5" :xs="24" style="height:calc(100vh - 124px);">
         <div class="left" 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>
@@ -83,96 +21,61 @@
           </div>
         </div>
       </el-col>
-      <el-col :span="19">
+      <el-col :span="19" :xs="24"
-        <el-table
+        style="height:calc(100vh - 124px);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;">
-          v-loading="loading"
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"
-          :data="operationInfoList"
+          @submit.native.prevent>
-          @selection-change="handleSelectionChange"
+          <el-form-item label="手术名称" prop="operationName">
-        >
+            <el-input v-model="queryParams.operationName" placeholder="请输入手术名称" clearable
-          <el-table-column
+              @keyup.enter.native="handleQuery" />
-            label="序号"
+          </el-form-item>
-            align="center"
+          <el-form-item>
-            prop="sort"
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-            type="index"
+            <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
-          />
+          </el-form-item>
-
+        </el-form>
-          <el-table-column
+        <el-row :gutter="10" class="mb8">
-            label="手术名称"
+          <el-col :span="1.5">
-            align="center"
+            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-            prop="operationName"
+              v-hasPermi="['operationInfo:operationInfo:add']">新增手术</el-button>
-          />
+          </el-col>
-
+          <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-          <el-table-column
+        </el-row>
-            label="术式信息"
+        <el-table v-loading="loading" :data="operationInfoList" @selection-change="handleSelectionChange">
-            align="center"
+          <el-table-column label="序号" align="center" prop="sort" type="index" />
-            prop="operationInfo"
+          <el-table-column label="手术名称" align="center" prop="operationName" />
-          />
+          <el-table-column label="术式信息" align="center" prop="operationInfo" />
-
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-          <el-table-column
-            label="操作"
-            align="center"
-            class-name="small-padding fixed-width"
-          >
             <template slot-scope="scope">
-              <el-button
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                size="mini"
+                v-hasPermi="['operationInfo:operationInfo:edit']">修改</el-button>
-                type="text"
+              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                icon="el-icon-edit"
+                v-hasPermi="['operationInfo:operationInfo:remove']">删除</el-button>
-                @click="handleUpdate(scope.row)"
-                v-hasPermi="['operationInfo:operationInfo:edit']"
-                >修改</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-delete"
-                @click="handleDelete(scope.row)"
-                v-hasPermi="['operationInfo:operationInfo:remove']"
-                >删除</el-button
-              >
             </template>
           </el-table-column>
         </el-table>
-        <pagination
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-          v-show="total > 0"
+          :limit.sync="queryParams.pageSize" @pagination="getList" />
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
       </el-col>
     </el-row>
-
     <!-- 添加或修改手术信息对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="科室名称" prop="departmentId">
-          <el-button
+          <el-button type="" v-if="departmentName == '请选择科室'" @click="clickinnerVisible()" style="
-            type=""
-            v-if="departmentName == '请选择科室'"
-            @click="clickinnerVisible()"
-            style="
               width: 379px;
               text-align: left;
               height: 36px;
               color: #c0c4cc;
               overflow: hidden;
-            "
+            ">{{ departmentName }}</el-button>
-            >{{ departmentName }}</el-button
+          <el-button @click="clickinnerVisible()" type="" v-else style="
-          >
-          <el-button
-            @click="clickinnerVisible()"
-            type=""
-            v-else
-            style="
               width: 379px;
               text-align: left;
               height: 36px;
               padding-left: -10px;
               overflow: hidden;
-            "
+            ">{{ departmentName }}</el-button>
-            >{{ departmentName }}</el-button
-          >
         </el-form-item>
         <!-- <el-form-item label="所属科室" prop="departmentName">
           <el-input
@@ -182,28 +85,15 @@
           />
         </el-form-item> -->
         <el-form-item label="手术名称" prop="operationName">
-          <el-input
+          <el-input v-model="form.operationName" placeholder="请输入手术名称" :disabled="disabled" />
-            v-model="form.operationName"
-            placeholder="请输入手术名称"
-            :disabled="disabled"
-          />
         </el-form-item>
         <el-form-item label="手术排序" prop="sort">
-          <el-input-number
+          <el-input-number v-model="form.sort" controls-position="right" :min="0" placeholder="请输入手术排序"
-            v-model="form.sort"
+            style="width: 380px" />
-            controls-position="right"
-            :min="0"
-            placeholder="请输入手术排序"
-            style="width: 380px"
-          />
         </el-form-item>
 
         <el-form-item label="术式信息" prop="operationInfo">
-          <el-input
+          <el-input v-model="form.operationInfo" placeholder="请输入术式信息" type="textarea" />
-            v-model="form.operationInfo"
-            placeholder="请输入术式信息"
-            type="textarea"
-          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -212,82 +102,32 @@
       </div>
     </el-dialog>
     <!-- 科室弹框 -->
-    <el-dialog
+    <el-dialog title="" :visible.sync="innerVisibleshow" width="1000px" append-to-body
-      title=""
+      :before-close="innerVisiblecancel">
-      :visible.sync="innerVisibleshow"
+      <el-form ref="queryForm" :model="informationqueryParams" :rules="rules" label-width="80px" :inline="true">
-      width="1000px"
-      append-to-body
-      :before-close="innerVisiblecancel"
-    >
-      <el-form
-        ref="queryForm"
-        :model="informationqueryParams"
-        :rules="rules"
-        label-width="80px"
-        :inline="true"
-      >
         <el-form-item label="科室名称" prop="departmentName" label-width="120">
-          <el-input
+          <el-input v-model="informationqueryParams.departmentName" placeholder="请输入科室名称" clearable />
-            v-model="informationqueryParams.departmentName"
-            placeholder="请输入科室名称"
-            clearable
-          />
         </el-form-item>
 
         <el-form-item>
-          <el-button
+          <el-button type="primary" icon="el-icon-search" size="mini" @click="informationInfoinfo">搜索</el-button>
-            type="primary"
+          <el-button icon="el-icon-refresh" size="mini" @click="addresetQuerylist">重置</el-button>
-            icon="el-icon-search"
-            size="mini"
-            @click="informationInfoinfo"
-            >搜索</el-button
-          >
-          <el-button
-            icon="el-icon-refresh"
-            size="mini"
-            @click="addresetQuerylist"
-            >重置</el-button
-          >
         </el-form-item>
       </el-form>
 
-      <el-table
+      <el-table :data="infolist" @cell-dblclick="nurseclick" v-loading="loading">
-        :data="infolist"
-        @cell-dblclick="nurseclick"
-        v-loading="loading"
-      >
         <el-table-column label="请选择" width="100" align="center">
           <template slot-scope="scope">
-            <el-button
+            <el-button type="primary" style="width: 15px; height: 15px" v-if="form.departmentId == scope.row.id" circle
-              type="primary"
+              @click="nurseclick(scope.row)"></el-button>
-              style="width: 15px; height: 15px"
+            <el-button v-else style="width: 15px; height: 15px" circle @click="nurseclick(scope.row)"></el-button>
-              v-if="form.departmentId == scope.row.id"
-              circle
-              @click="nurseclick(scope.row)"
-            ></el-button>
-            <el-button
-              v-else
-              style="width: 15px; height: 15px"
-              circle
-              @click="nurseclick(scope.row)"
-            ></el-button>
           </template>
         </el-table-column>
-        <el-table-column
+        <el-table-column property="departmentName" label="科室名称" align="center" :show-overflow-tooltip="true">
-          property="departmentName"
-          label="科室名称"
-          align="center"
-          :show-overflow-tooltip="true"
-        >
         </el-table-column>
       </el-table>
-      <pagination
+      <pagination v-show="totaldepartment > 0" :total="totaldepartment" :page.sync="informationqueryParams.pageNum"
-        v-show="totaldepartment > 0"
+        :limit.sync="informationqueryParams.pageSize" @pagination="informationInfoinfo" />
-        :total="totaldepartment"
-        :page.sync="informationqueryParams.pageNum"
-        :limit.sync="informationqueryParams.pageSize"
-        @pagination="informationInfoinfo"
-      />
     </el-dialog>
   </div>
 </template>
@@ -651,16 +491,19 @@ export default {
 }
 
 .left {
-  height: 530px;
+  height: calc(100vh - 124px);
   overflow: auto;
+
   .name {
     font-weight: 700;
     margin-bottom: 10px;
   }
+
   .listitem {
     width: 100%;
     height: 50px;
     border-bottom: 1px solid #dcdfe6;
+
     .count {
       display: inline-block;
       position: relative;
@@ -670,11 +513,13 @@ export default {
       top: -35px;
       font-size: 13px;
     }
+
     .all {
       height: 50px;
       line-height: 50px;
       padding-left: 13px;
     }
+
     .allactive {
       background: #e8f4ff;
       height: 50px;
@@ -684,6 +529,7 @@ export default {
     }
   }
 }
+
 .button {
   display: inline-block;
   position: relative;

src/views/system/bank/index.vue

@@ -5,46 +5,20 @@
         <div class="left" ref="box">
           <div class="name">
             第一层
-            <el-button
+            <el-button plain icon="el-icon-circle-plus-outline" size="mini" @click="handleUpdateserve"></el-button>
-              plain
+            <el-button v-if="this.itemname" plain icon="el-icon-s-tools" size="mini" @click="handleedit"></el-button>
-              icon="el-icon-circle-plus-outline"
+            <el-button v-if="this.itemname" plain icon="el-icon-delete" size="mini" @click="handledelete"></el-button>
-              size="mini"
-              @click="handleUpdateserve"
-            ></el-button>
-
-            <el-button
-              v-if="this.itemname"
-              plain
-              icon="el-icon-s-tools"
-              size="mini"
-              @click="handleedit"
-            ></el-button>
-            <el-button
-              v-if="this.itemname"
-              plain
-              icon="el-icon-delete"
-              size="mini"
-              @click="handledelete"
-            ></el-button>
           </div>
           <div>
             <el-input v-model="name" placeholder="请输入字段名称" clearable />
           </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" :key="index" @click="itemdata(item)" v-for="(item, index) in DepartmentoList">
-            class="listitem"
-            :key="index"
-            @click="itemdata(item)"
-            v-for="(item, index) in DepartmentoList"
-          >
             <div :class="itemname == item.id ? 'allactive' : 'all'">
               {{ item.termContent }}
             </div>
@@ -52,22 +26,13 @@
           </div>
         </div>
       </el-col>
-      <el-col :span="18">
+      <el-col :span="19" :xs="24"
-        <el-form
+        style="height:calc(100vh - 124px);display: flex;flex-wrap: wrap;flex-direction: column;justify-content: space-between;">
-          :model="queryParams"
+        <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch"
-          ref="queryForm"
+          label-width="68px">
-          size="small"
-          :inline="true"
-          v-show="showSearch"
-          label-width="68px"
-        >
           <el-form-item label="内容名称" prop="termContent">
-            <el-input
+            <el-input v-model="queryParams.termContent" placeholder="请输入内容名称" clearable
-              v-model="queryParams.termContent"
+              @keyup.enter.native="handleQuery" />
-              placeholder="请输入内容名称"
-              clearable
-              @keyup.enter.native="handleQuery"
-            />
           </el-form-item>
           <!-- <el-form-item label="父编码" prop="parentTermCode">
         <el-input
@@ -93,140 +58,59 @@
           @keyup.enter.native="handleQuery"
         />
       </el-form-item> -->
-          <el-form-item label="内容备注信息" prop="termRemark">
+          <el-form-item label="内容备注信息" prop="termRemark" label-width="220">
-            <el-input
+            <el-input v-model="queryParams.termRemark" placeholder="请输入内容备注信息" clearable
-              v-model="queryParams.termRemark"
+              @keyup.enter.native="handleQuery" />
-              placeholder="请输入内容备注信息"
-              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-row :gutter="10" class="mb8">
           <el-col :span="1.5">
-            <el-button
+            <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-              type="primary"
+              v-hasPermi="['system:bank:add']">新增</el-button>
-              plain
-              icon="el-icon-plus"
-              size="mini"
-              @click="handleAdd"
-              v-hasPermi="['system:bank:add']"
-              >新增</el-button
-            >
           </el-col>
 
           <el-col :span="1.5">
-            <el-button
+            <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
-              type="success"
+              v-hasPermi="['system:bank:edit']">修改</el-button>
-              plain
-              icon="el-icon-edit"
-              size="mini"
-              :disabled="single"
-              @click="handleUpdate"
-              v-hasPermi="['system:bank:edit']"
-              >修改</el-button
-            >
           </el-col>
           <el-col :span="1.5">
-            <el-button
+            <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
-              type="danger"
+              v-hasPermi="['system:bank:remove']">删除</el-button>
-              plain
-              icon="el-icon-delete"
-              size="mini"
-              :disabled="multiple"
-              @click="handleDelete"
-              v-hasPermi="['system:bank:remove']"
-              >删除</el-button
-            >
           </el-col>
           <el-col :span="1.5">
-            <el-button
+            <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
-              type="warning"
+              v-hasPermi="['system:bank:export']">导出</el-button>
-              plain
-              icon="el-icon-download"
-              size="mini"
-              @click="handleExport"
-              v-hasPermi="['system:bank:export']"
-              >导出</el-button
-            >
           </el-col>
         </el-row>
 
-        <right-toolbar
+        <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-          :showSearch.sync="showSearch"
+        <el-table v-loading="loading" :data="bankList" @selection-change="handleSelectionChange">
-          @queryTable="getList"
-        ></right-toolbar>
-        <el-table
-          v-loading="loading"
-          :data="bankList"
-          @selection-change="handleSelectionChange"
-        >
           <el-table-column type="selection" width="55" align="center" />
           <!-- <el-table-column label="内容名称" align="center" prop="termName" /> -->
           <el-table-column label="字段名称" align="center" prop="termContent" />
           <el-table-column label="层级" align="center" prop="termLevel" />
           <el-table-column label="内容排序" align="center" prop="termSort" />
-          <el-table-column
+          <el-table-column label="内容备注信息" align="center" prop="termRemark" />
-            label="内容备注信息"
+          <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
-            align="center"
-            prop="termRemark"
-          />
-          <el-table-column
-            label="操作"
-            align="center"
-            width="200"
-            class-name="small-padding fixed-width"
-          >
             <template slot-scope="scope">
-              <el-button
+              <el-button type="text" icon="el-icon-plus" size="mini" @click="handle(scope.row)"
-                type="text"
+                v-hasPermi="['system:bank:add']">第三层</el-button>
-                icon="el-icon-plus"
+              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-                size="mini"
+                v-hasPermi="['system:bank:edit']">修改</el-button>
-                @click="handle(scope.row)"
-                v-hasPermi="['system:bank:add']"
-                >第三层</el-button
-              >
-              <el-button
-                size="mini"
-                type="text"
-                icon="el-icon-edit"
-                @click="handleUpdate(scope.row)"
-                v-hasPermi="['system:bank:edit']"
-                >修改</el-button
-              >
 
-              <el-button
+              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-                size="mini"
+                v-hasPermi="['system:bank:remove']">删除</el-button>
-                type="text"
-                icon="el-icon-delete"
-                @click="handleDelete(scope.row)"
-                v-hasPermi="['system:bank:remove']"
-                >删除</el-button
-              >
             </template>
           </el-table-column>
         </el-table>
 
-        <pagination
+        <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum"
-          v-show="total > 0"
+          :limit.sync="queryParams.pageSize" @pagination="getList" />
-          :total="total"
-          :page.sync="queryParams.pageNum"
-          :limit.sync="queryParams.pageSize"
-          @pagination="getList"
-        />
       </el-col>
     </el-row>
 
@@ -248,17 +132,9 @@
           <!-- <editor v-model="form.termContent" :min-height="192" /> -->
         </el-form-item>
         <el-form-item label="父级名称" prop="parentTermCode">
-          <el-select
+          <el-select v-model="form.parentTermCode" placeholder="请选择" @change="change">
-            v-model="form.parentTermCode"
+            <el-option v-for="item in treeOptions" :key="item.termCode" :label="item.termContent"
-            placeholder="请选择"
+              :value="item.termCode">
-            @change="change"
-          >
-            <el-option
-              v-for="item in treeOptions"
-              :key="item.termCode"
-              :label="item.termContent"
-              :value="item.termCode"
-            >
             </el-option>
           </el-select>
           <!-- <el-cascader
@@ -283,10 +159,7 @@
           <el-input v-model="form.termSort" placeholder="请输入内容排序" />
         </el-form-item>
         <el-form-item label="内容备注信息" prop="termRemark">
-          <el-input
+          <el-input v-model="form.termRemark" placeholder="请输入内容备注信息" />
-            v-model="form.termRemark"
-            placeholder="请输入内容备注信息"
-          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -295,19 +168,8 @@
       </div>
     </el-dialog>
     <!-- 第一层 -->
-    <el-dialog
+    <el-dialog :title="titles" :visible.sync="opens" width="500px" append-to-body>
-      :title="titles"
+      <el-form ref="format" :model="format" :rules="rules" label-width="120px" :inline="true">
-      :visible.sync="opens"
-      width="500px"
-      append-to-body
-    >
-      <el-form
-        ref="format"
-        :model="format"
-        :rules="rules"
-        label-width="120px"
-        :inline="true"
-      >
         <el-form-item label="内容名称" prop="termContent">
           <el-input v-model="format.termContent" placeholder="请输入内容名称" />
         </el-form-item>
@@ -435,7 +297,7 @@ export default {
         }
       });
     },
-    cancels() {},
+    cancels() { },
     // change(e) {
     //   console.log(e, "78");
     //   // console.log(this.$refs.cascader)
@@ -479,7 +341,7 @@ export default {
     },
     // 左侧科室
     itemdata(item) {
-      
+
       if (item) {
         console.log(item, "9999");
         this.queryParams.parentTermCode = item.termCode;
@@ -487,9 +349,9 @@ export default {
         this.bankList = [];
         this.getList();
 
-     
+
         this.itemname = item.id;
-      
+
       } else {
         this.itemname = null;
 
@@ -531,7 +393,7 @@ export default {
           this.mentlist();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     // },
     handleUpdateserve() {
@@ -691,7 +553,7 @@ export default {
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -708,16 +570,19 @@ export default {
 </script>
 <style lang="scss">
 .left {
-  height: 530px;
+  height: calc(100vh - 124px);
   overflow: scroll;
+
   .name {
     font-weight: 700;
     margin-bottom: 10px;
   }
+
   .listitem {
     width: 100%;
     height: 50px;
     border-bottom: 1px solid #dcdfe6;
+
     .count {
       display: inline-block;
       position: relative;
@@ -727,11 +592,13 @@ export default {
       top: -35px;
       font-size: 13px;
     }
+
     .all {
       height: 50px;
       line-height: 50px;
       padding-left: 13px;
     }
+
     .allactive {
       background: #e8f4ff;
       height: 50px;

src/views/system/bankSpecialization/index.vue

@@ -1,15 +1,7 @@
 <template>
   <div class="app-container">
-    <el-row :gutter="10" class="mb8">
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form
+      <!-- <el-form-item label="画像标签和知识库字段表id" prop="termCode">
-        :model="queryParams"
-        ref="queryForm"
-        size="small"
-        :inline="true"
-        v-show="showSearch"
-        label-width="68px"
-      >
-        <!-- <el-form-item label="画像标签和知识库字段表id" prop="termCode">
           <el-input
             v-model="queryParams.termCode"
             placeholder="请输入画像标签和知识库字段表id"
@@ -17,15 +9,10 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item> -->
-        <el-form-item label="内容名称" prop="termName">
+      <el-form-item label="内容名称" prop="termName">
-          <el-input
+        <el-input v-model="queryParams.termName" placeholder="请输入内容名称" clearable @keyup.enter.native="handleQuery" />
-            v-model="queryParams.termName"
+      </el-form-item>
-            placeholder="请输入内容名称"
+      <!-- <el-form-item label="父编码" prop="parentTermCode">
-            clearable
-            @keyup.enter.native="handleQuery"
-          />
-        </el-form-item>
-        <!-- <el-form-item label="父编码" prop="parentTermCode">
           <el-input
             v-model="queryParams.parentTermCode"
             placeholder="请输入父编码"
@@ -41,7 +28,7 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item> -->
-        <!-- <el-form-item label="内容排序" prop="termSort">
+      <!-- <el-form-item label="内容排序" prop="termSort">
           <el-input
             v-model="queryParams.termSort"
             placeholder="请输入内容排序"
@@ -49,137 +36,57 @@
             @keyup.enter.native="handleQuery"
           />
         </el-form-item> -->
-        <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"
+      </el-form-item>
-            size="mini"
+    </el-form>
-            @click="handleQuery"
+    <el-row :gutter="10" class="mb8">
-            >搜索</el-button
-          >
-          <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
-            >重置</el-button
-          >
-        </el-form-item>
-      </el-form>
-
-      <!-- <el-row :gutter="10" class="mb8"> -->
       <el-col :span="1.5">
-        <el-button
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
-          type="primary"
+          v-hasPermi="['system:bank:add']">新增</el-button>
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['system:bank:add']"
-          >新增</el-button
-        >
-      </el-col>
-
-      <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['system:bank:edit']"
-          >修改</el-button
-        >
       </el-col>
       <el-col :span="1.5">
-        <el-button
+        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
-          type="danger"
+          v-hasPermi="['system:bank:edit']">修改</el-button>
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['system:bank:remove']"
-          >删除</el-button
-        >
       </el-col>
       <el-col :span="1.5">
-        <el-button
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
-          type="warning"
+          v-hasPermi="['system:bank:remove']">删除</el-button>
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['system:bank:export']"
-          >导出</el-button
-        >
       </el-col>
-      <right-toolbar
+      <el-col :span="1.5">
-        :showSearch.sync="showSearch"
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
-        @queryTable="getList"
+          v-hasPermi="['system:bank:export']">导出</el-button>
-      ></right-toolbar>
+      </el-col>
-
+      <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
-      <el-table
+    </el-row>
-        v-loading="loading"
+    <el-table v-loading="loading" :data="bankList" @selection-change="handleSelectionChange">
-        :data="bankList"
+      <el-table-column type="selection" width="55" align="center" />
-        @selection-change="handleSelectionChange"
+      <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
-      >
+      <!-- <el-table-column
-        <el-table-column type="selection" width="55" align="center" />
-        <!-- <el-table-column label="主键id" align="center" prop="id" /> -->
-        <!-- <el-table-column
               label="画像标签和知识库字段表id"
               align="center"
               prop="termCode"
             /> -->
-        <!-- <el-table-column label="内容名称" align="center" prop="termName" /> -->
+      <!-- <el-table-column label="内容名称" align="center" prop="termName" /> -->
-        <el-table-column label="字段名称" align="center" prop="termContent" />
+      <el-table-column label="字段名称" align="center" prop="termContent" />
-        <!-- <el-table-column label="父编码" align="center" prop="parentTermCode" /> -->
+      <!-- <el-table-column label="父编码" align="center" prop="parentTermCode" /> -->
-        <el-table-column label="层级" align="center" prop="termLevel" />
+      <el-table-column label="层级" align="center" prop="termLevel" />
-        <el-table-column label="内容排序" align="center" prop="termSort" />
+      <el-table-column label="内容排序" align="center" prop="termSort" />
-        <el-table-column
+      <el-table-column label="内容备注信息" align="center" prop="termRemark" />
-          label="内容备注信息"
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-          align="center"
+        <template slot-scope="scope">
-          prop="termRemark"
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-        />
+            v-hasPermi="['system:bank:edit']">修改</el-button>
-        <el-table-column
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
-          label="操作"
+            v-hasPermi="['system:bank:edit']"></el-button>
-          align="center"
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
-          class-name="small-padding fixed-width"
+            v-hasPermi="['system:bank:remove']">删除</el-button>
-        >
+        </template>
-          <template slot-scope="scope">
+      </el-table-column>
-            <el-button
+    </el-table>
-              size="mini"
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
-              type="text"
+      @pagination="getList" />
-              icon="el-icon-edit"
-              @click="handleUpdate(scope.row)"
-              v-hasPermi="['system:bank:edit']"
-              >修改</el-button
-            >
-            <el-button
-              size="mini"
-              type="text"
-              icon="el-icon-edit"
-              @click="handleUpdate(scope.row)"
-              v-hasPermi="['system:bank:edit']"
-            ></el-button>
-            <el-button
-              size="mini"
-              type="text"
-              icon="el-icon-delete"
-              @click="handleDelete(scope.row)"
-              v-hasPermi="['system:bank:remove']"
-              >删除</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>
     <!-- 添加或修改常用术语(知识库)对话框 -->
     <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="120px" :inline="true">
@@ -197,21 +104,14 @@
           <!-- <editor v-model="form.termContent" :min-height="192" /> -->
         </el-form-item>
         <el-form-item label="父级编码" prop="parentTermCode">
-          <el-input
+          <el-input v-model="form.parentTermCode" placeholder="请输入父级编码" disabled />
-              v-model="form.parentTermCode"
+
-              placeholder="请输入父级编码"
-              disabled
-            />
-        
         </el-form-item>
         <el-form-item label="内容排序" prop="termSort">
           <el-input v-model="form.termSort" placeholder="请输入内容排序" />
         </el-form-item>
         <el-form-item label="内容备注信息" prop="termRemark">
-          <el-input
+          <el-input v-model="form.termRemark" placeholder="请输入内容备注信息" />
-            v-model="form.termRemark"
-            placeholder="请输入内容备注信息"
-          />
         </el-form-item>
       </el-form>
       <div slot="footer" class="dialog-footer">
@@ -221,8 +121,8 @@
     </el-dialog>
   </div>
 </template>
-  
+
-  <script>
+<script>
 import {
   listBank,
   getBank,
@@ -294,7 +194,7 @@ export default {
     // console.log(this.$route.query, "parentTermCode");
     this.queryParams.parentTermCode = this.$route.query.parentTermCode;
 
-    
+
     this.getList();
     //   this.mentlist();
   },
@@ -323,8 +223,8 @@ export default {
             // this.bankList=[]
             if (e.termLevel == 3) {
               this.bankList.push(e);
-              console.log( this.bankList)
+              console.log(this.bankList)
-        this.total = this.bankList.length;
+              this.total = this.bankList.length;
 
             }
           });
@@ -345,7 +245,7 @@ export default {
     reset() {
       this.form = {
         id: null,
-        name:null,
+        name: null,
         termCode: null,
         termName: null,
         termContent: null,
@@ -363,7 +263,7 @@ export default {
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1;
-            this.bankList=[]
+      this.bankList = []
 
       this.getList();
     },
@@ -382,10 +282,10 @@ export default {
     handleAdd() {
 
       this.reset();
-    // this.form.name = this.$route.query.termContent;
+      // this.form.name = this.$route.query.termContent;
 
       this.form.termLevel = this.$route.query.termLevel;
-    this.form.parentTermCode = this.$route.query.parentTermCode;
+      this.form.parentTermCode = this.$route.query.parentTermCode;
 
       // console.log(this.form.name, " this.form.name");
       this.open = true;
@@ -410,14 +310,14 @@ export default {
             updateBank(this.form).then((response) => {
               this.$modal.msgSuccess("修改成功");
               this.open = false;
-              this.bankList=[]
+              this.bankList = []
               this.getList();
             });
           } else {
             addBank(this.form).then((response) => {
               this.$modal.msgSuccess("新增成功");
               this.open = false;
-              this.bankList=[]
+              this.bankList = []
               this.getList();
             });
           }
@@ -433,12 +333,12 @@ export default {
           return delBank(ids);
         })
         .then(() => {
-      this.bankList=[]
+          this.bankList = []
 
           this.getList();
           this.$modal.msgSuccess("删除成功");
         })
-        .catch(() => {});
+        .catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {
@@ -453,18 +353,21 @@ export default {
   },
 };
 </script>
-  <style lang="scss">
+<style lang="scss">
 .left {
   height: 530px;
   overflow: scroll;
+
   .name {
     font-weight: 700;
     margin-bottom: 10px;
   }
+
   .listitem {
     width: 100%;
     height: 50px;
     border-bottom: 1px solid #dcdfe6;
+
     .count {
       display: inline-block;
       position: relative;
@@ -474,11 +377,13 @@ export default {
       top: -35px;
       font-size: 13px;
     }
+
     .all {
       height: 50px;
       line-height: 50px;
       padding-left: 13px;
     }
+
     .allactive {
       background: #e8f4ff;
       height: 50px;
@@ -488,5 +393,4 @@ export default {
     }
   }
 }
-</style>
+</style>
-