From 892e1e2633d7c48c2743114a1bd7f55644f7a4cf Mon Sep 17 00:00:00 2001
From: tzy <tzy@qq.com>
Date: Fri, 30 May 2025 11:00:18 +0800
Subject: [PATCH] =?UTF-8?q?feat(system):=20=E5=A2=9E=E5=8A=A0=E9=94=80?=
 =?UTF-8?q?=E5=94=AE=E6=8F=90=E6=88=90=E4=B8=8A=E4=BC=A0=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在员工列表页面添加上传销售提成按钮
- 实现销售提成上传的弹窗和相关逻辑
- 在员工信息表单中添加销售提成字段
- 优化员工列表展示，增加销售提成列
---
 src/views/system/staff/index.vue | 82 ++++++++++++++++++++++++++++----
 1 file changed, 73 insertions(+), 9 deletions(-)

diff --git a/src/views/system/staff/index.vue b/src/views/system/staff/index.vue
index 6ce093a..3c872aa 100644
--- a/src/views/system/staff/index.vue
+++ b/src/views/system/staff/index.vue
@@ -126,13 +126,22 @@
           v-hasPermi="['system:staff:importFund']"
         >上传五险一金</el-button>
       </el-col>
+      <el-col :span="1.5">
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="mini"
+          @click="importSalesCommissions"
+          v-hasPermi="['system:staff:importSalesCommissions']"
+        >上传销售提成</el-button>
+      </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="staffList" >
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="姓名" align="center" fixed="left" width="90" prop="name" />
-      
+
       <el-table-column label="所属公司" align="center" fixed="left" prop="companyName" >
         <template slot-scope="scope">
           <dict-tag :options="dict.type.sys_company" :value="scope.row.companyName"/>
@@ -164,7 +173,7 @@
       </el-table-column>
       <el-table-column label="开户行" align="center" show-overflow-tooltip prop="bank" />
       <el-table-column label="银行卡号" align="center" show-overflow-tooltip prop="bankNumber" width="90"/>
-      
+
       <el-table-column label="入职日期" align="center" prop="employmentDate" width="100">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.employmentDate, '{y}-{m}-{d}') }}</span>
@@ -498,9 +507,9 @@
             <el-select v-model="form.subsidyList" multiple placeholder="请选择福利补贴" style="width: 100%;">
               <el-option
                 v-for="subsidy in subsidyOptions"
-                :key="subsidy.value"
-                :label="subsidy.label"
-                :value="subsidy.value"
+                :key="subsidy.key"
+                :label="subsidy.value"
+                :value="subsidy.key"
               ></el-option>
             </el-select>
           </el-form-item>
@@ -616,6 +625,33 @@
         <el-button @click="upload.open = false">取 消</el-button>
       </div>
     </el-dialog>
+    <!-- 上传销售提成 -->
+    <el-dialog :title="uploadSale.title" v-dialog-drag :visible.sync="uploadSale.open" width="400px" append-to-body>
+      <el-upload
+        ref="uploadFund"
+        :limit="1"
+        accept=".xlsx, .xls"
+        :headers="uploadSale.headers"
+        :action="uploadSale.url"
+        :disabled="uploadSale.isUploading"
+        :on-progress="handleFundUpload"
+        :on-success="handleFundSuccess"
+        :auto-upload="false"
+        drag
+      >
+        <i class="el-icon-upload"></i>
+        <div class="el-upload__text">
+<!--          <el-link type="primary" :underline="false" style="font-size:20px;vertical-align: baseline;" @click="importTemplate">下载模板</el-link>-->
+          将文件拖到此处，或
+          <em>点击上传</em>
+        </div>
+        <div class="el-upload__tip" style="color:red" slot="tip">提示：仅允许导入“xls”或“xlsx”格式文件！</div>
+      </el-upload>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="submitFundForm">确 定</el-button>
+        <el-button @click="upload.open = false">取 消</el-button>
+      </div>
+    </el-dialog>
   <!-- 员工详情 -->
     <el-dialog v-dialog-drag :title="infoTitle" :visible.sync="openInfo" width="80%" append-to-body :close-on-click-modal="false">
       <el-form ref="infoForm" :model="infoForm" :rules="infoRules" label-width="98px">
@@ -719,6 +755,17 @@
             </el-form-item>
           </el-col>
         </el-row>
+          <el-divider content-position="left">销售信息</el-divider>
+        <el-row>
+
+            <el-form-item label="销售提成" prop="salesCommission">
+              <el-input v-model="infoForm.salesCommission" placeholder="销售提成" >
+                <template slot="append">元</template>
+              </el-input>
+            </el-form-item>
+
+        </el-row>
+
         <el-divider content-position="left">其他详情</el-divider>
         <el-row>
           <el-col :span="6">
@@ -851,6 +898,19 @@ export default {
         // 上传的地址
         url: process.env.VUE_APP_BASE_API + "system/staff/uploadAccumulationFund"
       },
+      // 导入五险一金
+      uploadSale: {
+        // 是否显示弹出层（用户导入）
+        open: false,
+        // 弹出层标题（用户导入）
+        title: "",
+        // 是否禁用上传
+        isUploading: false,
+        // 设置上传的请求头部
+        headers: { Authorization: "Bearer " + getToken() },
+        // 上传的地址
+        url: process.env.VUE_APP_BASE_API + "system/staff/importSalesCommissions"
+      },
       // 查询参数
       queryParams: {
         pageNum: 1,
@@ -868,7 +928,7 @@ export default {
       //详情form表单
       infoForm:{},
       infoRules: {
-       
+
       },
       // 表单校验
       rules: {
@@ -961,7 +1021,7 @@ export default {
       listAllOptions().then(response => {
         this.subsidyOptions = response.data;
       });
-      
+
     },
 
     /** 获取部门 */
@@ -1167,7 +1227,11 @@ export default {
         }
       });
     },
-    
+    //销售提成上传
+    importSalesCommissions(){
+      this.uploadSale.title = "销售提成上传";
+      this.uploadSale.open = true;
+    },
     //公积金导入
     uploadAccumulationFund(){
       this.uploadFund.title = "五险一金导入";
@@ -1225,7 +1289,7 @@ export default {
       });
     },
 
-    
+