处方模板

src/xt_pages/outpatientDoctorStation/batch_delete.vue

@@ -1,276 +1,264 @@
 <template>
   <!--批量删除-->
-  <div class="main-contain">
-    <div class="app-container">
-      <div class="bannar_list">
-        <div class="banner_left">
-          <div>
-            透析模式:
-            <el-select
-              v-model="modeOptions_value"
-              placeholder="请选择"
-              @change="getUsername"
+  <div class="main-contain new-main-contain">
+    <div class="bannar_list">
+      <div class="banner_left">
+        <div>
+          透析模式:
+          <el-select
+            v-model="modeOptions_value"
+            placeholder="请选择"
+            @change="getUsername"
+          >
+            <el-option
+              v-for="item in modeOptions"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
             >
-              <el-option
-                v-for="item in modeOptions"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </div>
-          <div>
-            删除类型:
-            <el-select
-              v-model="new_type"
-              placeholder="请选择"
-              @change="changetype"
+            </el-option>
+          </el-select>
+        </div>
+        <div>
+          删除类型:
+          <el-select
+            v-model="new_type"
+            placeholder="请选择"
+            @change="changetype"
+          >
+            <el-option
+              v-for="item in options"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
             >
-              <el-option
-                v-for="item in options"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </div>
-          <div v-if="new_type == 1">
-            请输入需要删除的药品:
-            <el-select
-              filterable
-              v-model="id"
-              placeholder="请选择"
-              @change="getUsername"
+            </el-option>
+          </el-select>
+        </div>
+        <div v-if="new_type == 1">
+          请输入需要删除的药品:
+          <el-select
+            filterable
+            v-model="id"
+            placeholder="请选择"
+            @change="getUsername"
+          >
+            <el-option
+              v-for="item in druglist"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
             >
-              <el-option
-                v-for="item in druglist"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </div>
-          <div v-if="new_type == 2">
-            请输入需要删除的项目:
-            <el-select
-              filterable
-              v-model="id"
-              placeholder="请选择"
-              @change="getUsername"
+            </el-option>
+          </el-select>
+        </div>
+        <div v-if="new_type == 2">
+          请输入需要删除的项目:
+          <el-select
+            filterable
+            v-model="id"
+            placeholder="请选择"
+            @change="getUsername"
+          >
+            <el-option
+              v-for="item in projectlist"
+              :key="item.id"
+              :label="item.name"
+              :value="item.id"
             >
-              <el-option
-                v-for="item in projectlist"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </div>
+            </el-option>
+          </el-select>
         </div>
-
-        <!--        <button @click="lili">调试</button>-->
-        <el-button type="primary" @click="save">保存</el-button>
       </div>
 
-      <el-container>
-        <div
-          style="
-            width: 211px;
-            margin-right: 20px;
-            box-shadow: 0 2px 4px 0 rgb(0 0 0 / 12%), 0 0 6px 0 rgb(0 0 0 / 4%);
-          "
+      <!--        <button @click="lili">调试</button>-->
+      <el-button type="primary" @click="save">保存</el-button>
+    </div>
+
+    <el-container>
+      <div class="mainLeft">
+        <el-table
+          border
+          ref="multipleTable"
+          :data="tableData"
+          tooltip-effect="dark"
+          style="width: 100%; min-height: 70vh"
+          @selection-change="handleSelectionChange"
+          @current-change="test"
+          :row-style="{ color: '#303133' }"
+          :header-cell-style="{
+            backgroundColor: 'rgb(245, 247, 250)',
+            color: '#606266',
+          }"
+        >
+          <el-table-column type="selection" width="55" align="center"> </el-table-column>
+          <el-table-column label="患者姓名" width="155" align="center">
+            <template slot-scope="scope">{{ scope.row.name }}</template>
+          </el-table-column>
+        </el-table>
+      </div>
+      <el-tabs type="border-card" v-if="isshow == 1 && list.length > 0">
+        <el-tab-pane
+          v-for="(item, index) in list"
+          :key="index"
+          :label="'处方' + (index + 1)"
+          :name="index"
         >
           <el-table
-            border
-            ref="multipleTable"
-            :data="tableData"
-            tooltip-effect="dark"
+            v-if="item.advices.length > 0"
+            :data="item.advices"
             style="width: 100%"
-            @selection-change="handleSelectionChange"
-            @current-change="test"
+            max-height="250"
+            border
             :row-style="{ color: '#303133' }"
             :header-cell-style="{
               backgroundColor: 'rgb(245, 247, 250)',
               color: '#606266',
             }"
           >
-            <el-table-column type="selection" width="55"> </el-table-column>
-            <el-table-column label="患者姓名" width="155">
-              <template slot-scope="scope">{{ scope.row.name }}</template>
+            <el-table-column fixed label="药品名称" width="230" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.advice_name }}
+              </template>
+            </el-table-column>
+            <el-table-column label="单次用量" width="200" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.single_dose }}{{ scope.row.single_dose_unit }}
+              </template>
+            </el-table-column>
+            <el-table-column label="用法" width="120" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.delivery_way }}
+              </template>
+            </el-table-column>
+            <el-table-column label="频率" width="120" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.execution_frequency }}
+              </template>
+            </el-table-column>
+            <el-table-column label="天数" width="110" align="center">
+              <template slot-scope="scope"> {{ scope.row.day }}天 </template>
+            </el-table-column>
+            <el-table-column label="总量" width="200" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.prescribing_number
+                }}{{ scope.row.prescribing_number_unit }}
+              </template>
+            </el-table-column>
+            <el-table-column label="单价" width="120" align="center">
+              <template slot-scope="scope"> {{ scope.row.price }}元 </template>
+            </el-table-column>
+            <el-table-column label="备注" width="120" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.remark }}
+              </template>
+            </el-table-column>
+            <el-table-column label="操作" width="120" align="center">
+              <template slot-scope="scope">
+                <el-button
+                  @click.native.prevent="delects(scope.$index, scope, item)"
+                  type="danger"
+                  size="small"
+                >
+                  删除
+                </el-button>
+              </template>
             </el-table-column>
           </el-table>
-        </div>
-        <el-tabs type="border-card" v-if="isshow == 1 && list.length > 0">
-          <el-tab-pane
-            v-for="(item, index) in list"
-            :key="index"
-            :label="'处方' + (index + 1)"
-            :name="index"
+
+          <el-table
+            v-if="item.project.length > 0"
+            :data="item.project"
+            style="width: 100%"
+            max-height="250"
+            border
+            :row-style="{ color: '#303133' }"
+            :header-cell-style="{
+              backgroundColor: 'rgb(245, 247, 250)',
+              color: '#606266',
+            }"
           >
-            <el-table
-              v-if="item.advices.length > 0"
-              :data="item.advices"
-              style="width: 100%"
-              max-height="250"
-              border
-              :row-style="{ color: '#303133' }"
-              :header-cell-style="{
-                backgroundColor: 'rgb(245, 247, 250)',
-                color: '#606266',
-              }"
-            >
-              <el-table-column fixed label="药品名称" width="230">
-                <template slot-scope="scope">
-                  {{ scope.row.advice_name }}
-                </template>
-              </el-table-column>
-              <el-table-column label="单次用量" width="200">
-                <template slot-scope="scope">
-                  {{ scope.row.single_dose }}{{ scope.row.single_dose_unit }}
-                </template>
-              </el-table-column>
-              <el-table-column label="用法" width="120">
-                <template slot-scope="scope">
-                  {{ scope.row.delivery_way }}
-                </template>
-              </el-table-column>
-              <el-table-column label="频率" width="120">
-                <template slot-scope="scope">
-                  {{ scope.row.execution_frequency }}
-                </template>
-              </el-table-column>
-              <el-table-column label="天数" width="110">
-                <template slot-scope="scope"> {{ scope.row.day }}天 </template>
-              </el-table-column>
-              <el-table-column label="总量" width="200">
-                <template slot-scope="scope">
-                  {{ scope.row.prescribing_number
-                  }}{{ scope.row.prescribing_number_unit }}
-                </template>
-              </el-table-column>
-              <el-table-column label="单价" width="120">
-                <template slot-scope="scope">
-                  {{ scope.row.price }}元
-                </template>
-              </el-table-column>
-              <el-table-column label="备注" width="120">
-                <template slot-scope="scope">
-                  {{ scope.row.remark }}
-                </template>
-              </el-table-column>
-              <el-table-column label="操作" width="120">
-                <template slot-scope="scope">
-                  <el-button
-                    @click.native.prevent="delects(scope.$index, scope, item)"
-                    type="text"
-                    size="small"
-                  >
-                    删除
-                  </el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-
-            <el-table
-              v-if="item.project.length > 0"
-              :data="item.project"
-              style="width: 100%"
-              max-height="250"
-              border
-              :row-style="{ color: '#303133' }"
-              :header-cell-style="{
-                backgroundColor: 'rgb(245, 247, 250)',
-                color: '#606266',
-              }"
-            >
-              <el-table-column fixed label="项目名称" width="230">
-                <template slot-scope="scope">
-                  <div v-if="scope.row.type == 2">
-                    {{ scope.row.project.project_name }}
-                  </div>
-                  <div v-if="scope.row.type == 3">
-                    {{ scope.row.good_info.good_name }}
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column label="组" width="120">
-                <template slot-scope="scope">
-                  <div v-if="scope.row.type == 2">
-                    {{ scope.row.project.translate }}
-                  </div>
-                  <div v-if="scope.row.type == 3">
-                    {{ scope.row.good_info.translate }}
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column label="单次用量" width="120">
-                <template slot-scope="scope">
-                  {{ scope.row.single_dose }}
-                  {{ scope.row.unit }}
-                </template>
-              </el-table-column>
-              <el-table-column label="用法" width="120">
-                <template slot-scope="scope">
-                  {{ scope.row.delivery_way }}
-                </template>
-              </el-table-column>
-              <el-table-column label="频率" width="120">
-                <template slot-scope="scope">
-                  {{ scope.row.execution_frequency }}
-                </template>
-              </el-table-column>
-              <el-table-column label="天数" width="110">
-                <template slot-scope="scope"> {{ scope.row.day }}天 </template>
-              </el-table-column>
-              <el-table-column label="总量" width="100">
-                <template slot-scope="scope">
-                  {{ scope.row.count }}
-                  {{ scope.row.unit }}
-                </template>
-              </el-table-column>
-              <el-table-column label="单价" width="120">
-                <template slot-scope="scope">
-                  {{ scope.row.price }}元
-                </template>
-              </el-table-column>
-              <el-table-column label="备注" width="120">
-                <template slot-scope="scope">
-                  {{ scope.row.remark }}
-                </template>
-              </el-table-column>
-              <el-table-column label="推送频率" width="120">
-                <template slot-scope="scope">
-                  <div v-if="scope.row.frequency_type == 1">
-                    {{ "每次必推" }}
-                  </div>
-                  <div v-if="scope.row.frequency_type == 2">
-                    {{ scope.row.day_count }}天/次
-                  </div>
-                  <div v-if="scope.row.frequency_type == 3">
-                    {{ scope.row.week_days }}
-                  </div>
-                </template>
-              </el-table-column>
-              <el-table-column fixed="right" label="操作" width="102">
-                <template slot-scope="scope">
-                  <el-button
-                    @click.native.prevent="delects(scope.$index, scope, item)"
-                    type="text"
-                    size="small"
-                  >
-                    删除
-                  </el-button>
-                </template>
-              </el-table-column>
-            </el-table>
-          </el-tab-pane>
-        </el-tabs>
-      </el-container>
-    </div>
+            <el-table-column fixed label="项目名称" width="230" align="center">
+              <template slot-scope="scope">
+                <div v-if="scope.row.type == 2">
+                  {{ scope.row.project.project_name }}
+                </div>
+                <div v-if="scope.row.type == 3">
+                  {{ scope.row.good_info.good_name }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="组" width="120" align="center">
+              <template slot-scope="scope">
+                <div v-if="scope.row.type == 2">
+                  {{ scope.row.project.translate }}
+                </div>
+                <div v-if="scope.row.type == 3">
+                  {{ scope.row.good_info.translate }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column label="单次用量" width="120" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.single_dose }}
+                {{ scope.row.unit }}
+              </template>
+            </el-table-column>
+            <el-table-column label="用法" width="120" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.delivery_way }}
+              </template>
+            </el-table-column>
+            <el-table-column label="频率" width="120" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.execution_frequency }}
+              </template>
+            </el-table-column>
+            <el-table-column label="天数" width="110" align="center">
+              <template slot-scope="scope"> {{ scope.row.day }}天 </template>
+            </el-table-column>
+            <el-table-column label="总量" width="100" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.count }}
+                {{ scope.row.unit }}
+              </template>
+            </el-table-column>
+            <el-table-column label="单价" width="120" align="center">
+              <template slot-scope="scope"> {{ scope.row.price }}元 </template>
+            </el-table-column>
+            <el-table-column label="备注" width="120" align="center">
+              <template slot-scope="scope">
+                {{ scope.row.remark }}
+              </template>
+            </el-table-column>
+            <el-table-column label="推送频率" width="120" align="center">
+              <template slot-scope="scope">
+                <div v-if="scope.row.frequency_type == 1">
+                  {{ "每次必推" }}
+                </div>
+                <div v-if="scope.row.frequency_type == 2">
+                  {{ scope.row.day_count }}天/次
+                </div>
+                <div v-if="scope.row.frequency_type == 3">
+                  {{ scope.row.week_days }}
+                </div>
+              </template>
+            </el-table-column>
+            <el-table-column fixed="right" label="操作" width="102" align="center">
+              <template slot-scope="scope">
+                <el-button
+                  @click.native.prevent="delects(scope.$index, scope, item)"
+                  type="text"
+                  size="small"
+                >
+                  删除
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-tab-pane>
+      </el-tabs>
+    </el-container>
   </div>
 </template>
 <script>
@@ -504,7 +492,7 @@ export default {
         })
         .catch(() => {
           this.$message({
-            type: "info",
+            type: 'success',
             message: "已取消删除",
           });
         });
@@ -608,6 +596,7 @@ export default {
 
 <style lang="scss" scoped>
 .bannar_list {
+  width: 97%;
   margin-bottom: 10px;
   display: flex;
   justify-content: space-between;
@@ -622,6 +611,7 @@ export default {
     }
   }
 }
+
 .zone {
   //  margin-left: 30px;
   //  text-align: left;
@@ -780,3 +770,287 @@ export default {
   padding: 0 10px;
 }
 </style>
+
+<style lang="scss" scoped>
+.new-main-contain {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.app-container {
+  height: 100%;
+}
+
+.mainCell {
+  height: 36px;
+  display: flex;
+  align-items: center;
+}
+
+.mainLeft {
+  width: 211px;
+  margin:0 20px;
+  /deep/ .el-table__body-wrapper {
+    height: 65vh;
+    overflow-y: scroll !important;
+  }
+}
+.mainRight {
+  margin-left: 10px;
+  flex: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  .cellSpan {
+    min-width: 80px;
+    display: inline-block;
+    margin-right: 10px;
+  }
+  /deep/ .el-table {
+    .el-table__header-wrapper {
+      .el-table__header {
+        width: 100% !important;
+      }
+    }
+
+    .el-table__body-wrapper {
+      height: auto !important;
+      .el-table__body {
+        width: 100% !important;
+      }
+    }
+  }
+}
+
+/deep/ .el-table__fixed {
+  bottom: 0 !important;
+}
+.mainCenter {
+  display: flex;
+  flex: 1;
+}
+
+.centerLeft {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+
+  .el-form-item {
+    width: 32%;
+    margin-right: 1%;
+    float: left;
+  }
+
+  .el-form-item__label {
+    text-align: left;
+  }
+}
+.backColor {
+  background: #f6f8f9;
+  height: 5px;
+  margin-bottom: 5px;
+}
+.el-tabs {
+  min-width: 1373px;
+  height: 70vh;
+}
+
+.tabsBox {
+  position: relative;
+  height: 76%;
+  overflow-y: auto;
+  margin-bottom: 60px;
+
+  .el-tabs__item {
+    padding: 0 10px;
+  }
+}
+.preTabs {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .el-tabs__content {
+    flex: 1;
+    overflow-y: auto;
+  }
+}
+
+.costBox {
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+}
+
+.addTab {
+  position: absolute;
+  right: 0;
+  top: 14px;
+  z-index: 20;
+}
+
+.centerRight {
+  width: 300px;
+  margin-left: 10px;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+
+.rightTab {
+  height: 40px;
+  width: 100%;
+  border: 1px solid #d2d2d2;
+  box-sizing: border-box;
+
+  p {
+    width: 50%;
+    height: 40px;
+    line-height: 40px;
+    text-align: center;
+    background: #eee;
+    float: left;
+  }
+
+  > p:last-child {
+    border-left: 1px solid #d2d2d2;
+    float: right;
+  }
+
+  .activeP {
+    background: #409eff;
+    color: #fff;
+  }
+}
+.comfirmBox {
+  width: 100%;
+  height: 60px;
+  background: #fff;
+  position: absolute;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.mainHeader {
+  width: 100%;
+  background: #fff;
+  position: fixed;
+  z-index: 100;
+  height: 36px;
+}
+
+.titleBox {
+  position: fixed;
+  z-index: 99;
+  background: #fff;
+}
+
+.fixedCell {
+  position: fixed;
+  z-index: 99;
+  right: 30px;
+  background: #fff;
+  width: 300px;
+  display: flex;
+  justify-content: space-between;
+}
+.btn_crumbs {
+  .el-button {
+    text-align: center;
+    font-size: 12px;
+    padding: 10px 11px;
+  }
+}
+</style>
+
+<style lang="scss">
+.centerLeft {
+  .el-form-item__label {
+    text-align: left;
+  }
+}
+.tabsBox {
+  .el-tabs__item {
+    padding: 0 10px;
+  }
+
+  .el-tabs--bottom
+    .el-tabs--left
+    > .el-tabs__header
+    .el-tabs__item:nth-child(2),
+  .el-tabs--bottom
+    .el-tabs--right
+    > .el-tabs__header
+    .el-tabs__item:nth-child(2),
+  .el-tabs--bottom.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item:nth-child(2),
+  .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2),
+  .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:nth-child(2),
+  .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:nth-child(2),
+  .el-tabs--top.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item:nth-child(2),
+  .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:nth-child(2) {
+    padding: 0 10px;
+  }
+
+  .el-tabs--bottom .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--bottom .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--bottom.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item:last-child,
+  .el-tabs--bottom.el-tabs--card > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--top .el-tabs--left > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--top .el-tabs--right > .el-tabs__header .el-tabs__item:last-child,
+  .el-tabs--top.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item:last-child,
+  .el-tabs--top.el-tabs--card > .el-tabs__header .el-tabs__item:last-child {
+    padding: 0 10px;
+  }
+
+  .el-tabs--card > .el-tabs__header .el-tabs__item.is-active.is-closable {
+    padding: 0 10px;
+  }
+}
+.centerRight {
+  .el-tabs__nav-scroll {
+    display: flex;
+  }
+
+  .el-tabs__nav {
+    margin: 0 auto;
+  }
+
+  .el-table th .cell,
+  .el-table td .cell {
+    padding: 0 2px;
+  }
+}
+.preTabs {
+  .el-tabs__content {
+  }
+}
+.rightTabs {
+  height: 100%;
+
+  .el-tabs__content {
+  }
+}
+.centerDialog {
+  .el-dialog__body {
+    max-height: calc(100vh - 100px) !important;
+    padding: 0 20px;
+  }
+}
+</style>

src/xt_pages/outpatientDoctorStation/batch_replacement.vue

@@ -3,10 +3,14 @@
   <div class="main-contain new-main-contain">
     <div class="bannar_list">
       <div class="banner_left">
-        <div style="width:1000px;display: flex">
+        <div style="width: 1000px; display: flex">
           <div>
             透析模式:
-            <el-select v-model="modeOptions_value" placeholder="请选择" @change="getUsername">
+            <el-select
+              v-model="modeOptions_value"
+              placeholder="请选择"
+              @change="getUsername"
+            >
               <el-option
                 v-for="item in modeOptions"
                 :key="item.id"
@@ -75,7 +79,7 @@
 
     <div
       class="app-container"
-      style="display: flex; flex: 1; padding: 10px 20px 0px 20px"
+      style="display: flex; flex: 1; padding: 10px 10px 0px 10px"
     >
       <div class="mainLeft">
         <div>
@@ -99,9 +103,9 @@
           </el-table>
         </div>
       </div>
-      <div class="mainRight">
+      <div class="mainRight" v-if="new_type == 1">
         <el-table
-          v-if="new_type == 1"
+          
           :data="tableDatas"
           style="width: 100%"
           :height="tableHeight"
@@ -233,130 +237,131 @@
           </el-table-column>
         </el-table>
       </div>
-      <el-table
-        v-if="new_type == 2"
-        :data="project"
-        style="width: 100%"
-        max-height="250"
-        border
-        :row-style="{ color: '#303133' }"
-        :header-cell-style="{
+      <div class="mainRight" v-if="new_type == 2">
+        <el-table
+          :data="project"
+          style="width: 100%"
+          :height="tableHeight"
+          max-height="70vh"
+          border
+          :row-style="{ color: '#303133' }"
+          :header-cell-style="{
             backgroundColor: 'rgb(245, 247, 250)',
             color: '#606266',
           }"
-      >
-        <el-table-column fixed label="替换项目名称" width="230">
-          <template slot-scope="scope">
-            <el-select
-              filterable
-              v-model="scope.row.drug_name"
-              placeholder="请选择"
-              @change="changeid2(scope.row,scope.$index)"
-            >
-              <el-option
-                v-for="item in projectlist"
-                :key="item.id"
-                :label="item.name"
-                :value="item.id"
-              >
-              </el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="组" width="120">
-          <template slot-scope="scope">
-            {{scope.row.translate}}
-          </template>
-        </el-table-column>
-        <el-table-column label="单次用量" width="200">
-          <template slot-scope="scope">
-            <el-input
-              v-model="scope.row.single_dose"
-              placeholder="请输入内容"
-            ></el-input>
-            {{ scope.row.unit }}
-          </template>
-        </el-table-column>
-        <el-table-column label="用法" width="120">
-          <template slot-scope="scope">
-            <el-select
-              v-model="scope.row.delivery_way"
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="item in usage"
-                :key="item.name"
-                :label="item.name"
-                :value="item.name"
+          highlight-current-row
+        >
+          <el-table-column fixed label="替换项目名称" width="230" align="center">
+            <template slot-scope="scope">
+              <el-select
+                filterable
+                v-model="scope.row.drug_name"
+                placeholder="请选择"
+                @change="changeid2(scope.row, scope.$index)"
               >
-              </el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="频率" width="120">
-          <template slot-scope="scope">
-            <el-select
-              v-model="scope.row.execution_frequency"
-              placeholder="请选择"
-            >
-              <el-option
-                v-for="item in frequency"
-                :key="item.name"
-                :label="item.name"
-                :value="item.name"
+                <el-option
+                  v-for="item in projectlist"
+                  :key="item.id"
+                  :label="item.name"
+                  :value="item.id"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="组" width="120" align="center">
+            <template slot-scope="scope">
+              {{ scope.row.translate }}
+            </template>
+          </el-table-column>
+          <el-table-column label="单次用量" width="200" align="center">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.single_dose"
+                placeholder="请输入内容"
+              ></el-input>
+              {{ scope.row.unit }}
+            </template>
+          </el-table-column>
+          <el-table-column label="用法" width="120" align="center">
+            <template slot-scope="scope">
+              <el-select v-model="scope.row.delivery_way" placeholder="请选择">
+                <el-option
+                  v-for="item in usage"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="频率" width="120" align="center">
+            <template slot-scope="scope">
+              <el-select
+                v-model="scope.row.execution_frequency"
+                placeholder="请选择"
               >
-              </el-option>
-            </el-select>
-          </template>
-        </el-table-column>
-        <el-table-column label="天数" width="110">
-          <template slot-scope="scope">
-            <el-input
-              v-model="scope.row.day"
-              placeholder="请输入"
-              style="width: 75px"
-            ></el-input>天
-          </template>
-        </el-table-column>
-        <el-table-column label="总量" width="200">
-          <template slot-scope="scope">
-            <el-input
-              v-model="scope.row.prescribing_number"
-              placeholder="请输入"
-              style="width: 75px"
-            ></el-input>
-            {{ scope.row.unit }}
-          </template>
-        </el-table-column>
-        <el-table-column label="单价" width="120">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.price" style="width: 80px"></el-input
-            >元
-          </template>
-        </el-table-column>
-        <el-table-column label="备注" width="120">
-          <template slot-scope="scope">
-            <el-input v-model="scope.row.remark" placeholder=""></el-input>
-          </template>
-        </el-table-column>
-        <!--          <el-table-column label="推送频率" width="120">-->
-        <!--            <template slot-scope="scope">-->
-        <!--              <div v-if="scope.row.frequency_type == 1">{{'每次必推'}}</div>-->
-        <!--              <div v-if="scope.row.frequency_type == 2">{{scope.row.day_count}}天/次</div>-->
-        <!--              <div v-if="scope.row.frequency_type == 3">{{scope.row.week_days}}</div>-->
-        <!--            </template>-->
-        <!--          </el-table-column>-->
-        <!--          <el-table-column fixed="right" label="操作" width="102">-->
-        <!--            <template slot-scope="scope">-->
-        <!--              <el-button-->
-        <!--                @click.native.prevent="addopen(scope.$index)"-->
-        <!--                type="text"-->
-        <!--                size="small">-->
-        <!--                推送-->
-        <!--              </el-button>-->
-        <!--            </template>-->
-        <!--          </el-table-column>-->
-      </el-table>
+                <el-option
+                  v-for="item in frequency"
+                  :key="item.name"
+                  :label="item.name"
+                  :value="item.name"
+                >
+                </el-option>
+              </el-select>
+            </template>
+          </el-table-column>
+          <el-table-column label="天数" width="110" align="center">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.day"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input
+              >天
+            </template>
+          </el-table-column>
+          <el-table-column label="总量" width="200" align="center">
+            <template slot-scope="scope">
+              <el-input
+                v-model="scope.row.prescribing_number"
+                placeholder="请输入"
+                style="width: 75px"
+              ></el-input>
+              {{ scope.row.unit }}
+            </template>
+          </el-table-column>
+          <el-table-column label="单价" width="120" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.price" style="width: 80px"></el-input
+              >元
+            </template>
+          </el-table-column>
+          <el-table-column label="备注" width="120" align="center">
+            <template slot-scope="scope">
+              <el-input v-model="scope.row.remark" placeholder=""></el-input>
+            </template>
+          </el-table-column>
+          <!--          <el-table-column label="推送频率" width="120">-->
+          <!--            <template slot-scope="scope">-->
+          <!--              <div v-if="scope.row.frequency_type == 1">{{'每次必推'}}</div>-->
+          <!--              <div v-if="scope.row.frequency_type == 2">{{scope.row.day_count}}天/次</div>-->
+          <!--              <div v-if="scope.row.frequency_type == 3">{{scope.row.week_days}}</div>-->
+          <!--            </template>-->
+          <!--          </el-table-column>-->
+          <!--          <el-table-column fixed="right" label="操作" width="102">-->
+          <!--            <template slot-scope="scope">-->
+          <!--              <el-button-->
+          <!--                @click.native.prevent="addopen(scope.$index)"-->
+          <!--                type="text"-->
+          <!--                size="small">-->
+          <!--                推送-->
+          <!--              </el-button>-->
+          <!--            </template>-->
+          <!--          </el-table-column>-->
+        </el-table>
+      </div>
     </div>
 
     <el-dialog
@@ -388,9 +393,9 @@
       </div>
 
       <span slot="footer" class="dialog-footer">
-    <el-button @click="dialogVisible = false">取 消</el-button>
-    <el-button type="primary" @click="">确 定</el-button>
-  </span>
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button type="primary" @click="">确 定</el-button>
+      </span>
     </el-dialog>
   </div>
 </template>
@@ -414,66 +419,97 @@ export default {
       tableList: [],
       editableTabsValue: "1",
       modeOptions: {},
-      tableDatas:[{
-        id: "",
-        drug_name: "",
-        single_dose: "",
-        single_dose_unit: "",
-        delivery_way: "",
-        execution_frequency: "",
-        day: "",
-        prescribing_number: "",
-        prescribing_number_unit: "",
-        price: "",
-        remark: "",
-        list_1:[],
-        list_2:[],
-      },],
-      project:[ {
-        id: "",
-        drug_name: "",
-        translate:"",
-        single_dose: "",
-        unit: "",
-        delivery_way: "",
-        execution_frequency: "",
-        day: "",
-        prescribing_number: "",
-        price: "",
-        remark: "",
-        frequency_type:1,
-        day_count:"",
-        week_days:"",
-      },],//项目
+      tableDatas: [
+        {
+          id: "",
+          drug_name: "",
+          single_dose: "",
+          single_dose_unit: "",
+          delivery_way: "",
+          execution_frequency: "",
+          day: "",
+          prescribing_number: "",
+          prescribing_number_unit: "",
+          price: "",
+          remark: "",
+          list_1: [],
+          list_2: [],
+        },
+      ],
+      project: [
+        {
+          id: "",
+          drug_name: "",
+          translate: "",
+          single_dose: "",
+          unit: "",
+          delivery_way: "",
+          execution_frequency: "",
+          day: "",
+          prescribing_number: "",
+          price: "",
+          remark: "",
+          frequency_type: 1,
+          day_count: "",
+          week_days: "",
+        },
+      ], //项目
       tabIndex: 2,
       modeOptions_value: 1, //透析模式
-      multipleSelection: [],//选中的患者
-      tableData:[],
-      options:[{id:1,name:"药品"},{id:2,name:"项目"}],
-      options_patient:[{id:1,name:"是"},{id:2,name:"否"}],
-      options_2:[{id:1,name:"普通门诊"},{id:2,name:"门诊特殊病"}],
-      new_type:1,//新增类型
-      druglist:[],//药品列表
-      projectlist:[],//项目列表
-      id:"",//药品、项目、耗材
-      tmplist:[],//临时
-      unit:[{id:1,name:"g"},{id:2,name:"mg"},{id:3,name:"u"},{id:4,name:"ml"},{id:5,name:"万U"},{id:6,name:"枚"},{id:7,name:"粒"},
-        {id:8,name:"片"},{id:9,name:"支"},{id:10,name:"μg"},{id:11,name:"iu"},{id:12,name:"包"},{id:13,name:"袋"},{id:14,name:"万"},
-        {id:15,name:"万iu"},{id:16,name:"丸"},{id:17,name:"盒"},{id:18,name:"瓶"},{id:19,name:"瓶（袋）"},{id:20,name:"次"}],
-      usage:[],//用法
-      frequency:[],//频率
-      frequency_type:"",//周期提醒
-      day_count:"",//周期提醒天
-      week_days:[],//周期提醒星期
-      tabhang:0,//tab的下标
-      hang:0,//行数
-
-    }
+      multipleSelection: [], //选中的患者
+      tableData: [],
+      options: [
+        { id: 1, name: "药品" },
+        { id: 2, name: "项目" },
+      ],
+      options_patient: [
+        { id: 1, name: "是" },
+        { id: 2, name: "否" },
+      ],
+      options_2: [
+        { id: 1, name: "普通门诊" },
+        { id: 2, name: "门诊特殊病" },
+      ],
+      new_type: 1, //新增类型
+      druglist: [], //药品列表
+      projectlist: [], //项目列表
+      id: "", //药品、项目、耗材
+      tmplist: [], //临时
+      unit: [
+        { id: 1, name: "g" },
+        { id: 2, name: "mg" },
+        { id: 3, name: "u" },
+        { id: 4, name: "ml" },
+        { id: 5, name: "万U" },
+        { id: 6, name: "枚" },
+        { id: 7, name: "粒" },
+        { id: 8, name: "片" },
+        { id: 9, name: "支" },
+        { id: 10, name: "μg" },
+        { id: 11, name: "iu" },
+        { id: 12, name: "包" },
+        { id: 13, name: "袋" },
+        { id: 14, name: "万" },
+        { id: 15, name: "万iu" },
+        { id: 16, name: "丸" },
+        { id: 17, name: "盒" },
+        { id: 18, name: "瓶" },
+        { id: 19, name: "瓶（袋）" },
+        { id: 20, name: "次" },
+      ],
+      usage: [], //用法
+      frequency: [], //频率
+      frequency_type: "", //周期提醒
+      day_count: "", //周期提醒天
+      week_days: [], //周期提醒星期
+      tabhang: 0, //tab的下标
+      hang: 0, //行数
+    };
   },
   created() {
     // console.log("this.$store.getters.treatment_mode",this.$store.getters.treatment_mode)
     for (let key in this.$store.getters.treatment_mode) {
-      this.modeOptions[key] = this.$store.getters.treatment_mode[key]
+      this.modeOptions[key] = this.$store.getters.treatment_mode[key];
     }
     // console.log("this.modeOptions",this.modeOptions)
     this.getdrugconfigs();
@@ -534,27 +570,27 @@ export default {
           }
         }
       }
-      if (this.new_type == 1){
-        if(this.druglist != null){
-          for(let d1 = 0;d1 < this.druglist.length;d1++){
-            if(this.id == this.druglist[d1].id){
-              tmp2 = this.druglist[d1].name
+      if (this.new_type == 1) {
+        if (this.druglist != null) {
+          for (let d1 = 0; d1 < this.druglist.length; d1++) {
+            if (this.id == this.druglist[d1].id) {
+              tmp2 = this.druglist[d1].name;
             }
-            if(this.tableDatas != null){
-              if(this.tableDatas[0].id == this.druglist[d1].id){
-                tmp3 = this.druglist[d1].name
+            if (this.tableDatas != null) {
+              if (this.tableDatas[0].id == this.druglist[d1].id) {
+                tmp3 = this.druglist[d1].name;
               }
             }
           }
         }
-        if(this.druglist2 != null){
-          for(let d2 = 0;d2 < this.druglist2.length;d2++){
-            if(this.id == this.druglist2[d2].id){
-              tmp2 = tmp2 + this.druglist2[d2].name
+        if (this.druglist2 != null) {
+          for (let d2 = 0; d2 < this.druglist2.length; d2++) {
+            if (this.id == this.druglist2[d2].id) {
+              tmp2 = tmp2 + this.druglist2[d2].name;
             }
-            if(this.tableDatas != null){
-              if(this.tableDatas[0].id == this.druglist2[d2].id){
-                tmp3 = this.druglist2[d2].name
+            if (this.tableDatas != null) {
+              if (this.tableDatas[0].id == this.druglist2[d2].id) {
+                tmp3 = this.druglist2[d2].name;
               }
             }
           }
@@ -562,7 +598,7 @@ export default {
       }
 
       this.$confirm(
-        "请确定是否保存?",//注：该操作将会把所选患者的"+tmp+"透析模式中的"+tmp2+"替换为"+tmp3+"，
+        "请确定是否保存?", //注：该操作将会把所选患者的"+tmp+"透析模式中的"+tmp2+"替换为"+tmp3+"，
         "",
         {
           confirmButtonText: "确 定",
@@ -574,99 +610,107 @@ export default {
           this.$message.error("没有选中有效信息");
           return;
         }
-        let st = ""
-        for (let i = 0;i < this.multipleSelection.length;i++){
-          st = st + this.multipleSelection[i].id + ","
+        let st = "";
+        for (let i = 0; i < this.multipleSelection.length; i++) {
+          st = st + this.multipleSelection[i].id + ",";
         }
-        console.log("string",st)
+        console.log("string", st);
         let params = {
-          mode_id:this.modeOptions_value,
+          mode_id: this.modeOptions_value,
           patient_id: st,
-          type:this.new_type,
+          type: this.new_type,
           replaced: this.id,
-        }
+        };
         let data1 = {
-          "prescriptions": this.tableDatas
-        }
+          prescriptions: this.tableDatas,
+        };
         let data2 = {
-          "prescriptions": this.project
-        }
-        if (this.new_type == 1){
-          replacesavedrug(params,data1).then((res) =>{
-            if (res.data.state == 1){
-              this.$message.success('替换成功')
-              this.multipleSelection = []
-              this.tableData=[]
-              this.tableDatas=[{
-                id: "",
-                drug_name: "",
-                single_dose: "",
-                single_dose_unit: "",
-                delivery_way: "",
-                execution_frequency: "",
-                day: "",
-                prescribing_number: "",
-                prescribing_number_unit: "",
-                price: "",
-                remark: "",
-              },];
-              this.project=[ {
-                id: "",
-                drug_name: "",
-                translate:"",
-                single_dose: "",
-                unit: "",
-                delivery_way: "",
-                execution_frequency: "",
-                day: "",
-                prescribing_number: "",
-                price: "",
-                remark: "",
-                frequency_type:1,
-                day_count:"",
-                week_days:"",
-              },];
-            }else{
-              this.$message.error(res.data.msg)
+          prescriptions: this.project,
+        };
+        if (this.new_type == 1) {
+          replacesavedrug(params, data1).then((res) => {
+            if (res.data.state == 1) {
+              this.$message.success("替换成功");
+              this.multipleSelection = [];
+              this.tableData = [];
+              this.tableDatas = [
+                {
+                  id: "",
+                  drug_name: "",
+                  single_dose: "",
+                  single_dose_unit: "",
+                  delivery_way: "",
+                  execution_frequency: "",
+                  day: "",
+                  prescribing_number: "",
+                  prescribing_number_unit: "",
+                  price: "",
+                  remark: "",
+                },
+              ];
+              this.project = [
+                {
+                  id: "",
+                  drug_name: "",
+                  translate: "",
+                  single_dose: "",
+                  unit: "",
+                  delivery_way: "",
+                  execution_frequency: "",
+                  day: "",
+                  prescribing_number: "",
+                  price: "",
+                  remark: "",
+                  frequency_type: 1,
+                  day_count: "",
+                  week_days: "",
+                },
+              ];
+            } else {
+              this.$message.error(res.data.msg);
             }
-          })
-        }else{
-          replacesaveproject(params,data2).then((res) =>{
-            if (res.data.state == 1){
-              this.$message.success('替换成功')
-              this.multipleSelection = []
-              this.tableData=[]
-              this.tableDatas=[{
-                id: "",
-                drug_name: "",
-                single_dose: "",
-                single_dose_unit: "",
-                delivery_way: "",
-                execution_frequency: "",
-                day: "",
-                prescribing_number: "",
-                prescribing_number_unit: "",
-                price: "",
-                remark: "",
-              },];
-              this.project=[ {
-                id: "",
-                drug_name: "",
-                translate:"",
-                single_dose: "",
-                unit: "",
-                delivery_way: "",
-                execution_frequency: "",
-                day: "",
-                prescribing_number: "",
-                price: "",
-                remark: "",
-                frequency_type:1,
-                day_count:"",
-                week_days:"",
-              },];
-            }else{
-              this.$message.error(res.data.msg)
+          });
+        } else {
+          replacesaveproject(params, data2).then((res) => {
+            if (res.data.state == 1) {
+              this.$message.success("替换成功");
+              this.multipleSelection = [];
+              this.tableData = [];
+              this.tableDatas = [
+                {
+                  id: "",
+                  drug_name: "",
+                  single_dose: "",
+                  single_dose_unit: "",
+                  delivery_way: "",
+                  execution_frequency: "",
+                  day: "",
+                  prescribing_number: "",
+                  prescribing_number_unit: "",
+                  price: "",
+                  remark: "",
+                },
+              ];
+              this.project = [
+                {
+                  id: "",
+                  drug_name: "",
+                  translate: "",
+                  single_dose: "",
+                  unit: "",
+                  delivery_way: "",
+                  execution_frequency: "",
+                  day: "",
+                  prescribing_number: "",
+                  price: "",
+                  remark: "",
+                  frequency_type: 1,
+                  day_count: "",
+                  week_days: "",
+                },
+              ];
+            } else {
+              this.$message.error(res.data.msg);
             }
           });
         }
@@ -675,116 +719,126 @@ export default {
 
     lili() {
       // console.log("this.multipleSelection",this.multipleSelection);
-      console.log("this.modeOptions_value",this.modeOptions_value)
+      console.log("this.modeOptions_value", this.modeOptions_value);
       // console.log("this.mode",this.modeOptions_value)
       // console.log("this.projectlist2",this.projectlist2)
       // console.log("patient_value",this.patient_value)
     },
-    addopen(hang){
-      this.hang = hang
+    addopen(hang) {
+      this.hang = hang;
       //清空
       this.week_days = [];
       this.day_count = "";
       this.frequency_type = 1;
       this.dialogVisible = true;
     },
-    changetype(){
-      console.log(">>>>>>>",this.new_type)
-      this.id = ""
-      this.tableData = []
+    changetype() {
+      console.log(">>>>>>>", this.new_type);
+      this.id = "";
+      this.tableData = [];
     },
     changeid(item, index) {
       console.log("");
       item.id = item.drug_name;
       var params = {
-        id:item.id
-      }
-      getdrugsinformation(params).then((res) =>{
-        if (res.data.state == 1){
-          console.log("res??",res)
+        id: item.id,
+      };
+      getdrugsinformation(params).then((res) => {
+        if (res.data.state == 1) {
+          console.log("res??", res);
           this.tableDatas[0].single_dose = res.data.data.list[0].single_dose;
-          this.tableDatas[0].single_dose_unit = res.data.data.list[0].single_dose_unit;
+          this.tableDatas[0].single_dose_unit =
+            res.data.data.list[0].single_dose_unit;
           this.tableDatas[0].delivery_way = res.data.data.list[0].delivery_way;
-          this.tableDatas[0].execution_frequency = res.data.data.list[0].execution_frequency;
+          this.tableDatas[0].execution_frequency =
+            res.data.data.list[0].execution_frequency;
           this.tableDatas[0].day = res.data.data.list[0].drug_day;
-          this.tableDatas[0].prescribing_number = res.data.data.list[0].prescribing_number;
-          this.tableDatas[0].prescribing_number_unit = res.data.data.list[0].prescribing_number_unit;
-          if (res.data.data.list[0].prescribing_number_unit == res.data.data.list[0].min_unit || res.data.data.list[0].prescribing_number_unit == "" || res.data.data.list[0].prescribing_number_unit == null){
+          this.tableDatas[0].prescribing_number =
+            res.data.data.list[0].prescribing_number;
+          this.tableDatas[0].prescribing_number_unit =
+            res.data.data.list[0].prescribing_number_unit;
+          if (
+            res.data.data.list[0].prescribing_number_unit ==
+              res.data.data.list[0].min_unit ||
+            res.data.data.list[0].prescribing_number_unit == "" ||
+            res.data.data.list[0].prescribing_number_unit == null
+          ) {
             this.tableDatas[0].price = res.data.data.list[0].min_price;
-          }else{
+          } else {
             this.tableDatas[0].price = res.data.data.list[0].retail_price;
           }
           this.tableDatas[0].remark = res.data.data.list[0].remark;
           this.tableDatas[0].list_1 = res.data.data.list[0].list_1;
           this.tableDatas[0].list_2 = res.data.data.list[0].list_2;
         }
-      })
+      });
     },
     handleSelectionChange(val) {
       this.multipleSelection = val;
     },
-    changeid2(item,index){
-      item.id = item.drug_name
+    changeid2(item, index) {
+      item.id = item.drug_name;
       var params = {
-        id:item.id
-      }
-      getdrugsinformation(params).then((res) =>{
-        if (res.data.state == 1){
-          console.log("res??",res)
+        id: item.id,
+      };
+      getdrugsinformation(params).then((res) => {
+        if (res.data.state == 1) {
+          console.log("res??", res);
           this.project[0].single_dose = res.data.data.list[0].single_dose;
           this.project[0].translate = res.data.data.list[0].translate;
           this.project[0].delivery_way = res.data.data.list[0].delivery_way;
-          this.project[0].execution_frequency = res.data.data.list[0].execution_frequency;
+          this.project[0].execution_frequency =
+            res.data.data.list[0].execution_frequency;
           this.project[0].day = res.data.data.list[0].day;
-          this.project[0].prescribing_number = res.data.data.list[0].prescribing_number;
+          this.project[0].prescribing_number =
+            res.data.data.list[0].prescribing_number;
           this.project[0].unit = res.data.data.list[0].unit;
-          if (res.data.data.list[0].retail_price != null){
+          if (res.data.data.list[0].retail_price != null) {
             this.project[0].price = res.data.data.list[0].retail_price;
-          }else{
+          } else {
             this.project[0].price = res.data.data.list[0].price;
           }
 
           this.project[0].remark = res.data.data.list[0].remark;
         }
-      })
+      });
     },
     //获取配置
-    getdrugconfigs(){
-      var params = {}
-      replaceconfig(params).then((res) =>{
-        if (res.data.state == 1){
-          this.druglist = res.data.data.list
-          this.projectlist = res.data.data.list2
+    getdrugconfigs() {
+      var params = {};
+      replaceconfig(params).then((res) => {
+        if (res.data.state == 1) {
+          this.druglist = res.data.data.list;
+          this.projectlist = res.data.data.list2;
         }
-      })
-      getmodeconfigs(params).then((res) =>{
-        if (res.data.state == 1){
-          this.frequency = res.data.data.efs
-          this.usage = res.data.data.drugways
+      });
+      getmodeconfigs(params).then((res) => {
+        if (res.data.state == 1) {
+          this.frequency = res.data.data.efs;
+          this.usage = res.data.data.drugways;
         }
-      })
+      });
     },
-    getUsername(){
+    getUsername() {
       var params = {
         id: this.id,
-        mode: this.modeOptions_value
-      }
-      replacepeoplename(params).then((res) =>{
-        if (res.data.state == 1){
-          this.tableData = res.data.data.list
+        mode: this.modeOptions_value,
+      };
+      replacepeoplename(params).then((res) => {
+        if (res.data.state == 1) {
+          this.tableData = res.data.data.list;
         }
-      })
+      });
     },
     handleClose(done) {
-      this.$confirm('确认关闭？')
-        .then(_ => {
+      this.$confirm("确认关闭？")
+        .then((_) => {
           done();
         })
-        .catch(_ => {});
-    }
-  }
-
-}
+        .catch((_) => {});
+    },
+  },
+};
 </script>
 
 
@@ -818,7 +872,7 @@ export default {
 }
 .bannar_list {
   width: 99%;
-  margin-bottom: 10px;
+  margin-top: 10px;
   display: flex;
   justify-content: space-between;
   .banner_left {
@@ -1048,6 +1102,7 @@ export default {
 }
 
 /deep/ .el-table__fixed {
+  height: 101px;
   bottom: 0 !important;
 }
 .mainCenter {