jyy
2021-03-12 baa79615425b71521e67ec8a9344b88ce53fc5de
zq-erp/src/main/resources/templates/views/admin/fenxiao/fenxiao-user.html
@@ -22,92 +22,53 @@
    </script>
    <script type="text/javascript" charset="utf-8"
            th:src="@{/plugin/beditor/lang/zh-cn/zh-cn.js}"></script>
    <style>
        .paginationStyle{
            background: #ffffff;
            padding: 10px 10px;
            margin: 0px 0px 10px 0px;
            text-align: right;
        }
    </style>
</head>
<body>
<div class="ibox-content" id="app" v-cloak>
    <el-form label-width="120px" >
        <el-row>
            <el-tabs v-model="activeName" >
                <el-tab-pane label="门店积分规则" name="first">
                        <form class="form-inline" id="serchform">
                            <el-row style="display:flex;align-items: center;">
                                <el-col>
                                    <el-button type="primary" @click="submits()">新增分销员</el-button>
                                </el-col>
                                <el-col style="display:flex;align-items: center;">
                                    <el-select v-model="shenheState" placeholder="审核状态">
                                        <el-option label="已审核" value="1"></el-option>
                                        <el-option label="未审核" value="2"></el-option>
                <el-tab-pane label="分销员管理" name="first">
                    <el-row style="display:flex;align-items: center;">
                        <el-col>
                            <el-button type="primary" @click="addSaleMan()">新增分销员</el-button>
                        </el-col>
                        <el-col>
                            <el-form ref="form" :model="form" inline >
                                <el-form-item label="审核状态" prop="shenheState">
                                    <el-select v-model="form.shenheState" placeholder="请选择">
                                        <el-option
                                                v-for="item in shenheStateList"
                                                :key="item.value"
                                                :label="item.label"
                                                :value="item.value"
                                        >
                                        </el-option>
                                    </el-select>
                                    <el-select v-model="fenxiaoGrade" placeholder="分销员等级">
                                        <el-option label="初始等级" value="1"></el-option>
                                        <el-option label="合伙人" value="2"></el-option>
                                    </el-select>
                                    <el-button type="primary" @click="submits()">搜索</el-button>
                                    <el-button type="primary" @click="submits()">重置</el-button>
                                </el-col>
                            </el-row>
                        </form>
                                </el-form-item>
                                <el-button type="primary" @click="search" >搜索</el-button>
                                <el-button @click="resetForm('form')">重置</el-button>
                            </el-form>
                        </el-col>
                    </el-row>
                    <el-row>
                        <template>
                            <el-table
                                    ref="multipleTable"
                                    :data="tableData"
                                    tooltip-effect="dark"
                                    style="width: 100%"
                                    @selection-change="handleSelectionChange">
                            <el-table id="proj" :data="fxyList.rows"  :height="height" stripe @sort-change="sortChange">
                                <el-table-column
                                        type="selection"
                                        width="55">
                                </el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="分销员姓名"
                                        width="180">
                                </el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="分销员姓名"
                                        width="180">
                                </el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="邀请人"
                                        width="180">
                                </el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="下级客户数"
                                        width="180">
                                </el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="累计收益"
                                        width="180">
                                </el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="待结算"
                                        width="180">
                                </el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="等级"
                                        width="180">
                                </el-table-column>
                                <el-table-column
                                        prop="date"
                                        label="加入时间"
                                        width="180">
                                </el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="状态"
                                        width="180">
                                </el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="来源"
                                        prop="userId"
                                        label="id"
                                        width="180">
                                </el-table-column>
                                <el-table-column
@@ -121,6 +82,18 @@
                                </el-table-column>
                            </el-table>
                        </template>
                    </el-row>
                    <el-row class="paginationStyle"  >
                        <el-pagination background
                                       @size-change="changePageSize"
                                       @current-change="changeCurrentPage"
                                       :current-page="fxyList.currentPage"
                                       :page-sizes="[10, 20, 30, 50]"
                                       :page-size="fxyList.pageSize"
                                       layout="total, sizes, prev, pager, next, jumper"
                                       :total="fxyList.total">
                        </el-pagination>
                    </el-row>
                </el-tab-pane>
                <el-tab-pane label="分佣方案" name="second">
                    <template>
@@ -169,9 +142,29 @@
                        <el-button type="primary" @click="submit()">保存</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-row>
                </el-tab-pane>
            </el-tabs>
        </el-row>
    </el-form>
</div>
</body>
<script type="text/javascript" th:src="@{/js/plugin/jquery-2.1.4.min.js}"></script>
@@ -180,27 +173,56 @@
<script type="text/javascript" th:src="@{/js/systools/AjaxProxyVue.js}"></script>
<script type="text/javascript" th:src="@{/js/plugin/vue.js}"></script>
<script type="text/javascript" th:src="@{/plugin/element-ui/index.js}"></script>
<script type="text/javascript" th:src="@{/js/systools/MJsBase.js}"></script>
<script type="text/javascript" th:src="@{/plugin/layer/layer.js}"></script>
<script type="text/javascript" th:src="@{/plugin/moment.min.js}"></script>
<script>
    //百度编辑器
    MUI.initImgUpload(".upload-input");
    var ue = {};
    var app = new Vue({
        el: '#app',
        data: {
            shenheState: "",
            fxy:[],
            fenxiaoGrade: "",
            tableData:[],
            tgwa: "",
            activeName: 'first',
            multipleSelection: [],
            jfyxq:[],
            fxtp:{},
            jfdxj:[],
            mdjf:[],
            scjf:[],
            form:{
                shenheState:'',
                order:'',
                sort:''
            },
            //条件查询审核状态
            shenheStateList:[
                {value:'',label:'全部'},
                {value:1,label:'未审核'},
                {value:2,label:'通过'},
                {value:3,label:'未通过'}
            ],
            fxyList:{
                rows:[],
                total:0,
                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");
        },
        mounted: function () {
        },
@@ -209,6 +231,9 @@
            loadInfo() {
                let _this = this;
                _this.loadParamSetting();
            },
            submittp(paramValue) {
                alert(paramValue);
            },
            toggleSelection(rows) {
                if (rows) {
@@ -227,17 +252,68 @@
            },
            loadParamSetting() {
                let _this = this;
                //加载配置
                let data=_this.getRequestParam();
                data.pageSize=_this.fxyList.pageSize;
                data.pageNum=_this.fxyList.currentPage;
                AjaxProxy.requst({
                    app: _this,
                    data: {},
                    url: basePath + '/score/ruleSetting/selectScoreRule',
                    data:data,
                    url: basePath + '/fenXiao/fenXiaoUser/findShopSalesmanApplyList',
                    callback: function (data) {
                        _this.jfyxq = data.mapInfo.jfyxq;
                        console.log("over");
                        _this.fxyList.rows = data.rows;
                        _this.fxyList.total=data.total;
                    }
                });
            },
            getRequestParam(){
                let _this = this;
                return   {
                    shenheState:_this.form.shenheState,
                    order:_this.form.order,
                    sort:_this.form.sort,
                }
            },
            search:function(){
                this.fxyList.currentPage=1;
                this.loadInfo();
            },
            keydown(evt){
                if(evt.keyCode==13) {
                    this.search();
                }
            },
            resetForm(formName) {
                this.$refs[formName].resetFields();
            },
            sortChange:function (column){
                if(column.order){
                    if(column.order.indexOf("desc")){
                        this.form.order="desc";
                    }else{
                        this.form.order="asc";
                    }
                    this.form.sort=column.prop;
                    this.loadInfo();
                }
            },
            changePageSize(val) {
                this.table.pageSize = val;
                this.loadData();
            },
            changeCurrentPage(val) {
                this.table.currentPage = val;
                this.loadData();
            },
            //新增分销员页面
            addSaleMan(){
                layer.full(layer.open({
                    type: 2,
                    title: "选择会员",
                    maxmin: true,
                    area: [MUI.SIZE_L, '500px'],
                    content : [ basePath + '/admin/redirect/fenxiao/fenxiao-apply']
                }));
            },
            submit() {
            }