开始显示药品详情页面

src/components/index.vue

@@ -39,6 +39,10 @@
               <input class="ais-SearchBox-input" type="text"
                      v-model="queryParams.drug2"
                      placeholder="请输入药品B名称" maxlength="32">
+              <div style="width: 10px"></div>
+              <input class="ais-SearchBox-input" type="text"
+                     v-model="queryParams.reaction"
+                     placeholder="请输入相互作用效果" maxlength="32">
               <div class="ais-SearchBox-submit" @click="handleQuery()">
                 <svg style="margin-top: 3.5px;margin-left: 18px" viewBox="0 0 1024 1024" width="20" height="20">
                   <path
@@ -110,8 +114,8 @@
                     @size-change="handleSizeChange"
                     @current-change="handleCurrentChange"
                     :current-page="currentPage1"
-                    :page-sizes="[7, 10, 15, 20]"
-                    :page-size="7"
+                    :page-sizes="[10, 15, 20, 15]"
+                    :page-size="10"
                     layout="total, sizes, prev, pager, next, jumper"
                     :total=this.pagination.total>
                   </el-pagination>
@@ -154,9 +158,6 @@ import {listTable1, listTotal} from "@/utils/table1";
     data() {
       return {
         currentPage1: 1,
-        currentPage2: 2,
-        currentPage3: 3,
-        currentPage4: 4,
         loading: false,
         showAside: true,
         printerInfo: "你看对面的青山多漂亮",
@@ -179,7 +180,7 @@ import {listTable1, listTotal} from "@/utils/table1";
         // 查询参数
         queryParams: {
           pageNum: 1,
-          pageSize: 7,
+          pageSize: 10,
           drug1: null,
           drug2: null,
           reaction: null
@@ -523,6 +524,7 @@ import {listTable1, listTotal} from "@/utils/table1";
     border-radius: 40px;
     color: var(--maxGreyFont);
     background: var(--white);
+    opacity: 0.5;
   }
 
   @media screen and (max-width: 1100px) {

src/components/myAside.vue

@@ -98,59 +98,59 @@
          style="margin-top: 30px;padding: 25px 25px 5px;border-radius: 10px;animation: hideToShow 1s ease-in-out">
       <div class="card-content2-title">
         <i class="el-icon-folder-opened card-content2-icon"></i>
-        <span>分类</span>
-      </div>
-      <div v-for="(sort, index) in sortInfo"
-           :key="index"
-           class="post-sort"
-           @click="$router.push({path: '/sort', query: {sortId: sort.id}})">
-        <div>
-          <span v-for="(s, i) in sort.sortName.split('')" :key="i">{{ s }}</span>
+        <span>药品详情</span>
       </div>
-      </div>
-    </div>
-
-    <!-- 赞赏 -->
-<!--    <div class="shadow-box-mini background-opacity wow admire-box"-->
-<!--         v-if="!$common.isEmpty(admires)">-->
-<!--      <div style="font-weight: bold;margin-bottom: 20px">🧨赞赏名单</div>-->
+<!--      <div v-for="(sort, index) in sortInfo"-->
+<!--           :key="index"-->
+<!--           class="post-sort"-->
+<!--           @click="$router.push({path: '/sort', query: {sortId: sort.id}})">-->
 <!--        <div>-->
-<!--        <vue-seamless-scroll :data="admires" style="height: 200px;overflow: hidden">-->
-<!--          <div v-for="(item, i) in admires"-->
-<!--               style="display: flex;justify-content: space-between"-->
-<!--               :key="i">-->
-<!--            <div style="display: flex">-->
-<!--              <el-avatar style="margin-bottom: 10px" :size="36" :src="item.avatar"></el-avatar>-->
-<!--              <div style="margin-left: 10px;height: 36px;line-height: 36px;overflow: hidden;max-width: 80px">-->
-<!--                {{ item.username }}-->
+<!--          <span v-for="(s, i) in sort.sortName.split('')" :key="i">{{ s }}</span>-->
 <!--        </div>-->
 <!--      </div>-->
-<!--            <div style="height: 36px;line-height: 36px">-->
-<!--              {{ item.admire }}元-->
-<!--            </div>-->
-<!--          </div>-->
-<!--        </vue-seamless-scroll>-->
-<!--      </div>-->
-<!--      <div class="admire-btn" @click="showAdmire()">-->
+    </div>
+
     <!-- 赞赏 -->
-<!--      </div>-->
-<!--    </div>-->
+    <div class="shadow-box-mini background-opacity wow admire-box"
+         v-if="!$common.isEmpty(admires)">
+      <div style="font-weight: bold;margin-bottom: 20px">🧨赞赏</div>
+      <div>
+        <vue-seamless-scroll :data="admires" style="height: 200px;overflow: hidden">
+          <div v-for="(item, i) in admires"
+               style="display: flex;justify-content: space-between"
+               :key="i">
+            <div style="display: flex">
+              <el-avatar style="margin-bottom: 10px" :size="36" :src="item.avatar"></el-avatar>
+              <div style="margin-left: 10px;height: 36px;line-height: 36px;overflow: hidden;max-width: 80px">
+                {{ item.username }}
+              </div>
+            </div>
+            <div style="height: 36px;line-height: 36px">
+              {{ item.admire }}元
+            </div>
+          </div>
+        </vue-seamless-scroll>
+      </div>
+      <div class="admire-btn" @click="showAdmire()">
+        赞赏
+      </div>
+    </div>
 
 <!--     微信 -->
-<!--    <el-dialog title="赞赏"-->
-<!--               :visible.sync="showAdmireDialog"-->
-<!--               width="25%"-->
-<!--               :append-to-body="true"-->
-<!--               destroy-on-close-->
-<!--               center>-->
-<!--      <div>-->
-<!--        <div class="admire-image"></div>-->
-<!--        <div>-->
-<!--          <div class="admire-content">1. 感谢老铁送来的666</div>-->
-<!--          <div class="admire-content">2. 申请通过后会加博客交流群，不需要加群或者退群后会定期清理好友（强迫症福利）</div>-->
-<!--        </div>-->
-<!--      </div>-->
-<!--    </el-dialog>-->
+    <el-dialog title="赞赏"
+               :visible.sync="showAdmireDialog"
+               width="25%"
+               :append-to-body="true"
+               destroy-on-close
+               center>
+      <div>
+        <div class="admire-image"></div>
+        <div>
+          <div class="admire-content">1. 感谢老铁送来的666</div>
+          <div class="admire-content">2. 申请通过后会加博客交流群，不需要加群或者退群后会定期清理好友（强迫症福利）</div>
+        </div>
+      </div>
+    </el-dialog>
   </div>
 </template>