sasp-admin 0.2.57

package/src/views/role/viewMenuOptDetail.vue

@@ -0,0 +1,182 @@
+<template>
+    <el-container style="height: 100%" class="role-menu-contain">
+            <el-header style="padding-right:0;height: 40px">
+                <el-input size="medium"
+                          prefix-icon="el-icon-search"
+                          placeholder="输入关键字进行过滤"
+                          clearable
+                          v-model="filterText">
+                </el-input>
+
+            </el-header>
+            <el-main class="mainTree">
+                <common-tree v-if="treeva"
+                        ref="roleMenuTreeRef"
+                        :request-url="api.menu.listNoPageByRole"
+                        :request-param="requestParam"
+                        parent-id="menuChiefNum"
+                        :default-props="defaultProps"
+                        :filterText="filterText"
+                        :initCheck="initCheck"
+                        :deal-tree-data="dealTreeData"
+                        :init-call-back="initCallBack"
+                        :renderContentFunc="renderContent"
+                        :refresh-proper="refreshProper + ''"
+                        :checkbox=false
+                        defaultExpandAll
+                >
+                </common-tree>
+            </el-main>
+    </el-container>
+</template>
+
+<script>
+    export default {
+        name: "view-menu-opt-detail",
+        components: {
+        },
+        props: [
+            'roleId',
+            'refreshProper',
+        ],
+        data(){
+            return {
+                filterText: '', // 需要过滤节点的关键字
+                requestParam:{"menuIds":""}, // 查看不过滤不启用的菜单，"menuSfqy":"Y"这个条件去掉
+                defaultProps: {
+                    children: 'children',
+                    label: 'menuShowName'
+                },
+                initCheck:{},
+                dimensionObj:{},
+                treeva:false
+            }
+        },
+        watch:{
+            refreshProper(){
+                this.refreshProper && this.init();
+            }
+        },
+        created(){
+            let vm = this;
+            vm.axios.post(vm.api.sysOrgDimension.find).then(res => {
+                (res.data || []).forEach(item => {
+                   let dimSpec = JSON.parse(vm.platStringUtil.replaceAll(item.dimSpec,"'","\"") || "{}");
+                   vm.dimensionObj[item["id"]] = dimSpec["menuLocalName"];
+                });
+                vm.dimensionObj["sys"] = "系统";
+                this.init();
+
+            });
+        },
+        methods:{
+            init(){
+                let vm = this;
+                vm.axios.post(vm.api.roleMenuOpt.find,{"roleId":vm.roleId}).then(function (res) {
+                    let checkArr = [];
+                    let menuIds = "";
+                    res.data.forEach(function (each) {
+                        checkArr.push(each.menuId);
+                        menuIds+=","+each.menuId;
+                    });
+                    if(menuIds){
+                        menuIds = menuIds.substring(1);
+                        vm.requestParam={id:menuIds}
+                    }else{
+                        vm.requestParam={}
+                    }
+                    vm.initCheck["initCheck"] = checkArr; // 初始化选中数据
+                    vm.treeva=true;
+                })
+            },
+            dealTreeData(data){
+                let vm = this;
+                let arr = [];
+                let checkArr = this.initCheck["initCheck"] || []; // 初始化选中的数据
+                let realInfoArr = []; // 实际需要的数据，清除未勾选的数据，但保留已勾选的上级未选中的数据
+                let realInfoIds = [];
+                let obj = {};
+                data.forEach(function (each) {
+                    obj[each["id"]] = each;
+                });
+                checkArr.forEach(function (menuId) {
+                    recursionData(obj[menuId]);
+                });
+                function recursionData(data){
+                    if(data){
+                        if(realInfoIds.indexOf(data["id"]) == -1){
+                            realInfoArr.push(data);
+                            realInfoIds.push(data["id"]);
+                        }
+                        recursionData(obj[data["menuChiefNum"]]);
+                    }
+                }
+                realInfoArr.forEach(function (each) {
+                    let belong = "";
+                    each["disabled"] = true;
+                    each["cdss"] && (belong = "(" + (vm.dimensionObj[each["cdss"]] || each["cdss"]) + ")");
+                    each["menuShowName"] = each["menuName"] + belong;
+                });
+                return arr.concat(realInfoArr);
+            },
+            renderContent(h, {node, data, store}) {
+                return (
+                    <span class={node.level == 1 ? 'model-color':''} style={node.level == 1 ? 'letter-spacing:1px':''}>
+                            <i class={data.className}></i>
+                            <span style={node.level == 2 ? 'font-weight:bold':""}>{node.label}</span>
+                        </span>
+                );
+            },
+            initCallBack() { // 树初始化回调函数，展开已勾选的数据
+                // let vm = this;
+                // let nodesMap = this.$refs.roleMenuTreeRef.getAllNode();
+                // for(let [key,node] of Object.entries(nodesMap)){
+                //     if(node.checked){
+                //         node.expanded = true;
+                //         vm.recursionExpand(node);
+                //     }
+                // }
+            },
+            recursionExpand(node){ // 递归将上级展开
+                let nodesMap = this.$refs.roleMenuTreeRef.getAllNode();
+                let parentNode = nodesMap[node.data.menuSjbh];
+                if(parentNode){
+                    parentNode.expanded = true;
+                    this.recursionExpand(parentNode);
+                }
+            },
+        }
+    }
+</script>
+
+<style scoped>
+    .mainTree {
+        overflow-y: auto;
+        width: 100% !important;
+        height: calc(100% - 45px);
+        position: relative;
+        margin-top: 5px;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+        user-select: none;
+        padding: 0 10px;
+    }
+    .mainTree /deep/ .model-color span{
+        font-size: 16px;
+    }
+    .mainTree /deep/ .el-tree > .el-tree-node > .el-tree-node__content{  /* 选中第一级菜单 */
+        background-color:#1A598A;
+        text-decoration: none;
+        border: 1px silver solid;
+        color:#fff;
+        text-align: center;
+        height: 35px;
+        font-size: 16px;
+    }
+
+    .mainTree /deep/ .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner{
+        background-color: #409EFF;
+        border-color: #409EFF;
+    }
+</style>

package/src/views/sms/sendSms.vue

@@ -0,0 +1,164 @@
+<template>
+    <el-container  class="top_contain" >
+        <!--查询条件 -->
+        <el-header  style="height: auto">
+            <div class="search-form-parent el-card">
+                <el-form :inline="true" :model="searchForm" size="small"
+                         class="demo-form-inline"  @keyup.enter.native="doSearch()" onSubmit="return false;">
+                    <el-form-item label="模板ID"  style="margin-left: 20px">
+                        <el-input  v-model="searchForm.smsId"  style="width:120px" ></el-input>
+                    </el-form-item>
+                    <el-form-item label="模板内容"  style="margin-left: 20px">
+                        <el-input  v-model="searchForm.smsConcet"  style="width:120px" ></el-input>
+                    </el-form-item>
+                    <el-form-item>
+                        <el-button   type="primary" icon="el-icon-search" @click="doSearch()">查询</el-button>
+                        <el-button  icon="el-icon-close" @click="resetSearch()">清空</el-button>
+                    </el-form-item>
+                </el-form>
+            </div>
+        </el-header>
+
+        <!--查询体 列表展示-->
+        <el-main  id="tableMain" style="height: 100%">
+            <el-container style="height:100%" class="table-list-container">
+                <!--列表-->
+                <el-main style="height: 100%;" ref="tableMain" >
+                    <el-table :data="formData" ref="tableData" stripe border height="100%"  style="width: 100%;">
+                        <el-table-column type="index" label=" " align="center" width="60"></el-table-column>
+                        <el-table-column label="模板ID" prop="smsId" width="120" align="center"></el-table-column>
+                        <el-table-column  label="模板类型" prop="smsType" align="center" width="180" >
+                        </el-table-column>
+                        <el-table-column label="模板内容" prop="smsConcet" align="center"></el-table-column>
+                        <el-table-column
+                          label="操作"
+                          width="100">
+                          <template slot-scope="scope">
+                            <el-button @click="setSms(scope.row)" type="text" size="small">发送短信</el-button>
+                          </template>
+                        </el-table-column>
+                    </el-table>
+                </el-main>
+            </el-container>
+        </el-main>
+        <el-dialog title="短信设置" :visible.sync="dialogTableVisible" width="600px" >
+            <el-form ref="form" :model="form" label-width="80px">
+              <el-form-item label="模板ID">
+                <el-input  v-model="form.smsId" :disabled="true"></el-input>
+              </el-form-item>
+              <el-form-item label="模板类型">
+                <el-input  v-model="form.smsType" :disabled="true"></el-input>
+              </el-form-item>
+              <el-form-item label="模板内容">
+                <el-input  v-model="form.smsConcet" :disabled="true"></el-input>
+              </el-form-item>
+              <el-form-item label="发送对象">
+                <el-input placeholder="多个手机号码用逗号隔开" v-model="form.smsSendPhone"></el-input>
+              </el-form-item>
+              <el-form-item label="发送内容">
+                <el-input placeholder="多个参数内容用逗号隔开"  v-model="form.smsSendConcet"></el-input>
+              </el-form-item>
+            </el-form>
+            <div slot="footer" class="dialog-footer">
+              <el-button @click="dialogTableVisible = false">取 消</el-button>
+              <el-button type="primary" @click="sendSms">发送</el-button>
+            </div>
+        </el-dialog>
+    </el-container>
+</template>
+
+<script>
+    export default {
+        name:"send-sms",
+        show:true,
+        data() {
+            return {
+                dialogTableVisible:false,
+                searchForm:{"smsConcet":"","smsId":""},
+                form:{"smsConcet":"","smsType":"","smsId":"","smsSendPhone":"","smsSendConcet":""},
+                formData:[],
+                defaultFormData:[]
+            }
+        },
+        created(){
+            let vm = this;
+            vm.initDeault();
+        },
+        watch: {
+
+        },
+        methods: {
+            setSms(row){
+                this.form = {"smsConcet":"","smsType":"","smsId":"","smsSendPhone":"","smsSendConcet":""};
+                this.form.smsConcet = row.smsConcet;
+                this.form.smsId = row.smsId;
+                this.form.smsType = row.smsType;
+                this.dialogTableVisible=true;
+            },
+            sendSms(){
+                let vm = this;
+                vm.axios.post(baseUrl+"/admin/SendSmsController/sendSms",{
+                        "tempId":vm.form.smsId,
+                        "phone":vm.form.smsSendPhone,
+                        "sendParam":vm.form.smsSendConcet
+                    }).then(response => {
+                    console.log(response);
+                    if(response.data){
+                        vm.$message.success("短信发送成功！");
+                        vm.dialogTableVisible=false;
+                    }else{
+                        vm.$message.error("短信发送异常！");
+                    }
+                    vm.dialogTableVisible=false;
+                });
+            },
+            initDeault(){
+                this.defaultFormData.push({
+                    smsId:"1204957",
+                    smsType:"登录验证码",
+                    smsConcet:"验证码为：{1}，您正在登录，若非本人操作，请勿泄露。"
+                });
+                this.defaultFormData.push({
+                    smsId:"1227255",
+                    smsType:"系统提醒",
+                    smsConcet:"系统提醒：{1}。"
+                });
+                this.formData = JSON.parse(JSON.stringify(this.defaultFormData));
+            },
+            doSearch(){
+                let vm = this;
+                vm.formData = [];
+                vm.defaultFormData.forEach(item=>{
+                    if(vm.searchForm.smsId){
+                        if(item.smsId.indexOf(vm.searchForm.smsId)>-1){
+                            if(vm.searchForm.smsConcet){
+                                if(item.smsConcet.indexOf(vm.searchForm.smsConcet)>-1) {
+                                    vm.formData.push(item);
+                                }
+                            }else{
+                                vm.formData.push(item);
+                            }
+                        }
+                    }else{
+                        if(vm.searchForm.smsConcet){
+                            if(item.smsConcet.indexOf(vm.searchForm.smsConcet)>-1) {
+                                vm.formData.push(item);
+                            }
+                        }else{
+                            this.formData = JSON.parse(JSON.stringify(this.defaultFormData));
+                        }
+                    }
+                })
+            },
+            resetSearch(){
+                this.searchForm={"smsConcet":"","smsId":""},
+                this.formData = JSON.parse(JSON.stringify(this.defaultFormData));
+            }
+        }
+    }
+
+</script>
+
+<style scoped>
+
+</style>