✨ feat: 家具初版

gear-ui3/src/views/oms/receive/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+    <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="68px">
       <el-form-item label="客户名称" prop="customerId">
         <CustomerSelect v-model="queryParams.customerId" />
       </el-form-item>
@@ -16,13 +16,13 @@
         <el-date-picker clearable
           v-model="queryParams.dueDate"
           type="date"
-          value-format="yyyy-MM-dd"
+          value-format="YYYY-MM-DD"
           placeholder="请选择到期日">
         </el-date-picker>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
-        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+        <el-button type="primary" icon="Search" size="small" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" size="small" @click="resetQuery">重置</el-button>
       </el-form-item>
     </el-form>
 
@@ -31,8 +31,8 @@
         <el-button
           type="primary"
           plain
-          icon="el-icon-plus"
-          size="mini"
+          icon="Plus"
+          size="small"
           @click="handleAdd"
         >新增</el-button>
       </el-col>
@@ -40,8 +40,8 @@
         <el-button
           type="success"
           plain
-          icon="el-icon-edit"
-          size="mini"
+          icon="Edit"
+          size="small"
           :disabled="single"
           @click="handleUpdate"
         >修改</el-button>
@@ -50,8 +50,8 @@
         <el-button
           type="danger"
           plain
-          icon="el-icon-delete"
-          size="mini"
+          icon="Delete"
+          size="small"
           :disabled="multiple"
           @click="handleDelete"
         >删除</el-button>
@@ -60,21 +60,21 @@
         <el-button
           type="warning"
           plain
-          icon="el-icon-download"
-          size="mini"
+          icon="Download"
+          size="small"
           @click="handleExport"
         >导出</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <KLPTable v-loading="loading" :data="receivableList" @selection-change="handleSelectionChange">
+    <el-table v-loading="loading" :data="receivableList" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="应收ID" align="center" prop="receivableId" v-if="false"/>
       <el-table-column label="客户" align="center" prop="customerName" />
       <el-table-column label="订单ID" align="center" prop="orderId" />
       <el-table-column label="到期日" align="center" prop="dueDate" width="180">
-        <template slot-scope="scope">
+        <template #default="scope">
           <span>{{ parseTime(scope.row.dueDate, '{y}-{m}-{d}') }}</span>
           <el-tag v-if="new Date(scope.row.dueDate) < new Date()" type="danger">过期</el-tag>
           <el-tag v-else-if="new Date(scope.row.dueDate) > new Date()" type="success">还剩{{ parseInt((new Date(scope.row.dueDate) - new Date()) / (1000 * 60 * 60 * 24)) }}天</el-tag>
@@ -86,28 +86,28 @@
       <el-table-column label="状态" align="center" prop="status" />
       <el-table-column label="备注" align="center" prop="remark" />
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
+        <template #default="scope">
           <el-button
-            size="mini"
+            size="small"
             type="text"
-            icon="el-icon-edit"
+            icon="Edit"
             @click="handleUpdate(scope.row)"
           >修改</el-button>
           <el-button
-            size="mini"
+            size="small"
             type="text"
-            icon="el-icon-delete"
+            icon="Delete"
             @click="handleDelete(scope.row)"
           >删除</el-button>
           <el-button
-            size="mini"
+            size="small"
             type="text"
-            icon="el-icon-money"
+            icon="Money"
             @click="handleReceive(scope.row)"
           >收款</el-button>
         </template>
       </el-table-column>
-    </KLPTable>
+    </el-table>
 
     <pagination
       v-show="total>0"
@@ -118,7 +118,7 @@
     />
 
     <!-- 添加或修改应收款管理（宽松版）对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
+    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
       <el-form ref="form" :model="form" :rules="rules" label-width="80px">
         <el-form-item label="客户ID" prop="customerId">
           <CustomerSelect v-model="form.customerId" />
@@ -130,7 +130,7 @@
           <el-date-picker clearable
             v-model="form.dueDate"
             type="datetime"
-            value-format="yyyy-MM-dd HH:mm:ss"
+            value-format="YYYY-MM-DD HH:mm:ss"
             placeholder="请选择到期日">
           </el-date-picker>
         </el-form-item>
@@ -153,7 +153,7 @@
       </div>
     </el-dialog>
 
-    <el-dialog title="收款" :visible.sync="receiveOpen" width="500px" append-to-body>
+    <el-dialog title="收款" v-model="receiveOpen" width="500px" append-to-body>
       <el-form ref="receiveForm" :model="receiveForm" :rules="rules" label-width="80px">
         <el-form-item label="收款金额" prop="amount">
           <el-input-number :controls=false controls-position="right" v-model="receiveForm.amount" :step="1.00" :precision="2" placeholder="请输入收款金额" :min="0" :max="receiveForm.balanceAmount" style="width: 100%;"/>
@@ -169,7 +169,7 @@
 
 <script>
 import { listReceivable, getReceivable, delReceivable, addReceivable, updateReceivable, updatePaidAmount } from "@/api/finance/receivable";
-import CustomerSelect from '@/components/KLPService/CustomerSelect/index.vue';
+import CustomerSelect from '@/components/CustomerSelect/index.vue';
 
 export default {
   name: "Receivable",