From 304daec79f6e588407435d0ca3aa05f2c752650b Mon Sep 17 00:00:00 2001
From: HashMap <xiaojingye0817@gmail.com>
Date: Tue, 26 Aug 2025 17:11:40 +0800
Subject: [PATCH] =?UTF-8?q?perf(views/stock):=20=E6=94=B9=E8=BF=9B?=
 =?UTF-8?q?=E6=97=A5=E6=9C=9F=E6=9F=A5=E8=AF=A2=20+=20=E5=B0=86=E5=85=A5?=
 =?UTF-8?q?=E5=BA=93=E4=B8=8E=E7=89=A9=E8=B5=84=E4=B8=A4=E4=B8=AA=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E6=97=A5=E6=9C=9F=E8=BE=93=E5=85=A5=E4=BB=8E?=
 =?UTF-8?q?input=E6=9B=B4=E5=8F=98=E4=B8=BAdate-picker=20+=20=E7=A7=BB?=
 =?UTF-8?q?=E9=99=A4=E4=BA=86=E9=A5=B2=E5=96=82=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=B8=AD=E7=9A=84=E6=89=B9=E5=8F=B7=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?(=E6=97=A0=E4=BD=BF=E7=94=A8=E5=BF=85=E8=A6=81)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/feed/FormulaManagement/index.vue |   4 +-
 src/views/stock/in/index.vue               |  12 +-
 src/views/stock/management/index.vue       | 383 ++++++++++-----------
 3 files changed, 183 insertions(+), 216 deletions(-)

diff --git a/src/views/feed/FormulaManagement/index.vue b/src/views/feed/FormulaManagement/index.vue
index 53e146b..a55708a 100644
--- a/src/views/feed/FormulaManagement/index.vue
+++ b/src/views/feed/FormulaManagement/index.vue
@@ -4,9 +4,9 @@
       <el-form-item label="饲养阶段" prop="feedStage">
         <el-input v-model="queryParams.feedStage" placeholder="请输入饲养阶段" clearable @keyup.enter="handleQuery" />
       </el-form-item>
-      <el-form-item label="批号" prop="batchId">
+      <!-- <el-form-item label="批号" prop="batchId">
         <el-input v-model="queryParams.batchId" placeholder="请输入批号" clearable @keyup.enter="handleQuery" />
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item>
         <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
         <el-button icon="Refresh" @click="resetQuery">重置</el-button>
diff --git a/src/views/stock/in/index.vue b/src/views/stock/in/index.vue
index 142ff24..2e69780 100644
--- a/src/views/stock/in/index.vue
+++ b/src/views/stock/in/index.vue
@@ -2,7 +2,10 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="单据日期" prop="docDate">
-        <el-input v-model="queryParams.docDate" placeholder="请输入单据日期" clearable @keyup.enter="handleQuery" />
+        <!-- <el-input v-model="queryParams.docDate" placeholder="请输入单据日期" clearable @keyup.enter="handleQuery" /> -->
+        <el-date-picker clearable v-model="queryParams.docDate" type="date" value-format="YYYY-MM-DD"
+          placeholder="请选择时间" @change="handleQuery">
+        </el-date-picker>
       </el-form-item>
       <el-form-item label="业务类型" prop="businessType">
         <el-input v-model="queryParams.businessType" placeholder="请输入业务类型" clearable @keyup.enter="handleQuery" />
@@ -20,8 +23,9 @@
     </el-form>
 
     <el-row :gutter="10" class="mb8">
-      <el-col :span="1.5" >
-        <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['stock:in:add']" v-show="false">新增</el-button>
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="Plus" @click="handleAdd" v-hasPermi="['stock:in:add']"
+          v-show="false">新增</el-button>
       </el-col>
       <el-col :span="1.5">
         <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
@@ -119,7 +123,7 @@
 <script setup name="In">
   import { listIn, getIn, delIn, addIn, updateIn } from "@/api/stock/in"
   import { getToken } from "@/utils/auth"
-import { isVisible } from "element-plus/es/utils/index.mjs"
+  import { isVisible } from "element-plus/es/utils/index.mjs"
   const { proxy } = getCurrentInstance()
 
   const inList = ref([])
diff --git a/src/views/stock/management/index.vue b/src/views/stock/management/index.vue
index 47009d2..418b222 100644
--- a/src/views/stock/management/index.vue
+++ b/src/views/stock/management/index.vue
@@ -2,20 +2,13 @@
   <div class="app-container">
     <el-form :model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="存货" prop="materialName">
-        <el-input
-          v-model="queryParams.materialName"
-          placeholder="请输入存货"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+        <el-input v-model="queryParams.materialName" placeholder="请输入存货" clearable @keyup.enter="handleQuery" />
       </el-form-item>
       <el-form-item label="生产日期" prop="productionDate">
-        <el-input
-          v-model="queryParams.productionDate"
-          placeholder="请输入生产日期"
-          clearable
-          @keyup.enter="handleQuery"
-        />
+        <!-- <el-input v-model="queryParams.productionDate" placeholder="请输入生产日期" clearable @keyup.enter="handleQuery" /> -->
+        <el-date-picker clearable v-model="queryParams.productionDate" type="date" value-format="YYYY-MM-DD"
+          placeholder="请输入生产日期" @change="handleQuery">
+        </el-date-picker>
       </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
@@ -25,45 +18,24 @@
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="Plus"
-          @click="handleAdd"
-          v-hasPermi="['stock:management:add']"
-        >新增</el-button>
+        <el-button type="primary" plain icon="Plus" @click="handleAdd"
+          v-hasPermi="['stock:management:add']">新增</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="Edit"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['stock:management:edit']"
-        >修改</el-button>
+        <el-button type="success" plain icon="Edit" :disabled="single" @click="handleUpdate"
+          v-hasPermi="['stock:management:edit']">修改</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="Delete"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['stock:management:remove']"
-        >删除</el-button>
+        <el-button type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['stock:management:remove']">删除</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="Download"
-          @click="handleExport"
-          v-hasPermi="['stock:management:export']"
-        >导出</el-button>
+        <el-button type="warning" plain icon="Download" @click="handleExport"
+          v-hasPermi="['stock:management:export']">导出</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button type="info" plain icon="Upload" @click="handleImport" v-hasPermi="['stock:management:import']">导入</el-button>
+        <el-button type="info" plain icon="Upload" @click="handleImport"
+          v-hasPermi="['stock:management:import']">导入</el-button>
       </el-col>
       <right-toolbar v-model:showSearch="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
@@ -83,19 +55,16 @@
       <el-table-column label="失效预警" align="center" prop="expirationAlarm" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template #default="scope">
-          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)" v-hasPermi="['stock:management:edit']">修改</el-button>
-          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)" v-hasPermi="['stock:management:remove']">删除</el-button>
+          <el-button link type="primary" icon="Edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['stock:management:edit']">修改</el-button>
+          <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['stock:management:remove']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    
-    <pagination
-      v-show="total>0"
-      :total="total"
-      v-model:page="queryParams.pageNum"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
+
+    <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize"
+      @pagination="getList" />
 
     <!-- 添加或修改饲喂计划对话框 -->
     <el-dialog :title="title" v-model="open" width="500px" append-to-body>
@@ -119,18 +88,12 @@
           <el-input v-model="form.currentStock" placeholder="请输入现存量" />
         </el-form-item>
         <el-form-item label="生产日期" prop="productionDate">
-          <el-date-picker clearable
-            v-model="form.productionDate"
-            type="date"
-            value-format="YYYY-MM-DD"
+          <el-date-picker clearable v-model="form.productionDate" type="date" value-format="YYYY-MM-DD"
             placeholder="请选择生产日期">
           </el-date-picker>
         </el-form-item>
         <el-form-item label="失效日期" prop="expirationDate">
-          <el-date-picker clearable
-            v-model="form.expirationDate"
-            type="date"
-            value-format="YYYY-MM-DD"
+          <el-date-picker clearable v-model="form.expirationDate" type="date" value-format="YYYY-MM-DD"
             placeholder="请选择失效日期">
           </el-date-picker>
         </el-form-item>
@@ -169,37 +132,37 @@
 </template>
 
 <script setup name="Management">
-import { listManagement, getManagement, delManagement, addManagement, updateManagement } from "@/api/stock/management"
-import { getToken } from "@/utils/auth"
-const { proxy } = getCurrentInstance()
+  import { listManagement, getManagement, delManagement, addManagement, updateManagement } from "@/api/stock/management"
+  import { getToken } from "@/utils/auth"
+  const { proxy } = getCurrentInstance()
 
-const managementList = ref([])
-const open = ref(false)
-const loading = ref(true)
-const showSearch = ref(true)
-const ids = ref([])
-const single = ref(true)
-const multiple = ref(true)
-const total = ref(0)
-const title = ref("")
+  const managementList = ref([])
+  const open = ref(false)
+  const loading = ref(true)
+  const showSearch = ref(true)
+  const ids = ref([])
+  const single = ref(true)
+  const multiple = ref(true)
+  const total = ref(0)
+  const title = ref("")
 
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNum: 1,
-    pageSize: 10,
-    materialName: null,
-    productionDate: null,
-  },
-  rules: {
-    materialId: [
-      { required: true, message: "存货编码不能为空", trigger: "blur" }
-    ],
-    materialName: [
-      { required: true, message: "存货不能为空", trigger: "blur" }
-    ],
-  }
-})
+  const data = reactive({
+    form: {},
+    queryParams: {
+      pageNum: 1,
+      pageSize: 10,
+      materialName: null,
+      productionDate: null,
+    },
+    rules: {
+      materialId: [
+        { required: true, message: "存货编码不能为空", trigger: "blur" }
+      ],
+      materialName: [
+        { required: true, message: "存货不能为空", trigger: "blur" }
+      ],
+    }
+  })
 
   /*** 用户导入参数 */
   const upload = reactive({
@@ -228,129 +191,129 @@ const data = reactive({
   }
 
   /**文件上传中处理 */
-const handleFileUploadProgress = (event, file, fileList) => {
-  upload.isUploading = true
-}
-
-/** 文件上传成功处理 */
-const handleFileSuccess = (response, file, fileList) => {
-  upload.open = false
-  upload.isUploading = false
-  proxy.$refs["uploadRef"].handleRemove(file)
-  proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })
-  getList()
-}
-const { queryParams, form, rules } = toRefs(data)
-
-/** 查询物资管理列表 */
-function getList() {
-  loading.value = true
-  listManagement(queryParams.value).then(response => {
-    managementList.value = response.rows
-    total.value = response.total
-    loading.value = false
-  })
-}
-
-// 取消按钮
-function cancel() {
-  open.value = false
-  reset()
-}
-
-// 表单重置
-function reset() {
-  form.value = {
-    materialManagementCode: null,
-    materialId: null,
-    materialName: null,
-    batchId: null,
-    materialSpecification: null,
-    materialUnit: null,
-    currentStock: null,
-    stockAlarm: null,
-    productionDate: null,
-    expirationDate: null,
-    expirationAlarm: null
+  const handleFileUploadProgress = (event, file, fileList) => {
+    upload.isUploading = true
   }
-  proxy.resetForm("managementRef")
-}
 
-/** 搜索按钮操作 */
-function handleQuery() {
-  queryParams.value.pageNum = 1
-  getList()
-}
-
-/** 重置按钮操作 */
-function resetQuery() {
-  proxy.resetForm("queryRef")
-  handleQuery()
-}
-
-// 多选框选中数据
-function handleSelectionChange(selection) {
-  ids.value = selection.map(item => item.materialManagementCode)
-  single.value = selection.length != 1
-  multiple.value = !selection.length
-}
-
-/** 新增按钮操作 */
-function handleAdd() {
-  reset()
-  open.value = true
-  title.value = "添加物资管理"
-}
-
-/** 修改按钮操作 */
-function handleUpdate(row) {
-  reset()
-  const _materialManagementCode = row.materialManagementCode || ids.value
-  getManagement(_materialManagementCode).then(response => {
-    form.value = response.data
-    open.value = true
-    title.value = "修改物资管理"
-  })
-}
-
-/** 提交按钮 */
-function submitForm() {
-  proxy.$refs["managementRef"].validate(valid => {
-    if (valid) {
-      if (form.value.materialManagementCode != null) {
-        updateManagement(form.value).then(response => {
-          proxy.$modal.msgSuccess("修改成功")
-          open.value = false
-          getList()
-        })
-      } else {
-        addManagement(form.value).then(response => {
-          proxy.$modal.msgSuccess("新增成功")
-          open.value = false
-          getList()
-        })
-      }
-    }
-  })
-}
-
-/** 删除按钮操作 */
-function handleDelete(row) {
-  const _materialManagementCodes = row.materialManagementCode || ids.value
-  proxy.$modal.confirm('是否确认删除物资管理编号为"' + _materialManagementCodes + '"的数据项？').then(function() {
-    return delManagement(_materialManagementCodes)
-  }).then(() => {
+  /** 文件上传成功处理 */
+  const handleFileSuccess = (response, file, fileList) => {
+    upload.open = false
+    upload.isUploading = false
+    proxy.$refs["uploadRef"].handleRemove(file)
+    proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true })
     getList()
-    proxy.$modal.msgSuccess("删除成功")
-  }).catch(() => {})
-}
+  }
+  const { queryParams, form, rules } = toRefs(data)
 
-/** 导出按钮操作 */
-function handleExport() {
-  proxy.download('stock/management/export', {
-    ...queryParams.value
-  }, `management_${new Date().getTime()}.xlsx`)
-}
+  /** 查询物资管理列表 */
+  function getList() {
+    loading.value = true
+    listManagement(queryParams.value).then(response => {
+      managementList.value = response.rows
+      total.value = response.total
+      loading.value = false
+    })
+  }
 
-getList()
+  // 取消按钮
+  function cancel() {
+    open.value = false
+    reset()
+  }
+
+  // 表单重置
+  function reset() {
+    form.value = {
+      materialManagementCode: null,
+      materialId: null,
+      materialName: null,
+      batchId: null,
+      materialSpecification: null,
+      materialUnit: null,
+      currentStock: null,
+      stockAlarm: null,
+      productionDate: null,
+      expirationDate: null,
+      expirationAlarm: null
+    }
+    proxy.resetForm("managementRef")
+  }
+
+  /** 搜索按钮操作 */
+  function handleQuery() {
+    queryParams.value.pageNum = 1
+    getList()
+  }
+
+  /** 重置按钮操作 */
+  function resetQuery() {
+    proxy.resetForm("queryRef")
+    handleQuery()
+  }
+
+  // 多选框选中数据
+  function handleSelectionChange(selection) {
+    ids.value = selection.map(item => item.materialManagementCode)
+    single.value = selection.length != 1
+    multiple.value = !selection.length
+  }
+
+  /** 新增按钮操作 */
+  function handleAdd() {
+    reset()
+    open.value = true
+    title.value = "添加物资管理"
+  }
+
+  /** 修改按钮操作 */
+  function handleUpdate(row) {
+    reset()
+    const _materialManagementCode = row.materialManagementCode || ids.value
+    getManagement(_materialManagementCode).then(response => {
+      form.value = response.data
+      open.value = true
+      title.value = "修改物资管理"
+    })
+  }
+
+  /** 提交按钮 */
+  function submitForm() {
+    proxy.$refs["managementRef"].validate(valid => {
+      if (valid) {
+        if (form.value.materialManagementCode != null) {
+          updateManagement(form.value).then(response => {
+            proxy.$modal.msgSuccess("修改成功")
+            open.value = false
+            getList()
+          })
+        } else {
+          addManagement(form.value).then(response => {
+            proxy.$modal.msgSuccess("新增成功")
+            open.value = false
+            getList()
+          })
+        }
+      }
+    })
+  }
+
+  /** 删除按钮操作 */
+  function handleDelete(row) {
+    const _materialManagementCodes = row.materialManagementCode || ids.value
+    proxy.$modal.confirm('是否确认删除物资管理编号为"' + _materialManagementCodes + '"的数据项？').then(function () {
+      return delManagement(_materialManagementCodes)
+    }).then(() => {
+      getList()
+      proxy.$modal.msgSuccess("删除成功")
+    }).catch(() => { })
+  }
+
+  /** 导出按钮操作 */
+  function handleExport() {
+    proxy.download('stock/management/export', {
+      ...queryParams.value
+    }, `management_${new Date().getTime()}.xlsx`)
+  }
+
+  getList()
 </script>