From 10f78f85875f539590a757f7c17992c6c0ae0773 Mon Sep 17 00:00:00 2001
From: 935090232@qq.com <ak473600000>
Date: Thu, 03 Jun 2021 23:36:39 +0800
Subject: [PATCH] 业绩规则2

---
 zq-erp/src/main/resources/templates/views/admin/hive-erp/products/achieverule-list.html |  168 ++++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 108 insertions(+), 60 deletions(-)

diff --git a/zq-erp/src/main/resources/templates/views/admin/hive-erp/products/achieverule-list.html b/zq-erp/src/main/resources/templates/views/admin/hive-erp/products/achieverule-list.html
index 5edbdea..1c379bf 100644
--- a/zq-erp/src/main/resources/templates/views/admin/hive-erp/products/achieverule-list.html
+++ b/zq-erp/src/main/resources/templates/views/admin/hive-erp/products/achieverule-list.html
@@ -15,21 +15,24 @@
     <link th:href="@{/css/styleOne/style.min.css}" rel="stylesheet" type="text/css"/>
     <title></title>
     <style>
-        .panel-body{
+        .panel-body {
             overflow: hidden;
         }
-        .buttonPanel{
+
+        .buttonPanel {
             background: #ffffff;
-            padding: 10px 10px ;
+            padding: 10px 10px;
             margin: 0px 0px 10px 0px;
         }
-        .rowPanel{
+
+        .rowPanel {
             background: #ffffff;
-            padding: 0px 10px ;
+            padding: 0px 10px;
             padding-top: 10px;
             margin: 0px 0px 10px 0px;
         }
-        .paginationStyle{
+
+        .paginationStyle {
             background: #ffffff;
             padding: 10px 10px;
             margin: 0px 0px 10px 0px;
@@ -41,22 +44,22 @@
 <div class="panel-body" id="app">
 
     <el-row class="buttonPanel">
-            <el-button @click="dialogVisible = true" type="primary" >新增</el-button>
+        <el-button @click="openAdd" type="primary">新增</el-button>
     </el-row>
 
-    <el-row class="rowPanel"  >
-        <el-form ref="form" :model="form" inline >
+    <el-row class="rowPanel">
+        <el-form ref="form" :model="form" inline>
             <el-form-item label="规则名称" prop="queryKey">
                 <el-input v-model="form.keyword" placeholder="请输入规则名称"></el-input>
             </el-form-item>
-            <el-button type="primary" @click="search" >搜索</el-button>
+            <el-button type="primary" @click="search">搜索</el-button>
             <el-button @click="resetForm('form')">重置</el-button>
         </el-form>
     </el-row>
 
-    <el-row class="table-style"  >
+    <el-row class="table-style">
 
-        <el-table id="proj" :data="table.rows"  :height="height" stripe @sort-change="sortChange">
+        <el-table id="proj" :data="table.rows" :height="height" stripe @sort-change="sortChange">
             <el-table-column
                     prop="name"
                     label="规则名称"
@@ -88,12 +91,13 @@
 
             <el-table-column label="操作">
                 <template slot-scope="scope">
+                    <el-button type="text" @click="openModify(scope.$index, scope.row)" size="small">修改</el-button>
                     <el-button type="text" @click="remove(scope.$index, scope.row)" size="small">删除</el-button>
                 </template>
             </el-table-column>
         </el-table>
     </el-row>
-    <el-row class="paginationStyle"  >
+    <el-row class="paginationStyle">
         <el-pagination background
                        @size-change="changePageSize"
                        @current-change="changeCurrentPage"
@@ -106,9 +110,9 @@
     </el-row>
 
     <el-dialog
-            title="提示"
+            title="title"
             :visible.sync="dialogVisible"
-            width="30%"
+            width="60%"
             :before-close="handleClose">
         <span>这是一段信息</span>
         <span slot="footer" class="dialog-footer">
@@ -132,29 +136,51 @@
     var vue = new Vue({
         el: '#app',
         data: {
-            table:{
-                rows:[],
-                total:0,
-                pageSize:10,
-                currentPage:1,
+            table: {
+                rows: [],
+                total: 0,
+                pageSize: 10,
+                currentPage: 1,
             },
-            form:{
-                name:null,
-                datetimeArr:'',
-                payMethod:'',
-                flowType:'',
-                orderNo:'',
-                oprationMan:'',
-                queryKey:'',
-                order:'',
-                sort:''
+            form: {
+                queryKey: null,
             },
-            height:'calc(100vh - 240px)',
-            dialogVisible:false,
 
+            height: 'calc(100vh - 240px)',
+            dialogVisible: false,
+            title: '',
+            formData: {
+                name: '',
+                ruleItemList: [this.defaultRuleItem]
+            },
+            defaultRuleItem: {
+                achieveType: 1,
+                calculationType: 1,
+                Lower: '',
+                upper: '',
+                achieve: '',
+            },
+            type: '',
+            achieveTypeList: [{
+                label: '本金消耗',
+                value: 1
+            }
+                , {
+                    label: '赠送消耗',
+                    value: 2
+                }],
+            calculationTypeList: [
+                {
+                label: '固定值',
+                value: 1
+                }
+                , {
+                    label: '百分比',
+                    value: 2
+                }]
         },
         created: function () {
-           this.loadData();
+            this.loadData();
             window.addEventListener("keydown", this.keydown);
         },
         methods: {
@@ -169,50 +195,50 @@
             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";
+            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.form.sort = column.prop;
                     this.loadData();
                 }
             },
-            loadData:function(){
+            loadData: function () {
                 let _this = this;
-                let data=_this.getRequestParam();
-                data.pageSize=_this.table.pageSize;
-                data.pageNum=_this.table.currentPage;
+                let data = _this.getRequestParam();
+                data.pageSize = _this.table.pageSize;
+                data.pageNum = _this.table.currentPage;
                 AjaxProxy.requst({
                     app: _this,
-                    data:data,
+                    data: data,
                     url: basePath + '/admin/achieveRule/selectList',
                     callback: function (data) {
                         _this.table.rows = data.rows;
-                        _this.table.total=data.total;
+                        _this.table.total = data.total;
                     }
                 });
             },
-            getRequestParam(){
+            getRequestParam() {
                 let _this = this;
-                return   {
-                    name:_this.form.name,
+                return {
+                    queryKey: _this.form.queryKey,
                 }
             },
-            search:function(){
-                this.table.currentPage=1;
+            search: function () {
+                this.table.currentPage = 1;
                 this.loadData();
             },
-            keydown(evt){
-                if(evt.keyCode==13) {
+            keydown(evt) {
+                if (evt.keyCode == 13) {
                     this.search();
                 }
             },
 
-            del(index,row){
-                let _this=this;
+            remove(index, row) {
+                let _this = this;
                 this.$confirm('确认删除该规则吗?', '提示', {
                     confirmButtonText: '确定',
                     cancelButtonText: '取消',
@@ -220,12 +246,14 @@
                 }).then(() => {
                     AjaxProxy.requst({
                         app: _this,
-                        url: basePath + "/admin/achieveRule/removeById/"+row.id,
+                        type: 'GET',
+                        url: basePath + "/admin/achieveRule/removeById/" + row.id,
                         callback: function (data) {
                             _this.$message({
                                 type: 'success',
-                                message: '删除成功!'
+                                message: data.info,
                             });
+                            debugger
                             _this.loadData();
                         }
                     });
@@ -236,12 +264,32 @@
                     });
                 });
             },
-            //导出
-          add(){
+            //开启表单弹窗
+            openForm(type, data) {
 
-            }
+                if (type == 'add') {
+                    this.title = '新增规则';
+                    this.$refs['formName'].resetFields();
+                } else {
+                    this.title = '修改规则';
+                    this.formData = data;
+                }
+                this.type = type;
+                this.dialogVisible = true;
+            },
+            //提交表单
+            submit() {
+                let url = basePath + "/admin/achieveRule/add";
+                if (this.type == 'modify') {
+                    url = basePath + "/admin/achieveRule/update";
+                }
+
+
+            },
+
 
         }
+
     });
 
 

--
Gitblit v1.9.1