xiaoyong931011
2021-04-07 beb6e85c9b054e8edced241c3367814a0a19d70c
zq-erp/src/main/resources/templates/views/admin/fenxiao/fenxiao-user.html
@@ -23,17 +23,43 @@
    <script type="text/javascript" charset="utf-8"
            th:src="@{/plugin/beditor/lang/zh-cn/zh-cn.js}"></script>
    <style>
        .panel-body{
            overflow: hidden;
        }
        .paginationStyle{
            background: #ffffff;
            padding: 10px 10px;
            margin: 0px 0px 10px 0px;
            text-align: right;
        }
        .avatar-uploader .el-upload {
            border: 1px dashed #d9d9d9;
            border-radius: 6px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
        }
        .avatar-uploader .el-upload:hover {
            border-color: #409EFF;
        }
        .avatar-uploader-icon {
            font-size: 28px;
            color: #8c939d;
            width: 178px;
            height: 178px;
            line-height: 178px;
            text-align: center;
        }
        .avatar {
            width: 178px;
            height: 178px;
            display: block;
        }
    </style>
</head>
<body>
<div class="ibox-content" id="app" v-cloak>
<div class="panel-body" id="app" v-cloak>
        <el-row>
            <el-tabs v-model="activeName" >
                <el-tab-pane label="分销员管理" name="first">
@@ -76,19 +102,25 @@
                                        type="selection">
                                </el-table-column>
                                <el-table-column
                                        label="分销员">
                                        label="分销员"
                                        show-overflow-tooltip
                                        width="150">
                                    <template slot-scope="scope">
                                        <img :src="scope.row.avatarUrl" width="40" height="40" class="head_pic"/>
                                        {{scope.row.nickname}}
                                    </template>
                                </el-table-column>
                                <el-table-column
                                        prop="parentUser"
                                        label="邀请人" width="100">
                                        prop="parentUserNow"
                                        label="当前上级">
                                </el-table-column>
                                <el-table-column
                                        prop="lowerLevelNum"
                                        label="下级客户数" width="100">
                                        label="推广客户">
                                </el-table-column>
                                <el-table-column
                                        prop="invitedNum"
                                        label="邀请下级">
                                </el-table-column>
                                <el-table-column
                                        prop="totalRevenue"
@@ -105,6 +137,7 @@
                                <el-table-column
                                        prop="createTime"
                                        label="加入时间"
                                        show-overflow-tooltip
                                        :formatter="formatDate">
                                </el-table-column>
                                <el-table-column
@@ -115,6 +148,10 @@
                                        <span v-if="scope.row.applyStatus == 3">未通过</span>
                                        <span v-if="scope.row.applyStatus == 4">系统删除</span>
                                    </template>
                                </el-table-column>
                                <el-table-column
                                        prop="parentUser"
                                        label="注册邀请人">
                                </el-table-column>
                                <el-table-column
                                        label="来源">
@@ -131,7 +168,7 @@
                                            <el-button type="primary" v-if="scope.row.applyStatus == 1" size="mini" @click="openExamineSaleManApply(scope.row)">审核</el-button>
                                            <el-button type="primary" v-if="scope.row.applyStatus == 2" size="mini" @click="openUpdateSaleManGrade(scope.row)">修改等级</el-button>
                                            <el-button type="primary" size="mini" @click="openUpdateSaleManGrade(scope.row)">详情</el-button>
                                            <el-button type="primary" v-if="scope.row.applyStatus == 2" size="mini" @click="delSaleManGradeApply(scope.row)">删除</el-button>
                                            <el-button type="danger" v-if="scope.row.applyStatus == 2" size="mini" @click="delSaleManGradeApply(scope.row)">删除</el-button>
                                        </el-row>
                                    </template>
                                </el-table-column>
@@ -162,16 +199,23 @@
                            </el-table-column>
                            <el-table-column
                                    prop="sealesCommission"
                                    label="自购返佣 %">
                                <template slot-scope="scope">
                                    <el-input class="edit-input" v-model="scope.row.selfCommission" oninput ="value=value.replace(/[^0-9.]/g,'')" placeholder="自购返佣"></el-input>
                                </template>
                            </el-table-column>
                            <el-table-column
                                    prop="sealesCommission"
                                    label="推广提成 %">
                                <template slot-scope="scope">
                                    <el-input class="edit-input" v-model="scope.row.sealesCommission" oninput ="value=value.replace(/[^0-9.]/g,'')" placeholder="推广提成 %"></el-input>
                                    <el-input class="edit-input" v-model="scope.row.sealesCommission" oninput ="value=value.replace(/[^0-9.]/g,'')" placeholder="推广提成"></el-input>
                                </template>
                            </el-table-column>
                            <el-table-column
                                    prop="invitationCommission"
                                    label="邀请提成 %">
                                <template slot-scope="scope">
                                    <el-input class="edit-input" v-model="scope.row.invitationCommission" oninput ="value=value.replace(/[^0-9.]/g,'')" placeholder="邀请提成 %"></el-input>
                                    <el-input class="edit-input" v-model="scope.row.invitationCommission" oninput ="value=value.replace(/[^0-9.]/g,'')" placeholder="邀请提成"></el-input>
                                </template>
                            </el-table-column>
                            <el-table-column
@@ -184,9 +228,9 @@
                            <el-table-column label="操作" width="240">
                                <template slot-scope="scope">
                                    <el-row style="display:flex;">
                                        <el-button type="primary" v-if="scope.row.isDefault == 1" size="mini" @click="addFyfa()">新增</el-button>
                                        <el-button type="primary" v-if="scope.row.isDefault == 1" size="mini" @click="addFyfaReady()">新增</el-button>
                                        <el-button type="primary" size="mini" @click="updateFyfa(scope.row)">保存</el-button>
                                        <el-button type="primary" v-if="scope.row.isDefault == 2" size="mini" @click="delFyfa(scope.row)">删除</el-button>
                                        <el-button type="danger" v-if="scope.row.isDefault == 2" size="mini" @click="delFyfa(scope.row)">删除</el-button>
                                    </el-row>
                                </template>
                            </el-table-column>
@@ -206,34 +250,32 @@
                </el-tab-pane>
                <el-tab-pane label="推广文案" name="third">
                    <el-row>
                        <script style="width: 100%; height: 500px" id="description" name="description"
                                type="text/plain"></script>
                    <p class="el-big-title">文案描述</p>
                    <el-row justify="center" type="flex">
                            <script style="height: 400px;width: 375px;" id="description" name="description"
                                    type="text/plain">
                            </script>
                    </el-row>
                    <el-row justify="center" type="flex">
                        <el-button type="primary" @click="submit()">保存</el-button>
                        <el-button type="primary" size="mini" @click="wamsSubmit()">保存</el-button>
                    </el-row>
                </el-tab-pane>
                <el-tab-pane label="分享图片上传" name="fourth">
                    <el-row>
                        <div class="ibox-content">
                            <form class="form-horizontal" id="dataform"
                                  onsubmit="javascripr:return false;">
                                <div class="form-group">
                                    <label class="col-sm-2 control-label">门店照片</label>
                                    <div class="col-sm-8">
                                        <input autocomplete="off"   v-model="fxtp.paramValue" name="shopImag" id="info6"
                                               class="form-control  upload-input" type="text" /> <a
                                            class="btn btn-primary radius upload-a">选择图片
                                    </a>
                                    </div>
                                </div>
                                <el-row justify="center" type="flex">
                                    <el-button type="primary" @click="submittp(paramValue)">保存</el-button>
                                </el-row>
                            </form>
                        </div>
                <el-tab-pane label="推广图片" name="fourth">
                    <p class="el-big-title">上传图片</p>
                    <el-row justify="center" type="flex">
                        <el-upload
                                class="avatar-uploader"
                                action="/admin/multipleUploadFile/doUpload"
                                :show-file-list="false"
                                :on-success="handleAvatarSuccess"
                                :before-upload="beforeAvatarUpload">
                            <img v-if="imageUrl" :src="imageUrl" class="avatar">
                            <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                        </el-upload>
                    </el-row>
                    <el-row justify="center" type="flex">
                        <el-button type="primary" size="mini" @click="tgtpSubmit()">保存</el-button>
                    </el-row>
                </el-tab-pane>
@@ -253,20 +295,19 @@
<script>
    //百度编辑器
    MUI.initImgUpload(".upload-input");
    var ue = {};
    var ue = {
        initialFrameWidth :750
    };
    var app = new Vue({
        el: '#app',
        data: {
            height:'calc(100vh - 240px)',
            fxy:[],
            fenxiaoGrade: "",
            tgwa: "",
            activeName: 'first',
            multipleSelection: [],
            fxtp:{},
            mdjf:[],
            scjf:[],
            fenxiaoGrade: "",
            //推广文案
            tgwa: {},
            //图片上传
            imageUrl: '',
            //分佣方案
            fyfaList:{
                rows:[],
@@ -274,7 +315,6 @@
                pageSize:10,
                currentPage:1,
            },
            //分销员管理
            shenheAgreeType : 2,
            shenheDisagreeType : 3,
@@ -300,16 +340,56 @@
                pageSize:10,
                currentPage:1,
            },
            height:'calc(100vh - 240px)',
        },
        created: function () {
            this.loadInfo();
            window.addEventListener("keydown", this.keydown);
            //初始化编辑器
            ue = UE.getEditor('description');
            //百度编辑器
            MUI.initImgUpload(".upload-input");
            ue = UE.getEditor('description', {
                toolbars: [
                    [
                        'anchor',
                        'bold', //加粗
                        'indent', //首行缩进
                        'italic', //斜体
                        'underline', //下划线
                        'strikethrough', //删除线
                        'subscript', //下标
                        'fontborder', //字符边框
                        'superscript', //上标
                        'formatmatch', //格式刷
                        'pasteplain', //纯文本粘贴模式
                        'selectall', //全选
                        'horizontal', //分隔线
                        'removeformat', //清除格式
                        'unlink', //取消链接
                        'inserttitle', //插入标题
                        'cleardoc', //清空文档
                        'fontfamily', //字体
                        'fontsize', //字号
                        'paragraph', //段落格式
                        'simpleupload', //单图上传
                        'insertimage', //多图上传
                        'link', //超链接
                        'emotion', //表情
                        'justifyleft', //居左对齐
                        'justifyright', //居右对齐
                        'justifycenter', //居中对齐
                        'justifyjustify', //两端对齐
                        'forecolor', //字体颜色
                        'backcolor', //背景色
                        'insertorderedlist', //有序列表
                        'insertunorderedlist', //无序列表
                        'fullscreen', //全屏
                        'rowspacingtop', //段前距
                        'rowspacingbottom', //段后距
                        'imagecenter', //居中
                        'lineheight', //行间距
                        'customstyle', //自定义标题
                        'autotypeset', //自动排版
                        'background', //背景
                    ]
                ]});
        },
        mounted: function () {
        },
@@ -319,25 +399,84 @@
                let _this = this;
                _this.loadParamSetting();
                _this.loadFyfaSetting();
                _this.loadTgwaSetting();
                _this.loadTgtpSetting();
                _this.getSalemanGradeList();
            },
            submittp(paramValue) {
                alert(paramValue);
            //推广文案
            loadTgwaSetting() {
                let _this = this;
                AjaxProxy.requst({
                    app: _this,
                    data:[],
                    url: basePath + '/fenXiao/fenXiaoUser/loadTgwaSetting',
                    callback: function (data) {
                        _this.tgwa = data.mapInfo.tgwa;
                        var ue = UE.getEditor('description');
                        ue.ready(function() {//编辑器初始化完成再赋值
                            ue.setContent(_this.tgwa.paramValue3);  //赋值给UEditor
                        });
                    }
                });
            },
            toggleSelection(rows) {
                if (rows) {
                    rows.forEach(row => {
                        this.$refs.multipleTable.toggleRowSelection(row);
                    });
                } else {
                    this.$refs.multipleTable.clearSelection();
            wamsSubmit(){
                let _this = this;
                let tgfa = ue.getContent();
                let data= {
                    tgfa:tgfa,
                };
                AjaxProxy.requst({
                    app: _this,
                    data:data,
                    url: basePath + '/fenXiao/fenXiaoUser/updateTgjh',
                    callback: function (data) {
                        _this.$message.success(data.info);
                        _this.loadTgwaSetting();
                    }
                });
            },
            //图片上传
            loadTgtpSetting() {
                let _this = this;
                AjaxProxy.requst({
                    app: _this,
                    data:[],
                    url: basePath + '/fenXiao/fenXiaoUser/loadTgtpSetting',
                    callback: function (data) {
                        _this.imageUrl = data.mapInfo.tgtp.paramValue;
                    }
                });
            },
            tgtpSubmit(){
                let _this = this;
                let imageUrl = _this.imageUrl;
                let data= {
                    imageUrl:imageUrl,
                };
                AjaxProxy.requst({
                    app: _this,
                    data:data,
                    url: basePath + '/fenXiao/fenXiaoUser/updateTgtp',
                    callback: function (data) {
                        _this.$message.success(data.info);
                        _this.loadTgtpSetting();
                    }
                });
            },
            handleAvatarSuccess(res, file) {
                this.imageUrl = res.path;
            },
            beforeAvatarUpload(file) {
                const isJPG = file.type === 'image/jpeg';
                const isLt2M = file.size / 1024 / 1024 < 2;
                if (!isJPG) {
                    this.$message.error('上传头像图片只能是 JPG 格式!');
                }
            },
            handleSelectionChange(val) {
                this.multipleSelection = val;
            },
            handleClick(row) {
                console.log(row);
                if (!isLt2M) {
                    this.$message.error('上传头像图片大小不能超过 2MB!');
                }
                return isJPG && isLt2M;
            },
            //分佣方案
            loadFyfaSetting() {
@@ -364,29 +503,36 @@
                this.loadFyfaSetting();
            },
            //新增
            addFyfa(){
            addFyfaReady(){
                let _this = this;
                AjaxProxy.requst({
                    app: _this,
                    data:[],
                    url: basePath + '/fenXiao/fenXiaoUser/addFyfa',
                    callback: function (data) {
                        _this.$message.success(data.info);
                        _this.loadFyfaSetting();
                    }
                });
                let fyfaReady = {};
                _this.fyfaList.rows.push(fyfaReady);
            },
            // addFyfa(){
            //     let _this = this;
            //     AjaxProxy.requst({
            //         app: _this,
            //         data:[],
            //         url: basePath + '/fenXiao/fenXiaoUser/addFyfa',
            //         callback: function (data) {
            //             _this.$message.success(data.info);
            //             _this.loadFyfaSetting();
            //         }
            //     });
            // },
            updateFyfa(row){
                let _this = this;
                let id = row.id;
                let name = row.name;
                let sealesCommission = row.sealesCommission;
                let selfCommission = row.selfCommission;
                let invitationCommission = row.invitationCommission;
                let gradeCondition = row.gradeCondition;
                let obj = {
                    id: id,
                    name: name,
                    sealesCommission: sealesCommission,
                    selfCommission: selfCommission,
                    invitationCommission: invitationCommission,
                    gradeCondition: gradeCondition,
                }
@@ -411,7 +557,7 @@
                }).then(() => {
                    //通过
                    _this.delFyfaApply(row);
                    _this.loadFyfaSetting();
                }).catch(action => {
                    //不通过
                    if(action === 'cancel'){
@@ -435,6 +581,7 @@
                    url: basePath + '/fenXiao/fenXiaoUser/delFyfaApply',
                    callback: function (data) {
                        _this.$message.success(data.info);
                        _this.loadFyfaSetting();
                    }
                });
            },
@@ -500,11 +647,11 @@
                }
            },
            changePageSize(val) {
                this.table.pageSize = val;
                this.fxyList.pageSize = val;
                this.loadParamSetting();
            },
            changeCurrentPage(val) {
                this.table.currentPage = val;
                this.fxyList.currentPage = val;
                this.loadParamSetting();
            },
            //时间格式化
@@ -614,9 +761,6 @@
                        _this.loadParamSetting();
                    }
                });
            },
            submit() {
            }
        }
    })