更改字体

src/api/external/index.js

@@ -3,7 +3,7 @@ import request from "@/utils/request";
 //获取用户信息
 export function getselfInfo() {
   return request({
-    baseURL: location.origin,
+    // baseURL: location.origin,
     url: "/api/admin/user/getSelfInfo",
     method: "GET",
   });

src/layout/components/TagsView/index.vue

@@ -285,7 +285,8 @@ export default {
       color: #495060;
       background: #fff;
       padding: 0 8px;
-      font-size: 12px;
+      font-size: 14px;
+      font-weight: 550;
       margin-left: 5px;
       margin-top: 6px;
       &:first-of-type {

src/utils/rem.js

@@ -1,6 +1,6 @@
 // rem等比适配配置文件
 // 基准大小
-const baseSize = 16;
+const baseSize = 20;
 // 设置 rem 函数
 function setRem() {
   // 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。

src/views/index.vue

@@ -78,7 +78,7 @@ export default {
     }
     .tree-menu {
       background: #465970;
-      width: 220px;
+      width: 180px;
       box-sizing: border-box;
       padding: 14px 10px;
       & > div {
@@ -104,7 +104,7 @@ export default {
       height: 100%;
       background: #f2f2f2;
 
-      overflow: hidden;
+      overflow-y: auto;
     }
     .child-views {
       height: calc(100% - 40px);
@@ -120,6 +120,8 @@ export default {
   .view-child {
     display: flex;
     align-items: center;
+    font-size: 16px;
+    font-weight: 600;
   }
 }
 </style>

src/views/productsMsg/components/cosmeticsArchives.vue

@@ -57,20 +57,21 @@
                   </el-option>
                 </el-select> </el-form-item
             ></el-col>
-          </el-row>
+            <div class="footBox">
-        </div>
-      </el-form>
-      <div class="footBox">
         <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
         <el-button type="primary" icon="el-icon-search" @click="searchList"
           >查询</el-button
         >
       </div>
+          </el-row>
+        </div>
+      </el-form>
+    
     </div>
     <div class="tabsBottom">
       <div class="foot-main">
         <div class="headerText">
-          <div class="searchP">产品列表</div>
+          <div class="searchP">产品列表1</div>
         </div>
         <div class="exportBtn">
           <el-button
@@ -450,8 +451,8 @@ export default {
   padding: 8px;
 }
 .footBox {
-  width: 100%;
+  width: 87.5%;
-  text-align: center;
+  text-align: right;
 }
 .tabsBottom {
   height: 70%;

src/views/productsMsg/components/health.vue

@@ -9,52 +9,39 @@
           <el-row>
             <el-col :span="7">
               <el-form-item label="产品名称">
-                <el-input
+                <el-input v-model="form1.cpmc" placeholder="请输入产品名称"></el-input>
-                  v-model="form1.cpmc"
-                  placeholder="请输入产品名称"
-                ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="7">
               <el-form-item label="产品类别">
                 <el-select v-model="form1.cplb" placeholder="请选择产品类别">
-                  <el-option
+                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.label">
-                    v-for="item in options"
-                    :key="item.value"
-                    :label="item.label"
-                    :value="item.label"
-                  >
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="7">
               <el-form-item label="生产企业">
-                <el-input
+                <el-input v-model="form1.scqy" placeholder="请输入生产企业"></el-input>
-                  v-model="form1.scqy"
-                  placeholder="请输入生产企业"
-                ></el-input>
               </el-form-item>
             </el-col>
           </el-row>
           <el-row>
             <el-col :span="7">
-              <el-form-item label="注册证编号或备案编号">
+              <div class="logformitem">
-                <el-input
+                <el-form-item label="注册证编号或备案编号">
-                  v-model="form1.zczh"
+                  <el-input v-model="form1.zczh" placeholder="请输入注册证编号或备案编号"></el-input>
-                  placeholder="请输入注册证编号或备案编号"
+                </el-form-item>
-                ></el-input>
+              </div>
-              </el-form-item>
             </el-col>
+            <div class="footBox">
+              <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
+              <el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
+            </div>
           </el-row>
         </div>
       </el-form>
-      <div class="footBox">
+
-        <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
-        <el-button type="primary" icon="el-icon-search" @click="searchList"
-          >查询</el-button
-        >
-      </div>
     </div>
     <div class="tabsBottom">
       <div class="foot-main">
@@ -62,82 +49,31 @@
           <div class="searchP">产品列表</div>
         </div>
         <div class="exportBtn">
-          <el-button
+          <el-button type="primary" icon="el-icon-edit-outline" @click="exportList()">导出</el-button>
-            type="primary"
-            icon="el-icon-edit-outline"
-            @click="exportList()"
-            >导出</el-button
-          >
         </div>
         <section class="table-box">
           <div class="table-item">
-            <el-table
+            <el-table v-loading="loading" :data="tableData" border height="43vh" align="center">
-              v-loading="loading"
-              :data="tableData"
-              border
-              height="43vh"
-              align="center"
-            >
               <el-table-column type="selection" width="35" align="center" />
-              <el-table-column
+              <el-table-column type="index" label="序号" align="center" width="50" />
-                type="index"
-                label="序号"
-                align="center"
-                width="50"
-              />
               <el-table-column label="产品名称" prop="cpmc" align="center">
               </el-table-column>
-              <el-table-column
+              <el-table-column label="产品类型" prop="cplx" align="center" width="100"></el-table-column>
-                label="产品类型"
+              <el-table-column label="生产企业" prop="zcsqr" align="center"></el-table-column>
-                prop="cplx"
+              <el-table-column label="产品管理类别" prop="cplb" align="center" width="100"></el-table-column>
-                align="center"
+              <el-table-column label="注册证编号/备案编号" prop="zczh" align="center" width="200">
-                width="100"
-              ></el-table-column>
-              <el-table-column
-                label="生产企业"
-                prop="zcsqr"
-                align="center"
-              ></el-table-column>
-              <el-table-column
-                label="产品管理类别"
-                prop="cplb"
-                align="center"
-                width="100"
-              ></el-table-column>
-              <el-table-column
-                label="注册证编号/备案编号"
-                prop="zczh"
-                align="center"
-                width="200"
-              >
               </el-table-column>
-              <el-table-column
+              <el-table-column label="操作" class-name="small-padding fixed-width" width="120" align="center">
-                label="操作"
-                class-name="small-padding fixed-width"
-                width="120"
-                align="center"
-              >
                 <template slot-scope="scope">
-                  <el-button
+                  <el-button size="mini" plain type="primary" @click="toDetail(scope.row)">详情</el-button>
-                    size="mini"
-                    plain
-                    type="primary"
-                    @click="toDetail(scope.row)"
-                    >详情</el-button
-                  >
                   <!-- <el-button size="mini" plain type="warning">编辑</el-button> -->
                 </template>
               </el-table-column>
             </el-table>
           </div>
         </section>
-        <pagination
+        <pagination :total="total" :page="form.current" :limit="form.size" @pagination="getPagination"
-          :total="total"
+          :current-page.sync="form.current"></pagination>
-          :page="form.current"
-          :limit="form.size"
-          @pagination="getPagination"
-          :current-page.sync="form.current"
-        ></pagination>
       </div>
     </div>
     <el-dialog title="提示" :visible.sync="showCK" width="30%">
@@ -190,7 +126,7 @@ export default {
       src: "",
     };
   },
-  mounted() {},
+  mounted() { },
   created() {
     this.chinaCosmetics();
   },
@@ -203,23 +139,23 @@ export default {
         background: "rgba(0, 0, 0, 0.7)",
       });
       dcylqx(this.form1).then((res) => {
-        const blob = new Blob([res],{type:res.type});
+        const blob = new Blob([res], { type: res.type });
         const link = document.createElement("a");
         link.style.display = 'none'
         link.href = window.URL.createObjectURL(blob);
-        link.download = "医疗器械"+ '.xlsx';
+        link.download = "医疗器械" + '.xlsx';
         link.click();
         this.loadA.close();
         this.$message({
           type: "success",
           message: "导出成功",
         });
-      }) .catch((err) => {
+      }).catch((err) => {
-          this.$message({
+        this.$message({
-            type: "info",
+          type: "info",
-            message: "导出失败",
+          message: "导出失败",
-          });
         });
+      });
     },
     closeDC() {
       this.showCK = false;
@@ -229,13 +165,10 @@ export default {
       });
     },
     exportList() {
-      this.src = `确定导出${
+      this.src = `确定导出${this.form1.cpmc ? `产品名称为${this.form1.cpmc}、` : ""
-        this.form1.cpmc ? `产品名称为${this.form1.cpmc}、` : ""
+        }${this.form1.cplb ? `产品类别为${this.form1.cplb}、` : ""}${this.form1.scqy ? `生产企业为${this.form1.scqy}、` : ""
-      }${this.form1.cplb ? `产品类别为${this.form1.cplb}、` : ""}${
+        }${this.form1.zczh ? `注册证编号或备案编号为${this.form1.zczh}、` : ""
-        this.form1.scqy ? `生产企业为${this.form1.scqy}、` : ""
+        }数据吗?`;
-      }${
-        this.form1.zczh ? `注册证编号或备案编号为${this.form1.zczh}、` : ""
-      }数据吗?`;
       this.showCK = true;
     },
     jieliuFunc() {
@@ -303,12 +236,15 @@ export default {
 ::v-deep .el-dialog:not(.is-fullscreen) {
   margin-top: 30vh !important;
 }
+
 ::v-deep .el-dialog__body {
   padding: 15px;
 }
+
 ::v-deep .el-select {
   width: 100% !important;
 }
+
 .container {
   height: 100%;
   // overflow: auto;
@@ -321,9 +257,11 @@ export default {
     color: #323233;
     font-size: 20px;
     font-weight: bold;
+
     .searchP {
       position: relative;
       cursor: pointer;
+
       &::before {
         content: "";
         width: 78px;
@@ -334,23 +272,28 @@ export default {
       }
     }
   }
+
   .tabs {
     width: 100%;
     height: 30%;
     background: #fff;
   }
 }
+
 //===================
 ::v-deep .el-button--medium {
   padding: 8px;
 }
+
 .footBox {
-  width: 100%;
+  width: 87.5%;
-  text-align: center;
+  text-align: right;
 }
+
 .tabsBottom {
   height: 70%;
   padding-top: 10px;
+
   .foot-main {
     height: 100%;
     // min-height: 600px;
@@ -358,23 +301,34 @@ export default {
     background: white;
   }
 }
+
 .exportBtn {
   padding: 10px 20px;
 }
+
 .table-box {
   padding: 0 20px;
-  .table-item {
+
-  }
+  .table-item {}
 }
+
 .pagination {
   display: flex;
   justify-content: space-between;
   padding: 15px 20px;
 }
+
 ::v-deep.el-table--medium .el-table__cell {
   padding: 5.3px 0;
 }
+
 ::v-deep .el-table {
   overflow: auto;
 }
+
+::v-deep .logformitem {
+  .el-form-item__label {
+    line-height: 25px;
+  }
+}
 </style>

src/views/productsMsg/index.vue

@@ -9,31 +9,20 @@
           <el-row>
             <el-col :span="7">
               <el-form-item label="产品名称">
-                <el-input
+                <el-input v-model="form1.cpmc" placeholder="请输入产品名称"></el-input>
-                  v-model="form1.cpmc"
-                  placeholder="请输入产品名称"
-                ></el-input>
               </el-form-item>
             </el-col>
             <el-col :span="7">
               <el-form-item label="药品分类">
                 <el-select v-model="form1.ypfl" placeholder="请选择药品分类">
-                  <el-option
+                  <el-option v-for="item in ypType" :key="item" :label="item" :value="item">
-                    v-for="item in ypType"
-                    :key="item"
-                    :label="item"
-                    :value="item"
-                  >
                   </el-option>
                 </el-select>
               </el-form-item>
             </el-col>
             <el-col :span="7">
               <el-form-item label="批准文号">
-                <el-input
+                <el-input v-model="form1.pzwh" placeholder="请输入批准文号"></el-input>
-                  v-model="form1.pzwh"
-                  placeholder="请输入批准文号"
-                ></el-input>
               </el-form-item>
             </el-col>
           </el-row>
@@ -41,32 +30,24 @@
         <el-row>
           <el-col :span="7">
             <el-form-item label="生产企业">
-              <el-input
+              <el-input v-model="form1.scqy" placeholder="请输入生产企业"></el-input>
-                v-model="form1.scqy"
-                placeholder="请输入生产企业"
-              ></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="7">
             <el-form-item label="剂型">
               <el-select v-model="form1.jx" placeholder="请选择剂型">
-                <el-option
+                <el-option v-for="item in jxType" :key="item" :label="item" :value="item">
-                  v-for="item in jxType"
-                  :key="item"
-                  :label="item"
-                  :value="item"
-                >
                 </el-option>
-              </el-select> </el-form-item
+              </el-select> </el-form-item></el-col>
-          ></el-col>
+
+          <div class="footBox">
+            <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
+            <el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
+          </div>
         </el-row>
+
       </el-form>
-      <div class="footBox">
+
-        <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
-        <el-button type="primary" icon="el-icon-search" @click="searchList"
-          >查询</el-button
-        >
-      </div>
     </div>
     <div class="tabsBottom">
       <div class="foot-main">
@@ -74,28 +55,12 @@
           <div class="searchP">药品列表</div>
         </div>
         <div class="exportBtn">
-          <el-button
+          <el-button type="primary" icon="el-icon-edit-outline" @click="exportList()">导出</el-button>
-            type="primary"
-            icon="el-icon-edit-outline"
-            @click="exportList()"
-            >导出</el-button
-          >
         </div>
         <section class="table-box">
           <div class="table-item">
-            <el-table
+            <el-table v-loading="loading" :data="tableData" border height="43vh" :stripe="false">
-              v-loading="loading"
+              <el-table-column type="index" label="序号" width="50" align="center" />
-              :data="tableData"
-              border
-              height="43vh"
-              :stripe="false"
-            >
-              <el-table-column
-                type="index"
-                label="序号"
-                width="50"
-                align="center"
-              />
               <el-table-column label="产品名称" align="center" width="230">
                 <template slot-scope="scope">
                   {{ scope.row.yptymc }}
@@ -121,32 +86,16 @@
                   {{ scope.row.ypscqymc }}
                 </template>
               </el-table-column>
-              <el-table-column
+              <el-table-column label="操作" class-name="small-padding fixed-width" width="140" align="center">
-                label="操作"
-                class-name="small-padding fixed-width"
-                width="140"
-                align="center"
-              >
                 <template slot-scope="scope">
-                  <el-button
+                  <el-button size="mini" plain type="primary" @click="toDetail(scope.row)">查看</el-button>
-                    size="mini"
-                    plain
-                    type="primary"
-                    @click="toDetail(scope.row)"
-                    >查看</el-button
-                  >
                 </template>
               </el-table-column>
             </el-table>
           </div>
         </section>
-        <pagination
+        <pagination :total="total" :page="form.current" :limit="form.size" @pagination="getPagination"
-          :total="total"
+          :current-page.sync="form.current"></pagination>
-          :page="form.current"
-          :limit="form.size"
-          @pagination="getPagination"
-          :current-page.sync="form.current"
-        ></pagination>
       </div>
     </div>
     <el-dialog title="提示" :visible.sync="showCK" width="30%">
@@ -208,7 +157,7 @@ export default {
       src: "",
     };
   },
-  mounted() {},
+  mounted() { },
   created() {
     this.chinaCosmetics(1);
   },
@@ -247,13 +196,10 @@ export default {
       });
     },
     exportList() {
-      this.src = `确定导出${
+      this.src = `确定导出${this.form1.cpmc ? `产品名称为${this.form1.cpmc}、` : ""
-        this.form1.cpmc ? `产品名称为${this.form1.cpmc}、` : ""
+        }${this.form1.ypfl ? `药品分类为${this.form1.ypfl}、` : ""}${this.form1.pzwh ? `批准文号为${this.form1.pzwh}、` : ""
-      }${this.form1.ypfl ? `药品分类为${this.form1.ypfl}、` : ""}${
+        }${this.form1.scqy ? `生产企业为${this.form1.scqy}、` : ""}${this.form1.jx ? `剂型为${this.form1.jx}、` : ""
-        this.form1.pzwh ? `批准文号为${this.form1.pzwh}、` : ""
+        }数据吗?`;
-      }${this.form1.scqy ? `生产企业为${this.form1.scqy}、` : ""}${
-        this.form1.jx ? `剂型为${this.form1.jx}、` : ""
-      }数据吗?`;
       this.showCK = true;
     },
     jieliuFunc() {
@@ -328,12 +274,15 @@ export default {
 ::v-deep .el-dialog:not(.is-fullscreen) {
   margin-top: 30vh !important;
 }
+
 ::v-deep .el-dialog__body {
   padding: 15px;
 }
+
 ::v-deep .el-select {
   width: 100% !important;
 }
+
 .container {
   height: 100%;
   // overflow: auto;
@@ -346,9 +295,11 @@ export default {
     color: #323233;
     font-size: 20px;
     font-weight: bold;
+
     .searchP {
       position: relative;
       cursor: pointer;
+
       &::before {
         content: "";
         width: 78px;
@@ -359,23 +310,28 @@ export default {
       }
     }
   }
+
   .tabs {
     width: 100%;
     height: 30%;
     background: #fff;
   }
 }
+
 //===================
 ::v-deep .el-button--medium {
   padding: 8px;
 }
+
 .footBox {
-  width: 100%;
+  width: 87.5%;
-  text-align: center;
+  text-align: right;
 }
+
 .tabsBottom {
   // height: 70%;
   padding-top: 10px;
+
   .foot-main {
     height: 100%;
     // min-height: 600px;
@@ -383,23 +339,28 @@ export default {
     background: white;
   }
 }
+
 .exportBtn {
   padding: 10px 20px;
 }
+
 .table-box {
   overflow-y: auto;
   padding: 0 20px;
-  .table-item {
+
-  }
+  .table-item {}
 }
+
 .pagination {
   display: flex;
   justify-content: space-between;
   padding: 15px 20px;
 }
+
 ::v-deep.el-table--medium .el-table__cell {
   padding: 7px 0;
 }
+
 ::v-deep .el-table {
   overflow: auto;
 }

src/views/productsMsg/zyzj.vue

@@ -7,41 +7,41 @@
       <el-form ref="form1" :model="form1" label-width="80px">
         <div style="margin-top: 10px">
           <el-row>
-            <el-col :span="11">
+            <el-col :span="7">
               <el-form-item label="通用名称">
                 <el-input v-model="form1.tymc" placeholder="请输入通用名称"></el-input>
               </el-form-item>
             </el-col>
-            <el-col :span="11">
+            <el-col :span="7">
               <el-form-item label="备案号">
                 <el-input v-model="form1.bah" placeholder="请输入备案号"></el-input>
               </el-form-item>
             </el-col>
-
+            <el-col :span="7">
+              <el-form-item label=" 剂型">
+                <el-select v-model="form1.jx" placeholder=" 请选择剂型">
+                  <el-option v-for="item in ypType" :key="item" :label="item" :value="item">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+            </el-col>
           </el-row>
         </div>
         <el-row>
-          <el-col :span="11">
+          <el-col :span="7">
-            <el-form-item label=" 剂型">
+            <div class="logformitem">
-              <el-select v-model="form1.jx" placeholder=" 请选择剂型">
+              <el-form-item label="医疗机构名称">
-                <el-option v-for="item in ypType" :key="item" :label="item" :value="item">
+                <el-input v-model="form1.yljgmc" placeholder="请输入医疗机构名称"></el-input>
-                </el-option>
+              </el-form-item>
-              </el-select>
+            </div>
-            </el-form-item>
-          </el-col>
-
-          <el-col :span="11">
-            <el-form-item label="医疗机构名称">
-              <el-input v-model="form1.yljgmc" placeholder="请输入医疗机构名称"></el-input>
-            </el-form-item>
           </el-col>
-
+          <div class="footBox">
+            <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
+            <el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
+          </div>
         </el-row>
       </el-form>
-      <div class="footBox">
+
-        <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
-        <el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
-      </div>
     </div>
     <div class="tabsBottom">
       <div class="foot-main">
@@ -55,7 +55,7 @@
           <div class="table-item">
             <el-table v-loading="loading" :data="tableData" border height="43vh" :stripe="false">
               <el-table-column type="index" label="序号" width="50" align="center" />
-              <el-table-column label="通用名称" align="center" >
+              <el-table-column label="通用名称" align="center">
                 <template slot-scope="scope">
                   {{ scope.row.tymc }}
                 </template>
@@ -65,17 +65,17 @@
                   {{ scope.row.bah }}
                 </template>
               </el-table-column>
-              <el-table-column label="剂型" align="center" >
+              <el-table-column label="剂型" align="center">
                 <template slot-scope="scope">
                   {{ scope.row.jx }}
                 </template>
               </el-table-column>
-              <el-table-column label="医疗机构名称" align="center" >
+              <el-table-column label="医疗机构名称" align="center">
                 <template slot-scope="scope">
                   {{ scope.row.yljgmc }}
                 </template>
               </el-table-column>
-              <el-table-column label="操作" class-name="small-padding fixed-width" width="70"  align="center">
+              <el-table-column label="操作" class-name="small-padding fixed-width" width="70" align="center">
                 <template slot-scope="scope">
                   <el-button size="mini" plain type="primary" @click="toDetail(scope.row)">查看</el-button>
                 </template>
@@ -109,8 +109,8 @@ export default {
       tableData: [],
       total: 0,
       form1: {
-       //通用名称
+        //通用名称
-       tymc: "",
+        tymc: "",
         //备案号
         bah: "",
         //剂型
@@ -314,8 +314,8 @@ export default {
 }
 
 .footBox {
-  width: 100%;
+  width: 87.5%;
-  text-align: center;
+  text-align: right;
 }
 
 .tabsBottom {
@@ -354,4 +354,10 @@ export default {
 ::v-deep .el-table {
   overflow: auto;
 }
+
+::v-deep .logformitem {
+  .el-form-item__label {
+    line-height: 25px;
+  }
+}
 </style>

src/views/tool/build/index.vue

@@ -521,6 +521,7 @@ export default {
 
 .left-scrollbar .el-scrollbar__view {
   overflow-x: hidden;
+  
 }
 
 .el-rate {