fix: 修改交班部分文件名称，修改部分深度作用样式

src/views/inventory/consumables/components/addConsTakin.vue

@@ -223,10 +223,8 @@ export default {
 </script>
 
 <style scoped lang="scss">
-.lose {
-  &::v-deep .el-input__inner {
-    color: rgb(238, 29, 29);
-  }
+:deep(.lose .el-input__inner) {
+  color: rgb(238, 29, 29);
 }
 
 .shop_info {

src/views/inventory/consumables/index.vue

@@ -26,19 +26,35 @@
         </el-tag>
       </template>
       <template #goods="scope">
-        <div class="goods_info">
-          <div class="row" v-for="item in scope.row.productList" :key="item.id">
-            <el-image :src="item.productImg" class="cover" lazy></el-image>
-            <div class="info">
-              <div class="name">
-                <span :class="[item.isVip == 1 ? 'colorStyle' : '']">
-                  {{ item.productName }}
-                </span>
-                <span class="refund" v-if="item.refundNumber">(退 - {{ item.refundNumber }})</span>
-              </div>
-              <div class="sku">{{ item.productSkuName }}</div>
-            </div>
+        <div class="goodslang">
+          <div class="goods-list">
+            <el-button
+              v-for="item in scope.row.productList"
+              @click="toGoods(item.id)"
+              :key="item.productId"
+              type="text"
+            >
+              {{ item.name }}
+            </el-button>
+            <span v-if="scope.row.productList.length > 1">,</span>
           </div>
+          <el-dropdown trigger="click" v-if="scope.row.productList.length > 1" @command="toGoods">
+            <span class="el-dropdown-link" style="color: blue">
+              <el-icon><CaretBottom /></el-icon>
+            </span>
+            <template #dropdown>
+              <el-dropdown-menu>
+                <el-dropdown-item
+                  class="clearfix"
+                  v-for="item in scope.row.productList"
+                  :key="item.id"
+                  :command="item.id"
+                >
+                  {{ item.name }}
+                </el-dropdown-item>
+              </el-dropdown-menu>
+            </template>
+          </el-dropdown>
         </div>
       </template>
 
@@ -123,7 +139,6 @@ async function handleEditClick(row: IObject) {
   console.log({ ...row });
   editModalRef.value?.setFormData({ ...row, url: [row.url] });
 }
-1;
 // 其他工具栏
 function handleToolbarClick(name: string) {
   console.log(name);
@@ -180,7 +195,35 @@ const refDetail = ref();
 function showdetail(row: OrderInfoVo) {
   refDetail.value.show(row);
 }
+function toGoods(id: number) {
+  router.push({
+    path: "/product/index",
+    query: {
+      id,
+    },
+  });
+}
 </script>
 
 <style scoped lang="scss">
+.goodslang {
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+
+  .goods-list {
+    overflow: hidden; //超出的文本隐藏
+    text-overflow: ellipsis; //溢出用省略号显示
+    white-space: nowrap; //溢出不换行
+  }
+
+  :deep(.goods-list .el-button--text span) {
+    display: block;
+    text-align: left;
+  }
+
+  :deep(.goods-list .el-button--text) {
+    white-space: break-spaces;
+  }
+}
 </style>