修改bug

src/App.vue

@@ -32,12 +32,39 @@ export default {
               unzip ggfw-dangan.zip -d .  解压
       	
               rm ./html.zip 删除当前目录下的压缩包 弹出确定删除 打 y 并回车
-*/
+      
+   */
   },
 };
 </script>
-<style scoped>
+<style >
 #app .theme-picker {
   display: none;
 }
+
+.el-form-item--medium {
+  margin-left: 40px;
+  display: flex;
+}
+
+.el-form-item__label {
+  width: 110px;
+}
+
+.el-form-item__content {
+  flex: 10;
+}
+
+.el-input__inner {
+  width: 100%;
+}
+
+
+.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
+  background: #e9eff7;
+}
+.el-table--medium .el-table__cell {
+  padding: 10px 0;
+}
+
 </style>

src/layout/components/AppMain.vue

@@ -60,7 +60,8 @@ export default {
 }
 
 ::-webkit-scrollbar {
-  width: 6px;
+  margin: 0;
+  width: 10px;
   height: 6px;
 }
 

src/main.js

@@ -15,7 +15,10 @@ Element.Table.props.stripe = {
   default: true,
   type: Boolean,
 };
-
+Element.Table.props['row-class-name'] = {
+  default: 'tableRowClassName',
+  type: String,
+};
 // 带有边框
 // Element.Table.props.border = {
 //   default: true,

src/views/portal/index.vue

@@ -34,29 +34,29 @@ export default {
       data: [
         {
           value: "药品档案",
-          image: require('@/assets/images/home/dangan1.png'),
-          bg: require('@/assets/images/home/danganbg1.png'),
+          image: require('@/assets/images/home/tu1.png'),
+          bg: require('@/assets/images/home/application-bg.png'),
           name: "drugArchives"
         },
         {
           value: "医疗器械档案"
           ,
-          image: require('@/assets/images/home/dangan2.png'),
-          bg: require('@/assets/images/home/danganbg2.png'),
+          image: require('@/assets/images/home/tu2.png'),
+          bg: require('@/assets/images/home/application-bg.png'),
           name: "health"
         },
         {
           value: "化妆品档案"
           ,
-          image: require('@/assets/images/home/dangan3.png'),
-          bg: require('@/assets/images/home/danganbg3.png'),
+          image: require('@/assets/images/home/tu3.png'),
+          bg: require('@/assets/images/home/application-bg.png'),
           name: "cosmeticsArchives"
         },
         {
           value: "传统中药制剂档案"
           ,
-          image: require('@/assets/images/home/dangan4.png'),
-          bg: require('@/assets/images/home/danganbg4.png'),
+          image: require('@/assets/images/home/tu4.png'),
+          bg: require('@/assets/images/home/application-bg.png'),
           name: "zyzj"
         },
       ]
@@ -165,15 +165,15 @@ export default {
     align-items: center;
 
     img {
-      width: 40px;
-      height: 40px;
+      width: 80px;
+      height: 80px;
     }
 
     span {
+      min-width: 160px;
       font-weight: 600;
       color: #39404D;
       font-size: 20px;
-      margin-left: 20px;
     }
   }
 }

src/views/productsMsg/components/cosmeticsArchives.vue

@@ -4,7 +4,7 @@
       <div class="headerText">
         <div class="searchP">查询条件</div>
       </div>
-      <el-form ref="form1" :model="form1" label-width="100px">
+      <el-form ref="form1" :model="form1">
         <div style="margin-top: 10px">
           <el-row>
             <div class="title-box">基本信息查询：</div>
@@ -48,11 +48,11 @@
           <div class="footBox" v-show="bthshow">
             <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
             <el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
+            <el-button type="success" icon="el-icon-circle-plus-outline" @click="collapsechange(0)">展开</el-button>
           </div>
         </el-row>
 
-        <el-collapse @change="collapsechange">
-          <el-collapse-item :title="scoltitle" name="1">
+        <div v-show="!bthshow">
           <el-row>
             <div class="title-box">产品抽检信息查询：</div>
             <el-col :span="7">
@@ -92,9 +92,11 @@
               </el-form-item>
             </el-col>
             <el-col :span="7">
+              <div class="logformitem">
                 <el-form-item label="不良反应报告编号">
                   <el-input v-model="form1.blfybgbh" placeholder="请输入不良反应报告编号"></el-input>
                 </el-form-item>
+              </div>
             </el-col>
             <el-col :span="7">
               <el-form-item label="不良反应类型">
@@ -103,12 +105,12 @@
             </el-col>
 
           </el-row>
-            <div class="footBox" v-show="!bthshow">
+          <div class="footBox " v-show="!bthshow">
             <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
             <el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
+            <el-button type="success" icon="el-icon-remove-outline" @click="collapsechange(1)">收起</el-button>
+          </div>
         </div>
-          </el-collapse-item>
-        </el-collapse>
       </el-form>
 
     </div>
@@ -122,7 +124,7 @@
         </div>
         <section class="table-box">
           <div class="table-item">
-            <el-table v-loading="loading" :data="tableData" border height="43vh" :stripe="false">
+            <el-table v-loading="loading" :data="tableData" border height="43vh">
               <el-table-column type="selection" width="35" align="center" />
               <el-table-column type="index" label="序号" width="55" align="center" />
               <el-table-column label="产品名称" align="center">
@@ -142,7 +144,7 @@
               </el-table-column>
               <el-table-column label="操作" class-name="small-padding fixed-width" width="140" align="center">
                 <template slot-scope="scope">
-                  <el-button size="mini" plain type="primary" @click="toDetail(scope.row)">详情</el-button>
+                  <el-button size="mini" type="primary" @click="toDetail(scope.row)">详情</el-button>
                   <!-- <el-button size="mini" plain type="warning">编辑</el-button> -->
                 </template>
               </el-table-column>
@@ -238,16 +240,11 @@ export default {
   },
   methods: {
     collapsechange(e) {
-      console.log(e);
-      if (e.length == 0) {
-        this.bthshow = true
-        this.scoltitle = "展开"
-      } else {
+      if (e == 0) {
         this.bthshow = false
-        this.scoltitle = "收起"
-
+      } else {
+        this.bthshow = true
       }
-      console.log(this.bthshow);
     },
     openDC() {
       this.showCK = false;
@@ -486,6 +483,7 @@ export default {
   }
 
   .tabs {
+    padding-bottom: 10px;
     width: 100%;
 
     background: #fff;
@@ -529,9 +527,6 @@ export default {
   padding: 15px 20px;
 }
 
-::v-deep.el-table--medium .el-table__cell {
-  padding: 5.3px 0;
-}
 
 ::v-deep .el-table {
   overflow: auto;
@@ -560,4 +555,10 @@ export default {
 ::v-deep .el-collapse {
   border: none;
 }
+
+::v-deep .logformitem {
+  .el-form-item__label {
+    line-height: 25px;
+  }
+}
 </style>

src/views/productsMsg/components/health.vue

@@ -4,7 +4,7 @@
       <div class="headerText">
         <div class="searchP">查询条件</div>
       </div>
-      <el-form ref="form1" :model="form1" label-width="90px">
+      <el-form ref="form1" :model="form1">
         <div style="margin-top: 10px">
           <el-row>
             <div class="title-box">基本信息查询：</div>
@@ -47,10 +47,10 @@
           <div class="footBox" v-show="bthshow">
             <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
             <el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
+            <el-button type="success" icon="el-icon-circle-plus-outline" @click="collapsechange(0)">展开</el-button>
           </div>
         </el-row>
-        <el-collapse @change="collapsechange">
-          <el-collapse-item :title="scoltitle" name="1">
+        <div v-show="!bthshow">
           <el-row>
             <div class="title-box">审评受理信息查询：</div>
             <el-col :span="7">
@@ -135,12 +135,13 @@
             <div class="footBox" v-show="!bthshow">
               <el-button icon="el-icon-refresh-left" @click="reset">重置</el-button>
               <el-button type="primary" icon="el-icon-search" @click="searchList">查询</el-button>
+              <el-button type="success" icon="el-icon-remove-outline"  @click="collapsechange(1)">收起</el-button>
+
             </div>
           </el-row>
 
-          </el-collapse-item>
 
-        </el-collapse>
+        </div>
 
       </el-form>
 
@@ -167,7 +168,7 @@
               </el-table-column>
               <el-table-column label="操作" class-name="small-padding fixed-width" width="120" align="center">
                 <template slot-scope="scope">
-                  <el-button size="mini" plain type="primary" @click="toDetail(scope.row)">详情</el-button>
+                  <el-button size="mini" type="primary" @click="toDetail(scope.row)">详情</el-button>
                   <!-- <el-button size="mini" plain type="warning">编辑</el-button> -->
                 </template>
               </el-table-column>
@@ -242,7 +243,7 @@ export default {
       showCK: false,
       src: "",
       bthshow: true,
-      scoltitle:"展开"
+      scoltitle: "展开"
     };
   },
   mounted() {
@@ -258,16 +259,11 @@ export default {
   },
   methods: {
     collapsechange(e) {
-      console.log(e);
-      if (e.length == 0) {
-        this.bthshow = true
-        this.scoltitle = "展开"
-      } else {
+      if (e == 0) {
         this.bthshow = false
-        this.scoltitle = "收起"
-
+      } else {
+        this.bthshow = true
       }
-      console.log(this.bthshow);
     },
     openDC() {
       this.showCK = false;
@@ -455,9 +451,6 @@ export default {
   padding: 15px 20px;
 }
 
-::v-deep.el-table--medium .el-table__cell {
-  padding: 5.3px 0;
-}
 
 ::v-deep .el-table {
   overflow: auto;
@@ -473,6 +466,10 @@ export default {
   border: none;
 }
 
+::v-deep .el-form-item__content {
+  margin: 0;
+}
+
 ::v-deep .el-collapse-item__header {
   padding-left: 80vw;
   font-size: 20px;

src/views/productsMsg/index.vue

@@ -4,7 +4,7 @@
       <div class="headerText">
         <div class="searchP">查询条件</div>
       </div>
-      <el-form ref="form1" :model="form1" label-width="80px">
+      <el-form ref="form1" :model="form1" >
         <div style="margin-top: 10px">
           <el-row>
             <el-col :span="21">
@@ -66,7 +66,7 @@
         </div>
         <section class="table-box">
           <div class="table-item">
-            <el-table v-loading="loading" :data="tableData" border height="43vh" :stripe="false">
+            <el-table v-loading="loading" :data="tableData" border height="43vh" >
               <el-table-column type="index" label="序号" width="50" align="center" />
               <el-table-column label="产品名称" align="center" width="230">
                 <template slot-scope="scope">
@@ -95,7 +95,7 @@
               </el-table-column>
               <el-table-column label="操作" class-name="small-padding fixed-width" width="140" align="center">
                 <template slot-scope="scope">
-                  <el-button size="mini" plain type="primary" @click="toDetail(scope.row)">查看</el-button>
+                  <el-button size="mini"  type="primary" @click="toDetail(scope.row)" >查看</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -373,9 +373,7 @@ export default {
   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

@@ -4,7 +4,7 @@
       <div class="headerText">
         <div class="searchP">查询条件</div>
       </div>
-      <el-form ref="form1" :model="form1" label-width="80px">
+      <el-form ref="form1" :model="form1" >
         <div style="margin-top: 10px">
           <el-row>
             <el-col :span="21">
@@ -60,7 +60,7 @@
         </div>
         <section class="table-box">
           <div class="table-item">
-            <el-table v-loading="loading" :data="tableData" border height="43vh" :stripe="false">
+            <el-table v-loading="loading" :data="tableData" border height="43vh" >
               <el-table-column type="index" label="序号" width="50" align="center" />
               <el-table-column label="通用名称" align="center">
                 <template slot-scope="scope">
@@ -84,7 +84,7 @@
               </el-table-column>
               <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>
+                  <el-button size="mini"  type="primary" @click="toDetail(scope.row)">查看</el-button>
                 </template>
               </el-table-column>
             </el-table>
@@ -363,17 +363,13 @@ export default {
   padding: 15px 20px;
 }
 
-::v-deep.el-table--medium .el-table__cell {
-  padding: 7px 0;
-}
+
 
 ::v-deep .el-table {
   overflow: auto;
 }
 
 ::v-deep .logformitem {
-  .el-form-item__label {
-    line-height: 25px;
-  }
+  
 }
 </style>