新增或修改角色

pages/teams/addRole.js

@@ -1,11 +1,13 @@
-// pages/teams/addRole.js
+const _Http = getApp().globalData.http;
+
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        roleid: -1, //角色id
+        appList: [], //应用列表
         fromList: [{
             label: "角色名称",
             error: false,
@@ -13,7 +15,7 @@ Page({
             type: "text",
             value: "",
             placeholder: "请填写",
-            valueName: "username", //绑定的字段名称
+            valueName: "rolename", //绑定的字段名称
             required: true, //必填
         }, {
             label: "角色描述",
@@ -22,27 +24,89 @@ Page({
             type: "text",
             value: "",
             placeholder: "请填写",
-            valueName: "gender", //绑定的字段名称
-            required: true, //必填
-        }, {
-            label: "选择模块",
-            error: false,
-            errMsg: "",
-            type: "date",
-            value: "",
-            placeholder: "请填写",
-            valueName: "phone", //绑定的字段名称
+            valueName: "remarks", //绑定的字段名称
             required: true, //必填
-        }]
+        }],
+        disabled: true, //按钮禁用
+        loading: false, //按钮加载
     },
 
     /**
      * 生命周期函数--监听页面加载
      */
     onLoad(options) {
-
+        if (options.item) {
+            let item = JSON.parse(options.item)
+            this.setData({
+                roleid: item.roleid,
+                ['fromList[0].value']: item.rolename,
+                ['fromList[1].value']: item.remarks,
+                disabled: false
+            })
+        }
+        this.query_appselect();
+    },
+    /* 提交数据 */
+    submitRole() {
+        if (this.data.disabled || this.data.loading) return;
+        this.setData({
+            loading: true
+        })
+        let {
+            isReturn,
+            returnData
+        } = this.selectComponent("#form").getData();
+        _Http.basic({
+            "classname": "sale.role.role",
+            "method": "insertormodify_role",
+            "content": {
+                "roleid": this.data.roleid,
+                ...returnData
+            }
+        }).then(res => {
+            this.setData({
+                loading: false
+            })
+            if (res.msg != '成功') return wx.showToast({
+                title: res.data,
+                icon: "none"
+            })
+            this.setData({
+                disabled: true
+            })
+            wx.showToast({
+                title: '保存成功!',
+            })
+            let pages = getCurrentPages(),
+                prevPage = pages[pages.length - 2];
+            prevPage.getList(true);
+            setTimeout(() => {
+                wx.navigateBack({
+                    delta: 0
+                })
+            }, 300)
+        })
+    },
+    /* 查询应用列表 */
+    query_appselect() {
+        _Http.basic({
+            "classname": "sale.role.role",
+            "method": "query_appselect",
+            "content": {
+                "roleid": this.data.roleid
+            }
+        }).then(res => {
+            console.log("应用列表", res)
+            if (res.msg != '成功') return wx.showToast({
+                title: res.data,
+                icon: "none"
+            })
+            this.setData({
+                roleid: this.data.roleid == -1 ? 0 : this.data.roleid,
+                appList: res.data
+            })
+        })
     },
-
     /**
      * 生命周期函数--监听页面初次渲染完成
      */
@@ -50,6 +114,15 @@ Page({
 
     },
 
+    /* 表单是否完成 */
+    formCompletedOrNot({
+        detail
+    }) {
+        this.setData({
+            disabled: !detail
+        })
+    },
+
     /**
      * 生命周期函数--监听页面显示
      */

pages/teams/addRole.scss

@@ -16,4 +16,26 @@
         font-weight: bold;
         color: #333333;
     }
+}
+
+.footer {
+    position: fixed;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 750rpx;
+    height: 130rpx;
+    background-color: #fff;
+    bottom: 0;
+
+    .submit {
+        width: 500rpx;
+        height: 90rpx !important;
+        background: #FA8C16;
+        border-radius: 45rpx;
+        font-size: 28rpx;
+        font-family: PingFang SC-Bold, PingFang SC;
+        font-weight: bold;
+        color: #FFFFFF;
+    }
 }

pages/teams/addRole.wxml

@@ -1,7 +1,11 @@
-<My_form id='form' fromList='{{fromList}}' bindCompletedOrNot='formCompletedOrNot'></My_form>
+<My_form id='form' fromList='{{fromList}}' bindCompletedOrNot='formCompletedOrNot' />
 <view class="unread">已选择模块在下方显示，请选择对应模块的应用及功能</view>
 <view class="module-navigation">
     <view>模块</view>
     <view>应用</view>
 </view>
-<My_empty></My_empty>
+<My_empty wx:if="{{appList.length==0}}" />
+<view style="height: 130rpx;" />
+<view class="footer">
+    <van-button disabled='{{disabled}}' loading='{{loading}}' bindtap="submitRole" loading-text="保存中..." custom-class='submit'>保存</van-button>
+</view>