From e97424262bd07f43a8198ee1cbb32af895f3f57a Mon Sep 17 00:00:00 2001
From: duan <1004387497@qq.com>
Date: Mon, 17 Mar 2025 16:06:51 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=20=E5=95=86=E5=93=81=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8-=E6=8A=A5=E6=8D=9F-=E5=94=AE=E7=BD=84-=E5=BA=93?=
 =?UTF-8?q?=E5=AD=98=E9=A2=84=E8=AD=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/product/index.ts                      |  23 ++
 src/components/CURD/PageContent.vue           | 283 +++++-------------
 src/views/product/index.vue                   | 102 ++++---
 src/views/product/indexconfig/content.ts      |  27 +-
 src/views/user/active/indexconfig/Content.vue |   4 +
 5 files changed, 182 insertions(+), 257 deletions(-)

diff --git a/src/api/product/index.ts b/src/api/product/index.ts
index 12ebdb4..49178e4 100644
--- a/src/api/product/index.ts
+++ b/src/api/product/index.ts
@@ -71,6 +71,29 @@ const AuthAPI = {
       params
     });
   },
+  // 报损
+  reportDamage(data: any) {
+    return request<any, Responseres>({
+      url: `${baseURL}/reportDamage`,
+      method: "post",
+      data,
+    });
+  },
+  // 库存预警
+  stockWarning(data: any) {
+    return request<any, Responseres>({
+      url: `${baseURL}/stockWarning?warnLine=${data}`,
+      method: "post",
+    });
+  },
+  // 售罄
+  markIsSoldOut(data: any) {
+    return request<any, Responseres>({
+      url: `${baseURL}/markIsSoldOut`,
+      method: "post",
+      data,
+    });
+  }
 };
 
 
diff --git a/src/components/CURD/PageContent.vue b/src/components/CURD/PageContent.vue
index 27d117b..aa59fcb 100644
--- a/src/components/CURD/PageContent.vue
+++ b/src/components/CURD/PageContent.vue
@@ -8,58 +8,37 @@
           <template v-if="typeof item === 'string'">
             <!-- 新增 -->
             <template v-if="item === 'add'">
-              <el-button
-                v-hasPerm="[`${contentConfig.pageName}:${item}`]"
-                type="primary"
-                icon="plus"
-                @click="handleToolbar(item)"
-              >
+              <el-button v-hasPerm="[`${contentConfig.pageName}:${item}`]" type="primary" icon="plus"
+                @click="handleToolbar(item)">
                 新增
               </el-button>
             </template>
             <!-- 删除 -->
             <template v-else-if="item === 'delete'">
-              <el-button
-                v-hasPerm="[`${contentConfig.pageName}:${item}`]"
-                type="danger"
-                icon="delete"
-                :disabled="removeIds.length === 0"
-                @click="handleToolbar(item)"
-              >
+              <el-button v-hasPerm="[`${contentConfig.pageName}:${item}`]" type="danger" icon="delete"
+                :disabled="removeIds.length === 0" @click="handleToolbar(item)">
                 删除
               </el-button>
             </template>
             <!-- 导入 -->
             <template v-else-if="item === 'import'">
-              <el-button
-                v-hasPerm="[`${contentConfig.pageName}:${item}`]"
-                type="default"
-                icon="upload"
-                @click="handleToolbar(item)"
-              >
+              <el-button v-hasPerm="[`${contentConfig.pageName}:${item}`]" type="default" icon="upload"
+                @click="handleToolbar(item)">
                 导入
               </el-button>
             </template>
             <!-- 导出 -->
             <template v-else-if="item === 'export'">
-              <el-button
-                v-hasPerm="[`${contentConfig.pageName}:${item}`]"
-                type="default"
-                icon="download"
-                @click="handleToolbar(item)"
-              >
+              <el-button v-hasPerm="[`${contentConfig.pageName}:${item}`]" type="default" icon="download"
+                @click="handleToolbar(item)">
                 导出
               </el-button>
             </template>
           </template>
           <!-- 其他 -->
           <template v-else-if="typeof item === 'object'">
-            <el-button
-              v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]"
-              :icon="item.icon"
-              :type="item.type ?? 'default'"
-              @click="handleToolbar(item.name)"
-            >
+            <el-button v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]" :icon="item.icon"
+              :type="item.type ?? 'default'" @click="handleToolbar(item.name)">
               {{ item.text }}
             </el-button>
           </template>
@@ -88,68 +67,36 @@
             </template>
             <!-- 导出 -->
             <template v-else-if="item === 'exports'">
-              <el-button
-                v-hasPerm="[`${contentConfig.pageName}:export`]"
-                icon="download"
-                circle
-                title="导出"
-                @click="handleToolbar(item)"
-              />
+              <el-button v-hasPerm="[`${contentConfig.pageName}:export`]" icon="download" circle title="导出"
+                @click="handleToolbar(item)" />
             </template>
             <!-- 导入 -->
             <template v-else-if="item === 'imports'">
-              <el-button
-                v-hasPerm="[`${contentConfig.pageName}:import`]"
-                icon="upload"
-                circle
-                title="导入"
-                @click="handleToolbar(item)"
-              />
+              <el-button v-hasPerm="[`${contentConfig.pageName}:import`]" icon="upload" circle title="导入"
+                @click="handleToolbar(item)" />
             </template>
             <!-- 搜索 -->
             <template v-else-if="item === 'search'">
-              <el-button
-                v-hasPerm="[`${contentConfig.pageName}:query`]"
-                icon="search"
-                circle
-                title="搜索"
-                @click="handleToolbar(item)"
-              />
+              <el-button v-hasPerm="[`${contentConfig.pageName}:query`]" icon="search" circle title="搜索"
+                @click="handleToolbar(item)" />
             </template>
           </template>
           <!-- 其他 -->
           <template v-else-if="typeof item === 'object'">
             <template v-if="item.auth">
-              <el-button
-                v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]"
-                :icon="item.icon"
-                circle
-                :title="item.title"
-                @click="handleToolbar(item.name)"
-              />
+              <el-button v-hasPerm="[`${contentConfig.pageName}:${item.auth}`]" :icon="item.icon" circle
+                :title="item.title" @click="handleToolbar(item.name)" />
             </template>
             <template v-else>
-              <el-button
-                :icon="item.icon"
-                circle
-                :title="item.title"
-                @click="handleToolbar(item.name)"
-              />
+              <el-button :icon="item.icon" circle :title="item.title" @click="handleToolbar(item.name)" />
             </template>
           </template>
         </template>
       </div>
     </div>
     <!-- 列表 -->
-    <el-table
-      ref="tableRef"
-      v-loading="loading"
-      v-bind="contentConfig.table"
-      :data="pageData"
-      :row-key="pk"
-      @selection-change="handleSelectionChange"
-      @filter-change="handleFilterChange"
-    >
+    <el-table ref="tableRef" v-loading="loading" v-bind="contentConfig.table" :data="pageData" :row-key="pk"
+      @selection-change="handleSelectionChange" @filter-change="handleFilterChange">
       <template v-for="col in cols" :key="col">
         <el-table-column v-if="col.show" v-bind="col">
           <template #default="scope">
@@ -158,24 +105,15 @@
               <template v-if="col.prop">
                 <template v-if="Array.isArray(scope.row[col.prop])">
                   <template v-for="(item, index) in scope.row[col.prop]" :key="item">
-                    <el-image
-                      :src="item"
-                      :preview-src-list="scope.row[col.prop]"
-                      :initial-index="index"
-                      :preview-teleported="true"
-                      :style="`width: ${col.imageWidth ?? 40}px; height: ${
-                        col.imageHeight ?? 40
-                      }px`"
-                    />
+                    <el-image :src="item" :preview-src-list="scope.row[col.prop]" :initial-index="index"
+                      :preview-teleported="true" :style="`width: ${col.imageWidth ?? 40}px; height: ${col.imageHeight ?? 40
+                        }px`" />
                   </template>
                 </template>
                 <template v-else>
-                  <el-image
-                    :src="scope.row[col.prop]"
-                    :preview-src-list="[scope.row[col.prop]]"
+                  <el-image :src="scope.row[col.prop]" :preview-src-list="[scope.row[col.prop]]"
                     :preview-teleported="true"
-                    :style="`width: ${col.imageWidth ?? 40}px; height: ${col.imageHeight ?? 40}px`"
-                  />
+                    :style="`width: ${col.imageWidth ?? 40}px; height: ${col.imageHeight ?? 40}px`" />
                 </template>
               </template>
             </template>
@@ -197,30 +135,20 @@
             <template v-else-if="col.templet === 'switch'">
               <template v-if="col.prop">
                 <!-- pageData.length>0: 解决el-switch组件会在表格初始化的时候触发一次change事件 -->
-                <el-switch
-                  v-model="scope.row[col.prop]"
-                  :active-value="col.activeValue ?? 1"
-                  :inactive-value="col.inactiveValue ?? 0"
-                  :inline-prompt="true"
-                  :active-text="col.activeText ?? ''"
-                  :inactive-text="col.inactiveText ?? ''"
-                  :validate-event="false"
-                  :disabled="!hasAuth(`${contentConfig.pageName}:modify`)"
-                  @change="
+                <el-switch v-model="scope.row[col.prop]" :active-value="col.activeValue ?? 1"
+                  :inactive-value="col.inactiveValue ?? 0" :inline-prompt="true" :active-text="col.activeText ?? ''"
+                  :inactive-text="col.inactiveText ?? ''" :validate-event="false"
+                  :disabled="!hasAuth(`${contentConfig.pageName}:modify`)" @change="
                     pageData.length > 0 && handleModify(col.prop, scope.row[col.prop], scope.row)
-                  "
-                />
+                    " />
               </template>
             </template>
             <!-- 生成输入框组件 -->
             <template v-else-if="col.templet === 'input'">
               <template v-if="col.prop">
-                <el-input
-                  v-model="scope.row[col.prop]"
-                  :type="col.inputType ?? 'text'"
+                <el-input v-model="scope.row[col.prop]" :type="col.inputType ?? 'text'"
                   :disabled="!hasAuth(`${contentConfig.pageName}:modify`)"
-                  @blur="handleModify(col.prop, scope.row[col.prop], scope.row)"
-                />
+                  @blur="handleModify(col.prop, scope.row[col.prop], scope.row)" />
               </template>
             </template>
             <!-- 格式化为价格 -->
@@ -252,7 +180,7 @@
                 {{
                   scope.row[col.prop]
                     ? useDateFormat(scope.row[col.prop], col.dateFormat ?? "YYYY-MM-DD HH:mm:ss")
-                        .value
+                      .value
                     : ""
                 }}
               </template>
@@ -263,63 +191,44 @@
                 <template v-if="typeof item === 'string'">
                   <!-- 编辑/删除 -->
                   <template v-if="item === 'edit' || item === 'delete'">
-                    <el-button
-                      v-hasPerm="[`${contentConfig.pageName}:${item}`]"
-                      :type="item === 'edit' ? 'primary' : 'danger'"
-                      :icon="item"
-                      size="small"
-                      link
-                      @click="
+                    <el-button v-hasPerm="[`${contentConfig.pageName}:${item}`]"
+                      :type="item === 'edit' ? 'primary' : 'danger'" :icon="item" size="small" link @click="
                         handleOperat({
                           name: item,
                           row: scope.row,
                           column: scope.column,
                           $index: scope.$index,
                         })
-                      "
-                    >
+                        ">
                       {{ item === "edit" ? "编辑" : "删除" }}
                     </el-button>
                   </template>
                 </template>
                 <!-- 其他 -->
                 <template v-else-if="typeof item === 'object'">
-                  <el-dropdown>
-                    <el-button
-                      v-if="item.render === undefined || item.render(scope.row)"
-                      v-bind="
-                        item.auth ? { 'v-hasPerm': [`${contentConfig.pageName}:${item.auth}`] } : {}
-                      "
-                      :icon="item.icon"
-                      :type="item.type ?? 'primary'"
-                      size="small"
-                      link
-                      @click="
+                  <el-dropdown style="margin-top: 4px;">
+                    <el-button v-if="item.render === undefined || item.render(scope.row)" v-bind="item.auth ? { 'v-hasPerm': [`${contentConfig.pageName}:${item.auth}`] } : {}
+                      " :icon="item.icon" :type="item.type ?? 'primary'" size="small" link @click="
                         handleOperat({
                           name: item.name,
                           row: scope.row,
                           column: scope.column,
                           $index: scope.$index,
                         })
-                      "
-                    >
+                        ">
                       {{ item.text }}
                     </el-button>
                     <template #dropdown v-if="item.options && item.options.length > 0">
                       <el-dropdown-menu>
-                        <el-dropdown-item
-                          @click="
-                            handleOperat({
-                              name: item.name,
-                              row: scope.row,
-                              column: scope.column,
-                              $index: scope.$index,
-                              command: opt.command ? opt.command : '',
-                            })
-                          "
-                          v-for="opt in item.options"
-                          :key="opt.value"
-                        >
+                        <el-dropdown-item @click="
+                          handleOperat({
+                            name: item.name,
+                            row: scope.row,
+                            column: scope.column,
+                            $index: scope.$index,
+                            command: opt.command ? opt.command : '',
+                          })
+                          " v-for="opt in item.options" :key="opt.value">
                           {{ opt.label }}
                         </el-dropdown-item>
                       </el-dropdown-menu>
@@ -340,33 +249,18 @@
     <template v-if="showPagination">
       <el-scrollbar>
         <div class="mt-[12px]">
-          <el-pagination
-            v-bind="pagination"
-            @size-change="handleSizeChange"
-            @current-change="handleCurrentChange"
-          />
+          <el-pagination v-bind="pagination" @size-change="handleSizeChange" @current-change="handleCurrentChange" />
         </div>
       </el-scrollbar>
     </template>
     <!-- 导出弹窗 -->
-    <el-dialog
-      v-model="exportsModalVisible"
-      :align-center="true"
-      title="导出数据"
-      width="600px"
-      style="padding-right: 0"
-      @close="handleCloseExportsModal"
-    >
+    <el-dialog v-model="exportsModalVisible" :align-center="true" title="导出数据" width="600px" style="padding-right: 0"
+      @close="handleCloseExportsModal">
       <!-- 滚动 -->
       <el-scrollbar max-height="60vh">
         <!-- 表单 -->
-        <el-form
-          ref="exportsFormRef"
-          label-width="auto"
-          style="padding-right: var(--el-dialog-padding-primary)"
-          :model="exportsFormData"
-          :rules="exportsFormRules"
-        >
+        <el-form ref="exportsFormRef" label-width="auto" style="padding-right: var(--el-dialog-padding-primary)"
+          :model="exportsFormData" :rules="exportsFormRules">
           <el-form-item label="文件名" prop="filename">
             <el-input v-model="exportsFormData.filename" clearable />
           </el-form-item>
@@ -376,16 +270,10 @@
           <el-form-item label="数据源" prop="origin">
             <el-select v-model="exportsFormData.origin">
               <el-option label="当前数据 (当前页的数据)" :value="ExportsOriginEnum.CURRENT" />
-              <el-option
-                label="选中数据 (所有选中的数据)"
-                :value="ExportsOriginEnum.SELECTED"
-                :disabled="selectionData.length <= 0"
-              />
-              <el-option
-                label="全量数据 (所有分页的数据)"
-                :value="ExportsOriginEnum.REMOTE"
-                :disabled="contentConfig.exportsAction === undefined"
-              />
+              <el-option label="选中数据 (所有选中的数据)" :value="ExportsOriginEnum.SELECTED"
+                :disabled="selectionData.length <= 0" />
+              <el-option label="全量数据 (所有分页的数据)" :value="ExportsOriginEnum.REMOTE"
+                :disabled="contentConfig.exportsAction === undefined" />
             </el-select>
           </el-form-item>
           <el-form-item label="字段" prop="fields">
@@ -406,35 +294,17 @@
       </template>
     </el-dialog>
     <!-- 导入弹窗 -->
-    <el-dialog
-      v-model="importModalVisible"
-      :align-center="true"
-      title="导入数据"
-      width="600px"
-      style="padding-right: 0"
-      @close="handleCloseImportModal"
-    >
+    <el-dialog v-model="importModalVisible" :align-center="true" title="导入数据" width="600px" style="padding-right: 0"
+      @close="handleCloseImportModal">
       <!-- 滚动 -->
       <el-scrollbar max-height="60vh">
         <!-- 表单 -->
-        <el-form
-          ref="importFormRef"
-          label-width="auto"
-          style="padding-right: var(--el-dialog-padding-primary)"
-          :model="importFormData"
-          :rules="importFormRules"
-        >
+        <el-form ref="importFormRef" label-width="auto" style="padding-right: var(--el-dialog-padding-primary)"
+          :model="importFormData" :rules="importFormRules">
           <el-form-item label="文件名" prop="files">
-            <el-upload
-              ref="uploadRef"
-              v-model:file-list="importFormData.files"
-              class="w-full"
+            <el-upload ref="uploadRef" v-model:file-list="importFormData.files" class="w-full"
               accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
-              :drag="true"
-              :limit="1"
-              :auto-upload="false"
-              :on-exceed="handleFileExceed"
-            >
+              :drag="true" :limit="1" :auto-upload="false" :on-exceed="handleFileExceed">
               <el-icon class="el-icon--upload"><upload-filled /></el-icon>
               <div class="el-upload__text">
                 <span>将文件拖到此处，或</span>
@@ -443,13 +313,8 @@
               <template #tip>
                 <div class="el-upload__tip">
                   *.xlsx / *.xls
-                  <el-link
-                    v-if="contentConfig.importTemplate"
-                    type="primary"
-                    icon="download"
-                    :underline="false"
-                    @click="handleDownloadTemplate"
-                  >
+                  <el-link v-if="contentConfig.importTemplate" type="primary" icon="download" :underline="false"
+                    @click="handleDownloadTemplate">
                     下载模板
                   </el-link>
                 </div>
@@ -461,11 +326,7 @@
       <!-- 弹窗底部操作按钮 -->
       <template #footer>
         <div style="padding-right: var(--el-dialog-padding-primary)">
-          <el-button
-            type="primary"
-            :disabled="importFormData.files.length === 0"
-            @click="handleImportSubmit"
-          >
+          <el-button type="primary" :disabled="importFormData.files.length === 0" @click="handleImportSubmit">
             确 定
           </el-button>
           <el-button @click="handleCloseImportModal">取 消</el-button>
@@ -941,10 +802,10 @@ function fetchPageData(formData: IObject = {}, isRestart = false) {
     .indexAction(
       showPagination
         ? {
-            [request.pageName]: pagination.currentPage,
-            [request.limitName]: pagination.pageSize,
-            ...formData,
-          }
+          [request.pageName]: pagination.currentPage,
+          [request.limitName]: pagination.pageSize,
+          ...formData,
+        }
         : formData
     )
     .then((data) => {
diff --git a/src/views/product/index.vue b/src/views/product/index.vue
index f22318a..f040394 100644
--- a/src/views/product/index.vue
+++ b/src/views/product/index.vue
@@ -25,10 +25,26 @@
         <el-switch v-model="scope.row[scope.prop]" :active-value="1" :inactive-value="0"
           @click="handleSwitchChange(scope.row)"></el-switch>
       </template>
+      <template #sellOut="scope">
+        <el-switch v-model="scope.row[scope.prop]" :active-value="1" :inactive-value="0"
+          @click="handleSwitchChangeTwo(scope.row)"></el-switch>
+      </template>
       <template #mobile="scope">
         <el-text>{{ scope.row[scope.prop] }}</el-text>
         <copy-button v-if="scope.row[scope.prop]" :text="scope.row[scope.prop]" style="margin-left: 2px" />
       </template>
+      <template #consumables="scope">
+        <span style="color: #4080ff;" v-if="scope.row.consName">
+          {{ scope.row.consName }}
+        </span>
+        <span v-else>
+          绑定
+        </span>
+        <el-icon @click="editOpen" style="cursor: pointer;color: #4080ff;">
+          <EditPen />
+        </el-icon>
+      </template>
+
     </page-content>
 
     <!-- 新增 -->
@@ -49,7 +65,21 @@
     <MyDialog ref="myDialogRef" @confirm="confirm" title="修改库存预警">
       <el-form :model="form">
         <el-form-item label="库存预警" label-width="">
-          <el-input-number v-model="form.num" label="描述文字"></el-input-number>
+          <el-input-number v-model="form.warnLine" label="描述文字"></el-input-number>
+        </el-form-item>
+      </el-form>
+    </MyDialog>
+    <!-- 报损 -->
+    <MyDialog ref="myDialogRefbaosun" @confirm="confirmbaosun" title="修改库存预警">
+      <el-form :model="form">
+        <el-form-item label="报损数量" label-width="">
+          <el-input-number v-model="datas.number" label="描述文字"></el-input-number>
+        </el-form-item>
+        <el-form-item label="报损照片" label-width="">
+          <MultiImageUpload v-model="datas.images" />
+        </el-form-item>
+        <el-form-item label="备注" label-width="">
+          <el-input v-model="datas.remark" type="textarea" />
         </el-form-item>
       </el-form>
     </MyDialog>
@@ -63,12 +93,13 @@ import type { IObject, IOperatData } from "@/components/CURD/types";
 import usePage from "@/components/CURD/usePage";
 import addModalConfig from "./indexconfig/add";
 import contentConfig from "./indexconfig/content";
+import MultiImageUpload from "@/components/Upload/MultiImageUpload.vue"
 import contentConfig2 from "./indexconfig/content2";
 import editModalConfig from "./indexconfig/edit";
 import searchConfig from "./indexconfig/search";
 import MyDialog from "@/components/mycomponents/myDialog.vue";
 import Statistics from "./indexconfig/statistics.vue";
-
+import { Search } from '@element-plus/icons-vue'
 const {
   searchRef,
   contentRef,
@@ -84,10 +115,18 @@ const {
 } = usePage();
 const router = useRouter();
 let gongjiData = ref({});
+let datas = reactive({
+  number: 0,
+  remark: "",
+  images: []
+});
 function newHandleQueryClick(e: IObject | undefined) {
   const filterParams = contentRef.value?.getFilterParams();
   contentRef.value?.fetchPageData({ ...e, ...filterParams }, true);
   getTongji(e);
+}
+function editOpen() {
+
 }
 // 重置
 function handleResetClick2(queryParams: IObject) {
@@ -103,7 +142,7 @@ function getTongji(params: IObject | undefined) {
   });
 }
 const form = reactive({
-  num: "",
+  warnLine: "",
 });
 // 新增
 async function handleAddClick() {
@@ -123,11 +162,22 @@ function handleSwitchChange(data: any) {
   };
   UserAPI.onOff(obj);
 }
+// 售罄
+function handleSwitchChangeTwo(data: any) {
+  let obj = {
+    type: data.type == "sku" ? "sku" : "product",
+    id: data.id,
+    isSoldOut: data.isSoldStock,
+  };
+  UserAPI.markIsSoldOut(obj);
+}
+
 // 编辑
 async function handleEditClick(row: IObject) {
   router.push({ name: "addgoods", query: { goods_id: row.id } });
 }
 const myDialogRef = ref(null);
+const myDialogRefbaosun = ref(null);
 // 其他工具栏
 function handleToolbarClick(name: string) {
   console.log(name);
@@ -136,8 +186,16 @@ function handleToolbarClick(name: string) {
     myDialogRef.value.open();
   }
 }
-function confirm() {
-  console.log(form, "debug");
+async function confirm() {
+  let res = await UserAPI.stockWarning(form.warnLine)
+  ElMessage.success("成功");
+  myDialogRef.value.close();
+
+}
+async function confirmbaosun() {
+  let res = await UserAPI.reportDamage(datas)
+  ElMessage.success("成功");
+  myDialogRefbaosun.value.close();
 }
 // 商品规格
 function typeFilter(item: any) {
@@ -155,37 +213,9 @@ function typeFilter(item: any) {
 }
 // 其他操作列
 async function handleOperatClick(data: IOperatData) {
-  console.log(data);
-  // 重置密码
-  if (data.name === "reset_pwd") {
-    ElMessageBox.prompt("请输入用户「" + data.row.username + "」的新密码", "重置密码", {
-      confirmButtonText: "确定",
-      cancelButtonText: "取消",
-    }).then(({ value }) => {
-      if (!value || value.length < 6) {
-        ElMessage.warning("密码至少需要6位字符，请重新输入");
-        return false;
-      }
-      // UserAPI.resetPassword(data.row.id, value).then(() => {
-      //   ElMessage.success("密码重置成功，新密码是：" + value);
-      // });
-    });
-  } else if (data.name === "detail") {
-    // 禁用表单编辑
-    editModalRef.value?.handleDisabled(true);
-    // 打开抽屉
-    editModalRef.value?.setModalVisible();
-    // 修改抽屉标题
-    editModalConfig.drawer = { ...editModalConfig.drawer, title: "用户详情" };
-    // 加载部门下拉数据源
-    // editModalConfig.formItems[2]!.attrs!.data = await DeptAPI.getOptions();
-    // 加载角色下拉数据源
-    // editModalConfig.formItems[4]!.options = await RoleAPI.getOptions();
-    // 根据id获取数据进行填充
-    // const formData = await UserAPI.getFormData(data.row.id);
-    // 设置表单数据
-    // editModalRef.value?.setFormData(formData);
-  }
+  datas.productId = data.row.id
+  myDialogRefbaosun.value.open();
+
 }
 
 const route = useRoute();
diff --git a/src/views/product/indexconfig/content.ts b/src/views/product/indexconfig/content.ts
index 330d6bd..476f2e1 100644
--- a/src/views/product/indexconfig/content.ts
+++ b/src/views/product/indexconfig/content.ts
@@ -27,7 +27,7 @@ const contentConfig: IContentConfig<UserPageQuery> = {
     obj.createEndTime = obj['1']
     const res = await UserAPI.getPage(obj);
     res.records.forEach((element: any) => {
-      if (element.type == "single") {
+      if (element.type != "sku") {
         delete element.skuList
       }
     });
@@ -59,13 +59,13 @@ const contentConfig: IContentConfig<UserPageQuery> = {
   pk: "id",
   toolbar: [
     "add",
-    //  {
-    //   icon: "edit",
-    //   text: "库存预警",
-    //   type: "info",
-    //   name: "custom1",
-    //   auth: "import",
-    // },
+    {
+      icon: "edit",
+      text: "库存预警",
+      type: "info",
+      name: "custom1",
+      auth: "import",
+    },
   ],
   cols: [
     // { type: "selection", width: 50, align: "center" },
@@ -77,7 +77,7 @@ const contentConfig: IContentConfig<UserPageQuery> = {
       slotName: "type",
     },
     { label: "库存", align: "center", prop: "stockNumber" },
-    { label: "耗材信息", align: "center", prop: "consName" },
+    { label: "耗材信息", align: "center", prop: "consName", slotName: "consumables", templet: "custom", },
     {
       label: "上架",
       align: "center",
@@ -85,13 +85,20 @@ const contentConfig: IContentConfig<UserPageQuery> = {
       templet: "custom",
       slotName: "shangjia",
     },
+    {
+      label: "售罄",
+      align: "center",
+      prop: "isSoldStock",
+      templet: "custom",
+      slotName: "sellOut",
+    },
     {
       label: "操作",
       align: "center",
       fixed: "right",
       width: 280,
       templet: "tool",
-      operat: ["edit", "delete"],
+      operat: [{ text: "报损" }, "edit", "delete"],
     },
   ],
 };
diff --git a/src/views/user/active/indexconfig/Content.vue b/src/views/user/active/indexconfig/Content.vue
index 2a12bcb..d63b856 100644
--- a/src/views/user/active/indexconfig/Content.vue
+++ b/src/views/user/active/indexconfig/Content.vue
@@ -45,6 +45,7 @@
           </el-form-item>
           <el-form-item v-for="(item, index) in datas.DialogForm.couponsList" :label="item.title">
             <el-input-number v-model="item.number" min="1" controls-position="right" placeholder="请输入数量" />
+            <el-button type="" text @click="removegoods(index)">删除</el-button>
           </el-form-item>
         </template>
       </el-form>
@@ -96,6 +97,9 @@ onMounted(() => {
     getList(res)
   })
 })
+function removegoods(index) {
+  datas.DialogForm.couponsList.splice(index, 1)
+}
 function selectShopRes(item) {
   item.forEach(ele => {
     ele.number = 1

From 5cb337821718038e6e7220a2eb6af68ddea70fed Mon Sep 17 00:00:00 2001
From: duan <1004387497@qq.com>
Date: Mon, 17 Mar 2025 18:06:57 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=20=E5=95=86=E5=93=81=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=EF=BC=8C=E7=BB=91=E5=AE=9A=E8=80=97=E6=9D=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/product/index.ts    |  26 ++++++
 src/views/product/index.vue | 161 +++++++++++++++++++++++++++++++-----
 2 files changed, 167 insertions(+), 20 deletions(-)

diff --git a/src/api/product/index.ts b/src/api/product/index.ts
index 49178e4..a8865b3 100644
--- a/src/api/product/index.ts
+++ b/src/api/product/index.ts
@@ -41,6 +41,24 @@ const AuthAPI = {
       method: "delete",
     });
   },
+  // 退款退回
+  refundToStock(data: any) {
+    return request<any, Responseres>({
+      url: `${baseURL}/refundToStock`,
+      method: "post",
+      data,
+    });
+  },
+
+  // 耗材列表
+  productcons(params: any) {
+    return request<any, Responseres>({
+      url: `/product/admin/product/cons/page`,
+      method: "get",
+      params
+    });
+  },
+
   // 上下架
   onOff(data: any) {
     return request<any, Responseres>({
@@ -79,6 +97,14 @@ const AuthAPI = {
       data,
     });
   },
+  // 商品-绑定耗材
+  bind(data: any) {
+    return request<any, Responseres>({
+      url: `${baseURL}/bind`,
+      method: "post",
+      data,
+    });
+  },
   // 库存预警
   stockWarning(data: any) {
     return request<any, Responseres>({
diff --git a/src/views/product/index.vue b/src/views/product/index.vue
index f040394..c216a92 100644
--- a/src/views/product/index.vue
+++ b/src/views/product/index.vue
@@ -34,15 +34,17 @@
         <copy-button v-if="scope.row[scope.prop]" :text="scope.row[scope.prop]" style="margin-left: 2px" />
       </template>
       <template #consumables="scope">
-        <span style="color: #4080ff;" v-if="scope.row.consName">
-          {{ scope.row.consName }}
-        </span>
-        <span v-else>
-          绑定
-        </span>
-        <el-icon @click="editOpen" style="cursor: pointer;color: #4080ff;">
-          <EditPen />
-        </el-icon>
+        <template v-if="scope.row.type != null">
+          <span style="color: #4080ff;" v-if="scope.row.consName">
+            {{ scope.row.consName }}
+          </span>
+          <span v-else>
+            绑定
+          </span>
+          <el-icon @click="editOpen(scope.row)" style="cursor: pointer;color: #4080ff;">
+            <EditPen />
+          </el-icon>
+        </template>
       </template>
 
     </page-content>
@@ -70,7 +72,7 @@
       </el-form>
     </MyDialog>
     <!-- 报损 -->
-    <MyDialog ref="myDialogRefbaosun" @confirm="confirmbaosun" title="修改库存预警">
+    <MyDialog ref="myDialogRefbaosun" @confirm="confirmbaosun" title="报损">
       <el-form :model="form">
         <el-form-item label="报损数量" label-width="">
           <el-input-number v-model="datas.number" label="描述文字"></el-input-number>
@@ -83,6 +85,56 @@
         </el-form-item>
       </el-form>
     </MyDialog>
+    <!-- 耗材绑定 -->
+    <MyDialog ref="myDialogRefhaocai" @confirm="confirmhaocai" width="50%" title="耗材绑定">
+      <el-row>
+        <el-col :span="12"> <el-form-item label="商品名">
+            {{ haocaiData.name }}
+          </el-form-item></el-col>
+        <el-col :span="12">
+          <el-form-item label="退款退回库存">
+            <el-switch v-model="haocaiData.isRefundStock" :active-value="1" :inactive-value="0"
+              @click="handleSwitchhaocai(haocaiData.isRefundStock)"></el-switch>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-table :data="haocaiData.consList" border>
+        <el-table-column label="序号" type="index" width="60"></el-table-column>
+        <el-table-column label="耗材名称" prop="consInfoId">
+          <template v-slot="scope">
+            <el-select v-model="scope.row.consInfoId" reserve-keyword placeholder="请输入关键词"
+              @change="selectionChange($event, scope.row)">
+              <el-option v-for="item in options" :key="item.id" :label="item.conName" :value="item.id">
+              </el-option>
+            </el-select>
+            <!-- <div class="tips" v-if="scope.row.stockNumber">库存：{{ scope.row.stockNumber }}</div> -->
+          </template>
+        </el-table-column>
+        <el-table-column label="单位" prop="conUnit"> </el-table-column>
+        <el-table-column label="使用数量" prop="surplusStock" min-width="150px">
+          <template v-slot="scope">
+            <el-input-number v-model="scope.row.surplusStock" :min="0" />
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" width="100">
+          <template v-slot="scope">
+            <div class="table_btn_wrap">
+              <div class="btn sub" v-if="haocaiData.consList.length > 1"
+                @click="haocaiData.consList.splice(scope.$index, 1)">
+                <el-icon>
+                  <RemoveFilled />
+                </el-icon>
+              </div>
+              <div class="btn add" v-if="scope.$index == haocaiData.consList.length - 1" @click="createItem(scope.row)">
+                <el-icon>
+                  <CirclePlusFilled />
+                </el-icon>
+              </div>
+            </div>
+          </template>
+        </el-table-column>
+      </el-table>
+    </MyDialog>
   </div>
 </template>
 
@@ -99,7 +151,6 @@ import editModalConfig from "./indexconfig/edit";
 import searchConfig from "./indexconfig/search";
 import MyDialog from "@/components/mycomponents/myDialog.vue";
 import Statistics from "./indexconfig/statistics.vue";
-import { Search } from '@element-plus/icons-vue'
 const {
   searchRef,
   contentRef,
@@ -115,6 +166,15 @@ const {
 } = usePage();
 const router = useRouter();
 let gongjiData = ref({});
+const myDialogRef = ref(null);
+const route = useRoute();
+const myDialogRefbaosun = ref(null);
+const myDialogRefhaocai = ref(null);
+let haocaiData = ref({});
+let options = ref([]);
+const form = reactive({
+  warnLine: "",
+});
 let datas = reactive({
   number: 0,
   remark: "",
@@ -125,8 +185,18 @@ function newHandleQueryClick(e: IObject | undefined) {
   contentRef.value?.fetchPageData({ ...e, ...filterParams }, true);
   getTongji(e);
 }
-function editOpen() {
-
+function editOpen(item: any) {
+  haocaiData.value = item
+  if (haocaiData.value.consList.length == 0) {
+    let items = {
+      "productId": item.id,
+      "consInfoId": "",
+      "surplusStock": '0'
+    }
+    haocaiData.value.consList.push(items)
+  }
+  handleResetClick()
+  myDialogRefhaocai.value.open();
 }
 // 重置
 function handleResetClick2(queryParams: IObject) {
@@ -141,9 +211,7 @@ function getTongji(params: IObject | undefined) {
     gongjiData.value = res
   });
 }
-const form = reactive({
-  warnLine: "",
-});
+
 // 新增
 async function handleAddClick() {
   router.push({ name: "addgoods" });
@@ -151,7 +219,15 @@ async function handleAddClick() {
   // 加载上级规格下拉数据源
   // addModalConfig.formItems[2]!.attrs!.data = await UserAPI.getPage({ name: "" });
   // 加载角色下拉数据源
-  // addModalConfig.formItems[4]!.options = await RoleAPI.getOptions();
+}
+// 生成新商品绑定耗材关系项
+function createItem(val: IObject) {
+  let item = {
+    "productId": val.productId,
+    "consInfoId": "",
+    "surplusStock": ''
+  }
+  haocaiData.value.consList.push(item)
 }
 // 上架
 function handleSwitchChange(data: any) {
@@ -171,13 +247,18 @@ function handleSwitchChangeTwo(data: any) {
   };
   UserAPI.markIsSoldOut(obj);
 }
+// 退款退回
+async function handleSwitchhaocai(row: IObject) {
+  let res = await UserAPI.refundToStock({ isReturn: row, id: haocaiData.value.id })
+  ElMessage.success('成功')
+  // myDialogRefhaocai.value.close()
+}
 
 // 编辑
 async function handleEditClick(row: IObject) {
   router.push({ name: "addgoods", query: { goods_id: row.id } });
 }
-const myDialogRef = ref(null);
-const myDialogRefbaosun = ref(null);
+
 // 其他工具栏
 function handleToolbarClick(name: string) {
   console.log(name);
@@ -192,11 +273,27 @@ async function confirm() {
   myDialogRef.value.close();
 
 }
+// 商品选择耗材
+function selectionChange(e, row) {
+  let item = options.value.find(item => item.id == e)
+  row.name = item.conName
+  row.conUnit = item.conUnit
+}
 async function confirmbaosun() {
   let res = await UserAPI.reportDamage(datas)
   ElMessage.success("成功");
   myDialogRefbaosun.value.close();
 }
+async function confirmhaocai() {
+  let obj = {
+    consList: haocaiData.value.consList,
+    id: haocaiData.value.id
+  }
+  let res = await UserAPI.bind(obj)
+  ElMessage.success("成功");
+  handleResetClick()
+  myDialogRefhaocai.value.close();
+}
 // 商品规格
 function typeFilter(item: any) {
   if (item == "single") {
@@ -218,11 +315,35 @@ async function handleOperatClick(data: IOperatData) {
 
 }
 
-const route = useRoute();
 onMounted(() => {
   console.log(route.query);
   if (route.query.id) {
     contentRef.value?.fetchPageData({ id: route.query.id });
   }
+  // 获取耗材列表
+  gethaocaiList()
 });
+async function gethaocaiList() {
+  let res = await UserAPI.productcons({ id: route.query.id })
+  options.value = res.records
+}
 </script>
+<style scoped lang="scss">
+.table_btn_wrap {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+
+  .btn {
+    font-size: 26px;
+
+    &.sub {
+      color: #FF4D4F;
+    }
+
+    &.add {
+      color: #52C41A;
+    }
+  }
+}
+</style>
\ No newline at end of file