搜索功能

src/views/bigpage/bigcomponents/Basicbox.vue

@@ -3,7 +3,7 @@
     <div class="Basic-box">
         <div class="Basic-box-item" v-for="(item, index) in BasicList" :key="index">
             <div>{{ item.name }}</div>
-            <div>{{ item.value }}</div>
+            <div class="item-value">{{ item.value }}</div>
         </div>
     </div>
 </template>
@@ -14,8 +14,9 @@ export default {
     components: {},
     data() {
         return {
-            BasicList: [
-                { name: "药品通用名称：", value: "复方枸杞子胶囊" },
+            BasicList: [],
+            ypList: [
+                { name: "药品通用名称:", value: "复方枸杞子胶囊" },
                 { name: "药品分类:", value: "中药" },
                 { name: "剂型:", value: "胶囊剂" },
                 { name: "规格:", value: "每粒0.5克" },
@@ -23,12 +24,38 @@ export default {
                 { name: "批准文号期限:", value: "2023-06-08" },
                 { name: "上市许可证持有人:", value: "沈阳xx药业股份有限公司" },
                 { name: "生产企业:", value: "复方枸杞子胶囊" },
-                { name: "执行标准：", value: "复方枸杞子胶囊" },
+                { name: "执行标准:", value: "复方枸杞子胶囊" },
+            ],
+            ylqxList: [
+                { name: "产品名称:", value: "复方枸杞子胶囊" },
+                { name: "产品类型:", value: "中药" },
+                { name: "管理类别:", value: "胶囊剂" },
+                { name: "型号规格:", value: "每粒0.5克" },
+                { name: "备案编号:", value: "国标批准文号B25818818" },
+                { name: "备案人名称:", value: "2023-06-08" },
+                { name: "产品有效期:", value: "沈阳xx药业股份有限公司" },
+                { name: "结构特征:", value: "复方枸杞子胶囊" },
+                { name: "境内进口:", value: "复方枸杞子胶囊" },
+                { name: "生产地址:", value: "复方枸杞子胶囊" },
+                { name: "生产标准:", value: "复方枸杞子胶囊" },
+            ],
+            hzpList: [
+                { name: "产品名称:", value: "复方枸杞子胶囊" },
+                { name: "产品类型:", value: "中药" },
+                { name: "型号规格:", value: "胶囊剂" },
+                { name: "备案编号:", value: "每粒0.5克" },
+                { name: "备案人名称:", value: "国标批准文号B25818818" },
+                { name: "产品有效期:", value: "2023-06-08" },
+                { name: "境内进口:", value: "沈阳xx药业股份有限公司" },
+                { name: "生产地址:", value: "复方枸杞子胶囊" },
+                { name: "生产标准:", value: "复方枸杞子胶囊" },
             ]
         }
     },
     created() { },
-    mounted() { },
+    mounted() {
+        
+    },
     methods: {},
     computed: {}
 }
@@ -64,16 +91,19 @@ export default {
         }
 
         div:nth-of-type(1) {
-            flex: 1;
+            // flex: 1;
             /* 第二个子元素的样式 */
             font-size: 16px;
             font-family: Medium;
             font-weight: 400;
             color: #7CA8F4;
+            margin-right: 10px;
         }
 
         div:nth-of-type(2) {
             /* 第二个子元素的样式 */
+            flex: 1;
+            text-align: right;
             font-size: 14px;
             font-family: Regular;
             font-weight: 400;