dev

src/components/UnitSelector.vue

@@ -2,7 +2,7 @@
 <template>
     <div class="box">
       <ul class="item-list">
-        <div v-for="(item, index) in units" :class="['item',(index+1)%4 == 0 ? 'last-item' : '',item==curItem?'active':'']" @click="selectItem(item)">{{item}}</div>
+        <div v-for="(item, index) in props.units" :class="['item',(index+1)%4 == 0 ? 'last-item' : '',item==curItem?'active':'']" @click="selectItem(item)">{{item}}</div>
       </ul>
     </div>
 

src/components/common/goods/GoodsDetail.vue

@@ -45,17 +45,16 @@
         </el-table-column>
         <el-table-column label="使用方法" width="200">
           <template #default="scope">
-            <el-input ref="minPackagingRef" v-model="scope.row.minPackagingNumber" type="number"
+            <el-input v-model="usage" placeholder="请输入使用方法" style="width: 100px"></el-input>
-                      class="input"
-                      style="width: 200px;">
-            </el-input>
             <el-popover
                 placement="bottom"
                 title="Title"
                 :width="200"
                 trigger="click"
             >
-              <UnitSelector :units="packagingUnit" v-model="scope.row.minPackagingUnit"></UnitSelector>
+              <template #default>
+                <Usage></Usage>
+              </template>
             </el-popover>
           </template>
         </el-table-column>
@@ -132,8 +131,8 @@ import {nextTick, onMounted, ref} from "vue";
 import {post} from "@/utils/request.ts";
 import {ElMessage} from "element-plus";
 import {Delete} from "@element-plus/icons-vue";
-import {packagingUnit} from "@/utils/unitList.ts";
+import Usage from "./goodsDetail/Usage.vue"
-import UnitSelector from "@/components/UnitSelector.vue";
+import usageList from "@/assets/config/directory/drugMedcWayCode.json"
 
 const props = defineProps({
   status: {
@@ -145,6 +144,7 @@ const props = defineProps({
     default: false
   }
 })
+const usage = ref('')
 const showTooltip = ref(false);
 const goodsDetail = defineModel<any>();
 const delGoods = (item: any) => {

src/components/common/goods/goodsDetail/Usage.vue

@@ -0,0 +1,11 @@
+<script setup lang="ts">
+
+</script>
+
+<template>
+<div>11111111</div>
+</template>
+
+<style scoped lang="scss">
+
+</style>