添加批量设置分销佣金功能，更新开发环境API配置，优化渠道服务费选项

config/dev.env.js

@@ -4,6 +4,7 @@ const prodEnv = require('./prod.env')
 
 module.exports = merge(prodEnv, {
   NODE_ENV: '"development"',
+  // BASE_API: '"http://channel.admin.dev.zonelife.cn/zs/channel/admin"'
   // BASE_API: '"http://192.168.110.241:9120/zs/channel/admin"'
   BASE_API: '"http://192.168.2.20:9120/zs/channel/admin"'
 })

src/router/index.js

@@ -115,6 +115,13 @@ export const asyncRouterMap = [
       meta: {title: '价格设置', icon: 'peopleChannel'},
       hidden: true
     },
+    {
+      path: 'batchSetting',
+      name: 'batchSetting',
+      component: () => import('@/views/distribution/peopleManage/batchSetting'),
+      meta: {title: '批量设置分销佣金'},
+      hidden: true
+    },
     {
       path: 'statistics',
       name: 'statistics',

src/views/channel/info/index.vue

@@ -136,9 +136,9 @@
         </el-form-item>
         <el-form-item label="合作模式：" prop="serviceMoneyType">
           <el-radio-group v-model="admin.serviceMoneyType" @input="changeCooperation">
-            <el-radio :label="1">统一服务费</el-radio>
-            <el-radio :label="2">服务费抽成</el-radio>
-            <el-radio :label="3">分时段服务费</el-radio>
+            <el-radio :label="1" :disabled="isEdit && admin.serviceMoneyType !=1">统一服务费</el-radio>
+            <el-radio :label="2" :disabled="isEdit && admin.serviceMoneyType !=2">服务费抽成</el-radio>
+            <el-radio :label="3" :disabled="isEdit && admin.serviceMoneyType !=3">分时段服务费</el-radio>
           </el-radio-group>
         </el-form-item>
         <el-form-item label=" 渠道服务费(元/度)：" prop="serviceMoney" v-if="admin.serviceMoneyType == 1">
@@ -151,7 +151,7 @@
         <div class="serviceMoney-box" v-if="admin.serviceMoneyType == 3">
           <el-form-item label="峰" prop="peakServiceMoney">
             <div class="serviceMoney-item">
-              <el-input v-model="admin.peakServiceMoney" @input="changeServiceMoney" type="number" style="width:100px"></el-input>
+              <el-input v-model="admin.peakServiceMoney" type="number" style="width:100px"></el-input>
               <div class="serviceMoney-item-unit">元/度</div>
             </div>
           </el-form-item>

src/views/distribution/peopleManage/batchSetting.vue

@@ -0,0 +1,147 @@
+<!--
+ * @Descripttion: 批量设置分销佣金
+ * @version: 1.0
+ * @Author: zzx
+ * @Date: 2025-02-08 10：18:00
+ * @LastEditors: zzx tigerzouzx@foxmail.com
+ * @LastEditTime: 
+-->
+<template>
+    <div class="app-container">
+        <el-card class="operate-container" shadow="hover">
+            <i class="el-icon-tickets"></i>
+            <span>批量设置分销佣金</span>
+            <back-button style="float: right; margin-right: 15px"></back-button>
+        </el-card>
+        <div class="table-container" style="background-color: #fff;">
+            <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+                <el-form-item label="一级分销员" prop="checkedCities">
+                    <el-checkbox :indeterminate="isIndeterminate" v-model="ruleForm.checkAll"
+                        @change="handleCheckAllChange">全选</el-checkbox>
+                    <div class="check-layout">
+                        <el-checkbox-group v-model="ruleForm.checkedCities" @change="handleCheckedCitiesChange">
+                            <el-checkbox v-for="city in cities" :label="city" :key="city" name="type">{{ city
+                                }}</el-checkbox>
+                        </el-checkbox-group>
+                    </div>
+                </el-form-item>
+                <el-form-item label="设备所属方" prop="checkedBelonging">
+                    <el-checkbox-group v-model="ruleForm.checkedBelonging" @change="handleBelongingChange">
+                        <el-checkbox v-for="belong in belongingList" :label="belong" :key="belong" name="belonging">{{
+                            belong }}</el-checkbox>
+                    </el-checkbox-group>
+                </el-form-item>
+            </el-form>
+            <div style="margin-top: 15px;">
+                <div class="table-tips">
+                    <div>
+                        渠道1的充电时段及费用信息
+                    </div>
+                    <div>
+                        提示：设置成功后，勾选的分销员的渠道所有站点都将修改为下表中的代理价
+                    </div>
+                </div>
+                <el-table ref="adminTable" :data="dialogList" style="width: 100%" v-loading="dialogListLoading" border>
+                    <el-table-column label="时间段" align="center" prop="time"></el-table-column>
+                    <el-table-column label="电费(元/度)" align="center" prop="electrovalence"></el-table-column>
+                    <el-table-column label="结算服务费(元)" align="center" prop="servicePrice"></el-table-column>           
+                    <el-table-column label="结算费合计(元)" align="center" prop="eprice"></el-table-column>
+                    <el-table-column label="运营服务费(元)" align="center" prop="addServicePrice"></el-table-column>
+                    <el-table-column label="销售合计价(元)" align="center" prop="platformPrice"></el-table-column>
+                    <el-table-column label="一级代理价(元)" align="center" prop="">
+                        <template slot-scope="scope">
+                            <el-tooltip class="item" v-if="scope.row.isEdit === false" effect="dark" content="单击编辑"
+                                placement="left">
+                                <span class="edit" @click="toggleEdit(scope.row)">{{
+                                    scope.row.firstLevelPrice }}</span>
+                            </el-tooltip>
+                            <el-input v-else v-model="editInput" size="small"
+                                oninput="value=value.replace(/[^\d.]/g,'')" style="width: 200px;"
+                                @blur="saveEdit(scope.row)">
+                                <i slot="suffix" size="small" class="el-icon-check" @click="confrimEdit(scope.row)"></i>
+                                <i slot="suffix" size="small" class="el-icon-close" @click="cancelEdit(scope.row)"></i>
+                            </el-input>
+                        </template>
+                    </el-table-column>
+                </el-table>
+            </div>
+        </div>
+        <div style="margin-top: 20px" align="center">
+            <el-button size="small" type="primary">确定</el-button>
+            <el-button size="small">取消</el-button>
+        </div>
+    </div>
+</template>
+<script>
+const cityOptions = ['上海', '北京', '广州', '深圳'];
+const levelOptions = ['渠道一', '渠道二', '渠道三'];
+export default {
+    data() {
+        return {
+            // 多选start
+            cities: cityOptions,
+            isIndeterminate: false,
+            checkAll: false,
+            // 多选end
+            // 设备选择start
+            belongingList: levelOptions,
+            ruleForm: {
+                checkedCities: [],
+                checkedBelonging: [],
+
+            },
+            rules: {
+                checkedCities: [
+                    { type: 'array', required: true, message: '请至少选择一个分销员', trigger: 'change' }
+                ],
+                checkedBelonging: [
+                    { type: 'array', required: true, message: '请至少选择一个设备所属方', trigger: 'change' }
+                ]
+            },
+            // 设备选择end
+            // 渠道商电费列表数据start
+            dialogList: null,
+            dialogListLoading: false,
+            // 渠道商电费列表数据end
+        }
+    },
+    created() {
+    },
+    computed: {
+    },
+    methods: {
+        handleCheckAllChange(val) {
+            console.log(val, '---全选框数据');
+            this.ruleForm.checkedCities = val ? cityOptions : [];
+            this.isIndeterminate = false;
+        },
+        handleCheckedCitiesChange(value) {
+            console.log(value, '---选择框数据');
+            let checkedCount = value.length;
+            this.checkAll = checkedCount === this.cities.length;
+            this.isIndeterminate = checkedCount > 0 && checkedCount < this.cities.length;
+        },
+        // 设备商选择
+        handleBelongingChange(val) {
+            console.log(val, '---设备商选择');
+        }
+    },
+}
+</script>
+<style lang="scss" scoped>
+.check-layout {
+    margin-top: 15px;
+    border: 1px solid #dcdfe6;
+    padding-left: 10px;
+}
+.table-tips{
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+    margin-bottom: 10px;
+    &>div:last-child{
+        color: #f70000;
+    }
+}
+</style>

src/views/distribution/peopleManage/index.vue

@@ -48,6 +48,7 @@
         <el-card class="operate-container" shadow="hover">
             <i class="el-icon-tickets"></i>
             <span>数据列表</span>
+            <el-button style="float: right; margin-right: 15px" @click="gotoBachSetting()" size="small">批量设置分销佣金</el-button>
         </el-card>
         <div class="table-container">
             <el-table ref="adminTable" :data="list" style="width: 100%" v-loading="listLoading" border>
@@ -246,6 +247,12 @@ export default {
         },
     },
     methods: {
+        // 批量设置分销佣金
+        gotoBachSetting() {
+            this.$router.push({
+                name: "batchSetting",
+            });
+        },
         // 编辑
         userEdit(row) {
             this.forbiddenDialogVisible = true;