├── static └── .gitkeep ├── favicon.ico ├── config ├── prod.env.js ├── dev.env.js ├── build.path.js └── index.js ├── src ├── assets │ ├── img │ │ ├── bg2.jpg │ │ ├── bg3.jpg │ │ └── bg4.jpg │ ├── preview │ │ ├── e1.jpg │ │ ├── e2.jpg │ │ ├── e3.jpg │ │ └── e4.jpg │ └── css │ │ └── style.css ├── config.js ├── App.vue ├── components │ ├── common │ │ ├── SearchWarp.vue │ │ ├── Header.vue │ │ ├── Breadcrumb.vue │ │ ├── ContentWarp.vue │ │ └── SideBar.vue │ ├── home.vue │ ├── index.js │ ├── qrCode │ │ ├── index.js │ │ └── index.vue │ ├── imgPreview │ │ ├── index.js │ │ └── index.vue │ └── form │ │ ├── SelectProduct.vue │ │ ├── SelectDepartment.vue │ │ ├── SelectProcess.vue │ │ ├── SelectRole.vue │ │ └── SelectCompany.vue ├── methods.js ├── view │ ├── order │ │ ├── loan.js │ │ ├── Loan.vue │ │ └── intend.js │ ├── NotFound.vue │ ├── Expired.vue │ ├── group │ │ ├── company │ │ │ └── Warp.vue │ │ ├── role │ │ │ ├── Power.vue │ │ │ ├── Role.vue │ │ │ └── role.js │ │ ├── Department.vue │ │ ├── department.js │ │ ├── power.js │ │ └── Power.vue │ ├── collection │ │ └── strategy │ │ │ ├── List.vue │ │ │ ├── Edit.vue │ │ │ ├── list.js │ │ │ └── edit.js │ ├── Login.vue │ ├── user │ │ ├── Password.vue │ │ └── Find.vue │ ├── work │ │ ├── process.js │ │ ├── Process.vue │ │ ├── assignment.js │ │ ├── Assignment.vue │ │ └── delegate.js │ ├── product │ │ ├── config.js │ │ └── Config.vue │ └── sms │ │ ├── Review.vue │ │ ├── enabled.js │ │ ├── review.js │ │ ├── Enabled.vue │ │ └── config.js ├── main.js └── data │ └── menus.js ├── dist ├── static │ ├── img │ │ ├── bg2.ee3e0f3.jpg │ │ └── bg3.ce136b5.jpg │ ├── fonts │ │ ├── element-icons.732389d.ttf │ │ └── element-icons.535877f.woff │ └── js │ │ ├── 0.50c13355aa4aa1a19998.js │ │ ├── 8.6387bc26b1ba1261e814.js │ │ ├── 6.538d6cfe5d6551d41425.js │ │ ├── 7.1b01405d1a7fb1d34ae1.js │ │ ├── 4.f27f430cc4b776dd1f8c.js │ │ ├── 9.412de981536ada137937.js │ │ ├── manifest.4fe9449a120f407564df.js │ │ ├── 13.f752f1b9a5057a726184.js │ │ ├── 19.93182766585fa556af29.js │ │ ├── 14.822e3e8f911cdf3d56a6.js │ │ ├── 25.3563c4667f2753649add.js │ │ ├── 10.bd9ee421c64a2a11b240.js │ │ ├── 5.ad7e489f9266cacd209a.js │ │ ├── 1.ec7fc1aa7570c9c97f81.js │ │ ├── 24.18e1305ccb635a3c57df.js │ │ └── 18.3050355b5c0736678fa2.js └── index.html ├── .prettierrc.json ├── .editorconfig ├── .postcssrc.js ├── .gitignore ├── index.html ├── .babelrc ├── README.md └── package.json /static/.gitkeep: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/favicon.ico -------------------------------------------------------------------------------- /config/prod.env.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | module.exports = { 3 | NODE_ENV: '"production"' 4 | }; 5 | -------------------------------------------------------------------------------- /src/assets/img/bg2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/src/assets/img/bg2.jpg -------------------------------------------------------------------------------- /src/assets/img/bg3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/src/assets/img/bg3.jpg -------------------------------------------------------------------------------- /src/assets/img/bg4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/src/assets/img/bg4.jpg -------------------------------------------------------------------------------- /src/assets/preview/e1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/src/assets/preview/e1.jpg -------------------------------------------------------------------------------- /src/assets/preview/e2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/src/assets/preview/e2.jpg -------------------------------------------------------------------------------- /src/assets/preview/e3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/src/assets/preview/e3.jpg -------------------------------------------------------------------------------- /src/assets/preview/e4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/src/assets/preview/e4.jpg -------------------------------------------------------------------------------- /dist/static/img/bg2.ee3e0f3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/dist/static/img/bg2.ee3e0f3.jpg -------------------------------------------------------------------------------- /dist/static/img/bg3.ce136b5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/dist/static/img/bg3.ce136b5.jpg -------------------------------------------------------------------------------- /src/config.js: -------------------------------------------------------------------------------- 1 | const info = { 2 | name: "金爱农运营后台", 3 | copy: "浙江金爱农网络科技有限公司" 4 | }; 5 | export default info; 6 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 4 | 5 | -------------------------------------------------------------------------------- /dist/static/fonts/element-icons.732389d.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/dist/static/fonts/element-icons.732389d.ttf -------------------------------------------------------------------------------- /dist/static/fonts/element-icons.535877f.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jingjingke/vue-admin/HEAD/dist/static/fonts/element-icons.535877f.woff -------------------------------------------------------------------------------- /.prettierrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "singleQuote": false, 3 | "semi": true, 4 | "jsxBracketSameLine": true, 5 | "tabWidth": 2, 6 | "bracketSpacing": true 7 | } 8 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /config/dev.env.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | const merge = require("webpack-merge"); 3 | const prodEnv = require("./prod.env"); 4 | 5 | module.exports = merge(prodEnv, { 6 | NODE_ENV: '"development"' 7 | }); 8 | -------------------------------------------------------------------------------- /dist/static/js/0.50c13355aa4aa1a19998.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([0],{"3cXf":function(n,t,i){n.exports={default:i("q1bu"),__esModule:!0}},q1bu:function(n,t,i){var f=i("Rv9F"),r=f.JSON||(f.JSON={stringify:JSON.stringify});n.exports=function(n){return r.stringify.apply(r,arguments)}}}); -------------------------------------------------------------------------------- /config/build.path.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | // 测试环境 3 | // JAVA:'http://172.16.34.21:9320/cgjr/', 4 | URL: "https://jingjingke.github.io/vue-admin/dist/" 5 | 6 | // 预发环境 7 | // JAVA: 8 | // URL: 9 | 10 | // 线上环境 11 | // JAVA: 12 | // URL: 13 | }; 14 | -------------------------------------------------------------------------------- /.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | plugins: { 5 | "postcss-import": {}, 6 | "postcss-url": {}, 7 | // to edit target browsers: use "browserslist" field in package.json 8 | autoprefixer: {} 9 | } 10 | }; 11 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | npm-debug.log* 4 | yarn-debug.log* 5 | yarn-error.log* 6 | /test/unit/coverage/ 7 | /test/e2e/reports/ 8 | selenium-debug.log 9 | 10 | # Editor directories and files 11 | .idea 12 | .project 13 | .vscode 14 | *.suo 15 | *.ntvs* 16 | *.njsproj 17 | *.sln 18 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 后台系统 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /src/components/common/SearchWarp.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /dist/static/js/8.6387bc26b1ba1261e814.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([8],{HGdy:function(e,t){},wUZA:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={render:function(){var e=this.$createElement,t=this._self._c||e;return t("div",{staticClass:"my-app",attrs:{id:"app"}},[t("SideBar"),this._v(" "),t("el-container",{attrs:{direction:"vertical"}},[t("Header"),this._v(" "),t("router-view")],1)],1)},staticRenderFns:[]};var i=r("C7Lr")({name:"Home"},n,!1,function(e){r("HGdy")},null,null);t.default=i.exports}}); -------------------------------------------------------------------------------- /src/components/home.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 16 | 17 | -------------------------------------------------------------------------------- /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | [ 4 | "env", 5 | { 6 | "modules": false, 7 | "targets": { 8 | "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] 9 | } 10 | } 11 | ], 12 | "stage-2" 13 | ], 14 | "plugins": [ 15 | "transform-vue-jsx", 16 | "transform-runtime", 17 | [ 18 | "component", 19 | [ 20 | { 21 | "libraryName": "element-ui", 22 | "styleLibraryName": "theme-chalk" 23 | } 24 | ] 25 | ] 26 | ] 27 | } 28 | -------------------------------------------------------------------------------- /dist/index.html: -------------------------------------------------------------------------------- 1 | 后台系统
-------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # vue-admin 2 | 3 | 整理的后台管理/配置界面，使用 vue + router + element-ui + scss。 4 | 5 | 效果预览可以[点击这里](https://jingjingke.github.io/vue-admin/dist/) 6 | 7 | 项目文件基本都在 src 目录中，这个不用细说了。（现在只做了前面的几块，其它差不多的） 8 | 9 | ## 其它话 10 | 11 | 这个界面不完全参照公司后台系统，不过我当时是用 bootstrap 配合 VUE 去做，组件基本也是自己封装，现在看上去页面已经有点旧了，有点不太顺眼。所以前段时间萌生了想法，想把 UI 界面换一换，然后就看上了 element-ui。虽然 element-ui 做不到十全十美，但是里面很多封装好的组件感觉都非常好用的~ 12 | 13 | ## 效果 14 | 15 | ![效果图1](https://jingjingke.github.io/vue-admin/src/assets/preview/e1.jpg) 16 | ![效果图2](https://jingjingke.github.io/vue-admin/src/assets/preview/e2.jpg) 17 | ![效果图3](https://jingjingke.github.io/vue-admin/src/assets/preview/e3.jpg) 18 | ![效果图4](https://jingjingke.github.io/vue-admin/src/assets/preview/e4.jpg) 19 | -------------------------------------------------------------------------------- /dist/static/js/6.538d6cfe5d6551d41425.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([6],{pzUE:function(t,e){},wX2v:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i={name:"Expired",data:function(){return{time:5,countdown:""}},methods:{goLogin:function(){this.$router.push("/login")}},mounted:function(){var t=this;this.countdown=setInterval(function(){t.time<=0?t.goLogin():t.time--},1e3)},destroyed:function(){clearInterval(this.countdown)}},o={render:function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"expired-page"},[n("p",{staticClass:"title"},[t._v("您的登录信息已过期，需要重新登录")]),t._v(" "),n("p",{staticClass:"link"},[[t._v(t._s(t.time))],t._v(" 秒后将为您跳转至"),n("el-button",{attrs:{type:"text"},on:{click:t.goLogin}},[t._v("登录页")])],2)])},staticRenderFns:[]};var s=n("C7Lr")(i,o,!1,function(t){n("pzUE")},null,null);e.default=s.exports}}); -------------------------------------------------------------------------------- /src/components/index.js: -------------------------------------------------------------------------------- 1 | // 通过组件 2 | import Header from "./common/Header"; 3 | import SideBar from "./common/SideBar"; 4 | import Breadcrumb from "./common/Breadcrumb"; 5 | import SearchWarp from "./common/SearchWarp"; 6 | import ContentWarp from "./common/ContentWarp"; 7 | 8 | import SelectCompany from "./form/SelectCompany"; 9 | import SelectProduct from "./form/SelectProduct"; 10 | import SelectProcess from "./form/SelectProcess"; 11 | import SelectRole from "./form/SelectRole"; 12 | import SelectAddress from "./form/SelectAddress"; 13 | import SelectDepartment from "./form/SelectDepartment"; 14 | 15 | export default { 16 | Header, 17 | SideBar, 18 | Breadcrumb, 19 | SearchWarp, 20 | ContentWarp, 21 | SelectCompany, 22 | SelectProduct, 23 | SelectProcess, 24 | SelectRole, 25 | SelectAddress, 26 | SelectDepartment 27 | }; 28 | -------------------------------------------------------------------------------- /src/components/qrCode/index.js: -------------------------------------------------------------------------------- 1 | import Vue from "vue"; 2 | import qr from "./index.vue"; 3 | 4 | // 构造子类 5 | const QrConstructor = Vue.extend(qr); 6 | 7 | // 创建实例并挂到一个新建的DIV节点上--后面会放进body 8 | let instance = new QrConstructor({ 9 | el: document.createElement("div") 10 | }); 11 | 12 | // 抛出的主方法 13 | const qrCode = function(options) { 14 | // 如果传进来的是字符串， 则应该是图片地址 15 | if (typeof options === "object") { 16 | options = { 17 | imgSrc: options[0], 18 | imgName: options[1] 19 | }; 20 | // 判断并将值挂到实例上 21 | for (let prop in options) { 22 | if (options.hasOwnProperty(prop)) { 23 | instance[prop] = options[prop]; 24 | } 25 | } 26 | // 显示的值 27 | instance.visible = true; 28 | // 将实例放入body 29 | document.body.appendChild(instance.$el); 30 | } 31 | }; 32 | 33 | export default qrCode; 34 | -------------------------------------------------------------------------------- /dist/static/js/7.1b01405d1a7fb1d34ae1.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([7],{bulR:function(t,n){},otog:function(t,n,e){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o={name:"NotFound",data:function(){return{time:10,countdown:""}},methods:{goLogin:function(){this.$router.push("/login")}},mounted:function(){var t=this;this.countdown=setInterval(function(){t.time<=0?t.goLogin():t.time--},1e3)},destroyed:function(){clearInterval(this.countdown)}},i={render:function(){var t=this,n=t.$createElement,e=t._self._c||n;return e("div",{staticClass:"not-found"},[e("p",{staticClass:"title"},[t._v("您要找的页面正在躲猫猫···")]),t._v(" "),e("p",{staticClass:"des"},[t._v("是不是地址输错了？或者页面还在开发中?")]),t._v(" "),e("p",{staticClass:"link"},[[t._v(t._s(t.time))],t._v(" 秒后将为您跳转至"),e("el-button",{attrs:{type:"text"},on:{click:t.goLogin}},[t._v("登录页")])],2)])},staticRenderFns:[]};var s=e("C7Lr")(o,i,!1,function(t){e("bulR")},null,null);n.default=s.exports}}); -------------------------------------------------------------------------------- /src/components/qrCode/index.vue: -------------------------------------------------------------------------------- 1 | 15 | 16 | 21 | 22 | 33 | -------------------------------------------------------------------------------- /src/components/imgPreview/index.js: -------------------------------------------------------------------------------- 1 | import Vue from "vue"; 2 | import preview from "./index.vue"; 3 | 4 | // 构造子类 5 | const PreviewConstructor = Vue.extend(preview); 6 | 7 | // 创建实例并挂到一个新建的DIV节点上--后面会放进body 8 | let instance = new PreviewConstructor({ 9 | el: document.createElement("div") 10 | }); 11 | 12 | // 抛出的主方法 13 | const ImgPreview = function(options) { 14 | // 如果传进来的是字符串， 则应该是图片地址 15 | if (typeof options === "string") { 16 | options = { 17 | imgSrc: options, 18 | imgName: "" 19 | }; 20 | } else { 21 | options = { 22 | imgSrc: options[0], 23 | imgName: options[1] 24 | }; 25 | } 26 | // 判断并将值挂到实例上 27 | for (let prop in options) { 28 | if (options.hasOwnProperty(prop)) { 29 | instance[prop] = options[prop]; 30 | } 31 | } 32 | // 显示的值 33 | instance.visible = true; 34 | // 将实例放入body 35 | document.body.appendChild(instance.$el); 36 | }; 37 | 38 | export default ImgPreview; 39 | -------------------------------------------------------------------------------- /src/assets/css/style.css: -------------------------------------------------------------------------------- 1 | .el-upload__tip { 2 | display: inline; 3 | margin-left: 10px; 4 | } 5 | 6 | .disNone { 7 | display: none; 8 | } 9 | 10 | /* 针对弹层上面的下拉选框大小 */ 11 | 12 | .el-dialog .el-select { 13 | width: 100%; 14 | } 15 | 16 | .el-textarea__inner { 17 | font-family: "微软雅黑"; 18 | font-size: 13px; 19 | } 20 | 21 | .text-center { 22 | text-align: center; 23 | } 24 | 25 | .text-red { 26 | color: #c00; 27 | } 28 | 29 | .mt30 { 30 | margin-top: 30px; 31 | } 32 | 33 | /* 三栏样式右侧标题样式 */ 34 | .content-right-title { 35 | font-size: 18px; 36 | font-weight: bold; 37 | padding-bottom: 32px; 38 | } 39 | .content-right-title .el-button { 40 | float: right; 41 | } 42 | 43 | /* 页面表单外套 */ 44 | .content-form-warp { 45 | width: 800px; 46 | margin: 0 auto; 47 | padding: 50px 100px 50px 50px; 48 | } 49 | .content-form-warp .el-select { 50 | width: 100%; 51 | } 52 | 53 | /* 表单组件下的表格样式控制 */ 54 | .el-form-item__content .el-table { 55 | line-height: initial; 56 | } 57 | 58 | /* 查看窗口 */ 59 | .find-info-warp .el-form-item { 60 | margin-bottom: 0; 61 | border-bottom: 1px dotted #eaeaea; 62 | } 63 | -------------------------------------------------------------------------------- /dist/static/js/4.f27f430cc4b776dd1f8c.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([4],{"98a6":function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a={data:function(){return{companyTree:[{area:"",code:"0",hasChild:"1",id:1,isEnd:"0",name:"总公司",parentId:"",principalArea:"",principalUserId:"",status:"0",type:"-1",children:[{area:"330000",code:"0001",guaranteed:"55",hasChild:"1",id:24,isEnd:"0",name:"浙江金爱农网络科技有限公司",parentId:"1",principalArea:"330000",status:"0",type:"0"}]}]}},methods:{handleNodeClick:function(e){console.log("点击了公司："+e.name+"ID为："+e.id)}}},r={render:function(){var e=this.$createElement,t=this._self._c||e;return t("el-main",[t("Breadcrumb"),this._v(" "),t("ContentWarp",[t("el-row",{attrs:{gutter:20}},[t("el-col",{attrs:{span:4}},[t("el-form",[t("el-form-item",[t("el-button",{attrs:{plain:""}},[this._v("一键生成推广二维码")])],1)],1),this._v(" "),t("el-tree",{attrs:{data:this.companyTree,props:{children:"children",label:"name"},accordion:""},on:{"node-click":this.handleNodeClick}})],1),this._v(" "),t("router-view")],1)],1)],1)},staticRenderFns:[]};var i=n("C7Lr")(a,r,!1,function(e){n("YT7y")},null,null);t.default=i.exports},YT7y:function(e,t){}}); -------------------------------------------------------------------------------- /src/components/form/SelectProduct.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | -------------------------------------------------------------------------------- /src/methods.js: -------------------------------------------------------------------------------- 1 | // 引入调用图像预览的组件 2 | import ImgPreview from "@/components/imgPreview/index.js"; 3 | import qrCode from "@/components/qrCode/index.js"; 4 | import webInfo from "./config.js"; 5 | 6 | var methods = { 7 | // 后台基础信息 8 | webInfo: webInfo, 9 | // 重置表达数据 10 | resetForm: function(formName) { 11 | this.$refs[formName].resetFields(); 12 | }, 13 | // 全局-查看图片 14 | $imgPreview: ImgPreview, 15 | // 全局-查看二维码 16 | $qr: qrCode, 17 | // 精确小数点位置 18 | fomatFloat(value, pos) { 19 | return Math.round(value * Math.pow(10, pos)) / Math.pow(10, pos); 20 | }, 21 | // 循环取得值(转换字段由数字转为汉字用) 22 | fomatLoopValue(val, arr) { 23 | for (let i = 0; i < arr.length; i++) { 24 | if (arr[i].text === val) { 25 | return arr[i].value; 26 | } 27 | } 28 | // 如果没有的话就返回val 29 | return val; 30 | }, 31 | // 格式化时间 32 | fomatTime(row, column, cellValue) { 33 | let time = new Date(cellValue); 34 | let year = time.getFullYear(); 35 | let month = time.getMonth() + 1; 36 | let day = time.getDate(); 37 | return ( 38 | year + 39 | "-" + 40 | (month >= 10 ? month : "0" + month) + 41 | "-" + 42 | (day >= 10 ? day : "0" + day) 43 | ); 44 | } 45 | }; 46 | export default methods; 47 | -------------------------------------------------------------------------------- /src/view/order/loan.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "OrderLoan", 3 | data() { 4 | return { 5 | searchTime: "", 6 | searchInfo: { 7 | // 存放查询表单及列表数据 8 | list: [], 9 | form: { 10 | orderNo: "", 11 | phone: "", 12 | status: "", 13 | beginTime: "", 14 | endTime: "" 15 | } 16 | }, 17 | statusList: ["初始化", "审批中", "审批通过", "审批不通过"] 18 | }; 19 | }, 20 | methods: { 21 | // 选中搜索日期时 22 | checkSearchData(minDate, maxDate) { 23 | this.searchInfo.form.beginTime = minDate; 24 | this.searchInfo.form.endTime = maxDate; 25 | }, 26 | getListAjax() { 27 | console.log("发送this.searchInfo.form的数据去查询"); 28 | console.log(this.searchInfo.form); 29 | // 模拟ajax取得列表数据 30 | this.searchInfo.list = [ 31 | { 32 | id: 1, 33 | orderNo: 20171223000001, 34 | name: "测试2", 35 | phone: 15012345678, 36 | loanAmount: 40000, 37 | creditAmount: 0, 38 | status: 0 39 | } 40 | ]; 41 | }, 42 | // 格式化数字转成字符串名 43 | formatValue(row, column, cellValue) { 44 | return this.statusList[cellValue]; 45 | } 46 | }, 47 | created() { 48 | this.getListAjax(); 49 | } 50 | }; 51 | -------------------------------------------------------------------------------- /src/components/form/SelectDepartment.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | -------------------------------------------------------------------------------- /src/components/common/Header.vue: -------------------------------------------------------------------------------- 1 | 14 | 15 | 36 | 37 | -------------------------------------------------------------------------------- /src/components/form/SelectProcess.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | -------------------------------------------------------------------------------- /src/components/common/Breadcrumb.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | -------------------------------------------------------------------------------- /src/view/NotFound.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | 42 | 43 | -------------------------------------------------------------------------------- /src/components/common/ContentWarp.vue: -------------------------------------------------------------------------------- 1 | 6 | 7 | 12 | 13 | -------------------------------------------------------------------------------- /src/view/Expired.vue: -------------------------------------------------------------------------------- 1 | 9 | 10 | 41 | 42 | -------------------------------------------------------------------------------- /dist/static/js/9.412de981536ada137937.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([9],{Udof:function(e,t){},qzG6:function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var s={name:"Login",data:function(){return{form:{name:"",pass:""},year:""}},created:function(){this.year=(new Date).getFullYear()},methods:{submitForm:function(e){var t=this;this.$refs[e].validate(function(e){e&&t.$router.push("/work")})}}},a={render:function(){var e=this,t=e.$createElement,r=e._self._c||t;return r("div",{staticClass:"login-page"},[r("div",{staticClass:"login-page-form"},[r("h1",[e._v(e._s(e.webInfo.name))]),e._v(" "),r("el-form",{ref:"login",staticClass:"login-form",attrs:{model:e.form}},[r("el-form-item",{attrs:{label:"用户名",prop:"name",rules:{required:!0,message:"用户名不能为空"}}},[r("el-input",{attrs:{type:"text",placeholder:"请输入登录名/手机号"},model:{value:e.form.name,callback:function(t){e.$set(e.form,"name",t)},expression:"form.name"}})],1),e._v(" "),r("el-form-item",{attrs:{label:"密码",prop:"pass",rules:{required:!0,message:"密码不能为空"}}},[r("el-input",{attrs:{type:"password",placeholder:"请输入密码"},model:{value:e.form.pass,callback:function(t){e.$set(e.form,"pass",t)},expression:"form.pass"}})],1),e._v(" "),r("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.submitForm("login")}}},[e._v("点击登录")])],1),e._v(" "),r("p",{staticClass:"login-copy-right"},[e._v("© "+e._s(e.year)+" "+e._s(e.webInfo.copy))])],1)])},staticRenderFns:[]};var o=r("C7Lr")(s,a,!1,function(e){r("Udof")},null,null);t.default=o.exports}}); -------------------------------------------------------------------------------- /src/components/form/SelectRole.vue: -------------------------------------------------------------------------------- 1 | 8 | 9 | -------------------------------------------------------------------------------- /dist/static/js/manifest.4fe9449a120f407564df.js: -------------------------------------------------------------------------------- 1 | !function(e){var n=window.webpackJsonp;window.webpackJsonp=function(t,a,f){for(var o,d,i,b=0,u=[];b= 6.0.0", 59 | "npm": ">= 3.0.0" 60 | }, 61 | "browserslist": [ 62 | "> 1%", 63 | "last 2 versions", 64 | "not ie <= 8" 65 | ] 66 | } 67 | -------------------------------------------------------------------------------- /config/index.js: -------------------------------------------------------------------------------- 1 | "use strict"; 2 | // Template version: 1.3.1 3 | // see http://vuejs-templates.github.io/webpack for documentation. 4 | 5 | const path = require("path"); 6 | const BUILD = require("./build.path"); 7 | 8 | module.exports = { 9 | dev: { 10 | // Paths 11 | assetsSubDirectory: "static", 12 | assetsPublicPath: "/", 13 | proxyTable: {}, 14 | 15 | // Various Dev Server settings 16 | host: "localhost", // can be overwritten by process.env.HOST 17 | port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined 18 | autoOpenBrowser: false, 19 | errorOverlay: true, 20 | notifyOnErrors: true, 21 | poll: false, // https://webpack.js.org/configuration/dev-server/#devserver-watchoptions- 22 | 23 | /** 24 | * Source Maps 25 | */ 26 | 27 | // https://webpack.js.org/configuration/devtool/#development 28 | devtool: "cheap-module-eval-source-map", 29 | 30 | // If you have problems debugging vue-files in devtools, 31 | // set this to false - it *may* help 32 | // https://vue-loader.vuejs.org/en/options.html#cachebusting 33 | cacheBusting: true, 34 | 35 | cssSourceMap: true 36 | }, 37 | 38 | build: { 39 | // Template for index.html 40 | index: path.resolve(__dirname, "../dist/index.html"), 41 | 42 | // Paths 43 | assetsRoot: path.resolve(__dirname, "../dist"), 44 | assetsSubDirectory: "static", 45 | assetsPublicPath: BUILD.URL, 46 | 47 | /** 48 | * Source Maps 49 | */ 50 | 51 | productionSourceMap: false, 52 | // https://webpack.js.org/configuration/devtool/#production 53 | devtool: "#source-map", 54 | 55 | // Gzip off by default as many popular static hosts such as 56 | // Surge or Netlify already gzip all static assets for you. 57 | // Before setting to `true`, make sure to: 58 | // npm install --save-dev compression-webpack-plugin 59 | productionGzip: false, 60 | productionGzipExtensions: ["js", "css"], 61 | 62 | // Run the build command with an extra argument to 63 | // View the bundle analyzer report after build finishes: 64 | // `npm run build --report` 65 | // Set to `true` or `false` to always turn it on or off 66 | bundleAnalyzerReport: process.env.npm_config_report 67 | } 68 | }; 69 | -------------------------------------------------------------------------------- /src/view/group/company/Warp.vue: -------------------------------------------------------------------------------- 1 | 20 | 21 | 64 | 65 | -------------------------------------------------------------------------------- /src/view/collection/strategy/List.vue: -------------------------------------------------------------------------------- 1 | 47 | 48 | -------------------------------------------------------------------------------- /src/components/form/SelectCompany.vue: -------------------------------------------------------------------------------- 1 | 10 | 11 | -------------------------------------------------------------------------------- /src/view/order/Loan.vue: -------------------------------------------------------------------------------- 1 | 46 | 47 | -------------------------------------------------------------------------------- /src/view/Login.vue: -------------------------------------------------------------------------------- 1 | 18 | 19 | 56 | 57 | -------------------------------------------------------------------------------- /src/view/user/Password.vue: -------------------------------------------------------------------------------- 1 | 27 | 28 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | // The Vue build version to load with the `import` command 2 | // (runtime-only or standalone) has been set in webpack.base.conf with an alias. 3 | import Vue from "vue"; 4 | import App from "./App"; 5 | import router from "./router"; 6 | 7 | // 引入站点全局信息 8 | import config from "./config"; 9 | 10 | // 单独使用element组件 11 | import { 12 | DatePicker, 13 | Checkbox, 14 | InputNumber, 15 | Tag, 16 | Cascader, 17 | Row, 18 | Col, 19 | Tree, 20 | Upload, 21 | Dialog, 22 | Pagination, 23 | Table, 24 | TableColumn, 25 | Breadcrumb, 26 | BreadcrumbItem, 27 | Menu, 28 | Submenu, 29 | MenuItem, 30 | MenuItemGroup, 31 | Dropdown, 32 | DropdownMenu, 33 | DropdownItem, 34 | MessageBox, 35 | Message, 36 | Radio, 37 | RadioGroup, 38 | Input, 39 | Option, 40 | Select, 41 | Button, 42 | Form, 43 | FormItem, 44 | Container, 45 | Header, 46 | Aside, 47 | Main, 48 | Footer 49 | } from "element-ui"; 50 | 51 | Vue.use(DatePicker); 52 | Vue.use(Checkbox); 53 | Vue.use(InputNumber); 54 | Vue.use(Tag); 55 | Vue.use(Cascader); 56 | Vue.use(Row); 57 | Vue.use(Col); 58 | Vue.use(Tree); 59 | Vue.use(Upload); 60 | Vue.use(Dialog); 61 | Vue.use(Pagination); 62 | Vue.use(Table); 63 | Vue.use(TableColumn); 64 | Vue.use(Breadcrumb); 65 | Vue.use(BreadcrumbItem); 66 | Vue.use(Menu); 67 | Vue.use(Submenu); 68 | Vue.use(MenuItem); 69 | Vue.use(MenuItemGroup); 70 | Vue.use(Dropdown); 71 | Vue.use(DropdownMenu); 72 | Vue.use(DropdownItem); 73 | Vue.use(Radio); 74 | Vue.use(RadioGroup); 75 | Vue.use(Input); 76 | Vue.use(Option); 77 | Vue.use(Select); 78 | Vue.use(Button); 79 | Vue.use(Form); 80 | Vue.use(FormItem); 81 | Vue.use(Container); 82 | Vue.use(Header); 83 | Vue.use(Aside); 84 | Vue.use(Main); 85 | Vue.use(Footer); 86 | 87 | Vue.prototype.$message = Message; 88 | // Vue.prototype.$msgbox = MessageBox 89 | Vue.prototype.$alert = MessageBox.alert; 90 | 91 | // 注册全局组件开始 92 | import components from "./components/"; 93 | Object.keys(components).forEach(key => { 94 | Vue.component(key, components[key]); 95 | }); 96 | // 注册全局组件完成 97 | 98 | // 引入全局方法开始 99 | import methods from "./methods"; 100 | Object.keys(methods).forEach(key => { 101 | Vue.prototype[key] = methods[key]; 102 | }); 103 | // 引入全局方法结束 104 | 105 | Vue.config.productionTip = false; 106 | 107 | // 添加路由钩子修改每个页面标题 108 | router.beforeEach((to, form, next) => { 109 | // 如果自定义了标题就取标题，否则拿全局的 110 | window.document.title = 111 | to.meta.title !== undefined 112 | ? to.meta.title + "-" + config.name 113 | : config.name; 114 | next(); 115 | }); 116 | 117 | /* eslint-disable no-new */ 118 | new Vue({ 119 | el: "#app", 120 | router, 121 | template: "", 122 | components: { App } 123 | }); 124 | -------------------------------------------------------------------------------- /src/view/work/process.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "WorkProcess", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | name: "" 10 | } 11 | }, 12 | addInfo: { 13 | // 存放新增窗口显示状态及它的表单数据 14 | isOpen: false, 15 | form: { 16 | name: "", 17 | file: "", 18 | desc: "" 19 | } 20 | }, 21 | rules: { 22 | name: [ 23 | { 24 | required: true, 25 | message: "请输入流程名称", 26 | trigger: "blur" 27 | }, 28 | { 29 | min: 2, 30 | max: 20, 31 | message: "长度为2-20个字符", 32 | trigger: "blur" 33 | } 34 | ], 35 | desc: [ 36 | { 37 | required: true, 38 | message: "流程描述不能为空", 39 | trigger: "blur" 40 | }, 41 | { 42 | min: 5, 43 | max: 100, 44 | message: "长度为5-100个字符", 45 | trigger: "blur" 46 | } 47 | ], 48 | file: [ 49 | { 50 | required: true, 51 | message: "文件不能为空" 52 | } 53 | ] 54 | } 55 | }; 56 | }, 57 | methods: { 58 | // 重置新值数据-关闭窗口 59 | resetAddInfo() { 60 | // 清空表单 61 | this.resetForm("formByAdd"); 62 | // 清除上传文件列表 63 | this.$refs.addUpload.clearFiles(); 64 | // 关闭窗口 65 | this.addInfo.isOpen = false; 66 | }, 67 | // 查询列表 68 | getListAjax() { 69 | console.log("发送ajax查询数据或分页规则处理"); 70 | // 模拟取得列表 71 | this.searchInfo.list = [ 72 | { 73 | addDate: "2016-05-02", 74 | processName: "浙江申请减免", 75 | definedName: "orderApply:1:1", 76 | litpic: 77 | "http://www.jingjingke.com/uploads/allimg/171026/1-1G026135P50-L.gif" 78 | } 79 | ]; 80 | }, 81 | // 新增ajax 82 | sendAddAjax(formName) { 83 | this.$refs[formName].validate(valid => { 84 | // 字段验证是否成功 85 | if (valid) { 86 | console.log("在此发送addInfo.form数据"); 87 | console.log(this.addInfo.form); 88 | } else { 89 | return false; 90 | } 91 | }); 92 | }, 93 | // 新增窗口--上传文件 94 | changeAddFile(file) { 95 | // 清空原有文件列表 96 | this.$refs.addUpload.clearFiles(); 97 | // 赋值 98 | this.$refs.addUpload.uploadFiles[0] = file; 99 | this.addInfo.form.file = JSON.stringify(file); 100 | }, 101 | // 新增窗口--删除上传文件 102 | removeAddFile(file) { 103 | // 清空对应数据 104 | this.$refs.addUpload.uploadFiles = []; 105 | this.addInfo.form.file = ""; 106 | } 107 | }, 108 | mounted() { 109 | // 查询默认列表 110 | this.getListAjax(); 111 | } 112 | }; 113 | -------------------------------------------------------------------------------- /src/view/collection/strategy/Edit.vue: -------------------------------------------------------------------------------- 1 | 58 | 59 | -------------------------------------------------------------------------------- /src/view/work/Process.vue: -------------------------------------------------------------------------------- 1 | 63 | 64 | -------------------------------------------------------------------------------- /dist/static/js/19.93182766585fa556af29.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([19],{"6b/d":function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={name:"OrderLoan",data:function(){return{searchTime:"",searchInfo:{list:[],form:{orderNo:"",phone:"",status:"",beginTime:"",endTime:""}},statusList:["初始化","审批中","审批通过","审批不通过"]}},methods:{checkSearchData:function(e,t){this.searchInfo.form.beginTime=e,this.searchInfo.form.endTime=t},getListAjax:function(){console.log("发送this.searchInfo.form的数据去查询"),console.log(this.searchInfo.form),this.searchInfo.list=[{id:1,orderNo:20171223000001,name:"测试2",phone:15012345678,loanAmount:4e4,creditAmount:0,status:0}]},formatValue:function(e,t,a){return this.statusList[a]}},created:function(){this.getListAjax()}},l={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("el-main",[a("Breadcrumb"),e._v(" "),a("SearchWarp",[a("el-form",{ref:"searchInfo.form",attrs:{inline:!0,model:e.searchInfo.form}},[a("el-form-item",{attrs:{label:"订单号"}},[a("el-input",{attrs:{type:"text",placeholder:"请输入订单号"},model:{value:e.searchInfo.form.orderNo,callback:function(t){e.$set(e.searchInfo.form,"orderNo",t)},expression:"searchInfo.form.orderNo"}})],1),e._v(" "),a("el-form-item",{attrs:{label:"手机号"}},[a("el-input",{attrs:{type:"text",placeholder:"请输入手机号"},model:{value:e.searchInfo.form.phone,callback:function(t){e.$set(e.searchInfo.form,"phone",t)},expression:"searchInfo.form.phone"}})],1),e._v(" "),a("el-form-item",{attrs:{label:"状态"}},[a("el-select",{attrs:{placeholder:"请选择",clearable:""},model:{value:e.searchInfo.form.status,callback:function(t){e.$set(e.searchInfo.form,"status",t)},expression:"searchInfo.form.status"}},[e._l(e.statusList,function(e,t){return[a("el-option",{key:"statusList"+t,attrs:{label:e,value:t}})]})],2)],1),e._v(" "),a("el-form-item",{attrs:{label:"下单时间"}},[a("el-date-picker",{attrs:{type:"daterange","start-placeholder":"开始日期","end-placeholder":"结束日期","range-separator":"至","value-format":"yyyy-MM-dd"},on:{change:e.checkSearchData},model:{value:e.searchTime,callback:function(t){e.searchTime=t},expression:"searchTime"}})],1),e._v(" "),a("el-form-item",[a("el-button",{attrs:{type:"success"},on:{click:e.getListAjax}},[e._v("查询")]),e._v(" "),a("el-button",[e._v("导出")])],1)],1)],1),e._v(" "),a("ContentWarp",[a("el-table",{attrs:{border:"",stripe:"",data:e.searchInfo.list,size:"small"}},[a("el-table-column",{attrs:{align:"center",label:"订单号",prop:"orderNo",width:"130"}}),e._v(" "),a("el-table-column",{attrs:{align:"center",label:"姓名",prop:"name","min-width":"100"}}),e._v(" "),a("el-table-column",{attrs:{align:"center",label:"手机号",prop:"phone",width:"110"}}),e._v(" "),a("el-table-column",{attrs:{align:"center",label:"借款金额",prop:"loanAmount","min-width":"140"}}),e._v(" "),a("el-table-column",{attrs:{align:"center",label:"授信金额",prop:"creditAmount","min-width":"140"}}),e._v(" "),a("el-table-column",{attrs:{align:"center",label:"状态",prop:"status",formatter:e.formatValue,width:"100"}}),e._v(" "),a("el-table-column",{attrs:{align:"center",label:"操作",width:"120px"}},[[a("el-button",{attrs:{size:"mini",plain:""}},[e._v("查看")])]],2)],1)],1)],1)},staticRenderFns:[]},o=a("C7Lr")(r,l,!1,null,null,null);t.default=o.exports}}); -------------------------------------------------------------------------------- /src/components/common/SideBar.vue: -------------------------------------------------------------------------------- 1 | 24 | 25 | 70 | 71 | -------------------------------------------------------------------------------- /src/view/group/role/Power.vue: -------------------------------------------------------------------------------- 1 | 65 | 66 | 70 | 71 | -------------------------------------------------------------------------------- /src/data/menus.js: -------------------------------------------------------------------------------- 1 | const data = [ 2 | { 3 | name: "工作流设置", 4 | icon: "el-icon-sort", 5 | children: [ 6 | { 7 | name: "流程管理", 8 | route: "/work/process" 9 | }, 10 | { 11 | name: "产品流程分配", 12 | route: "/work/assignment" 13 | }, 14 | { 15 | name: "委派规则配置", 16 | route: "/work/delegate" 17 | } 18 | ] 19 | }, 20 | { 21 | name: "组织架构", 22 | icon: "el-icon-share", 23 | children: [ 24 | { 25 | name: "公司管理", 26 | route: "/group/company" 27 | }, 28 | { 29 | name: "角色管理", 30 | route: "/group/role" 31 | }, 32 | { 33 | name: "部门管理", 34 | route: "/group/department" 35 | }, 36 | { 37 | name: "权限管理", 38 | route: "/group/power" 39 | } 40 | ] 41 | }, 42 | { 43 | name: "产品管理", 44 | icon: "el-icon-menu", 45 | children: [ 46 | { 47 | name: "产品设置", 48 | route: "/product/config" 49 | }, 50 | { 51 | name: "资料配置", 52 | route: "/product/material" 53 | } 54 | ] 55 | }, 56 | // { 57 | // name: "任务管理", 58 | // icon: "el-icon-setting", 59 | // children: [ 60 | // { 61 | // name: "任务概况", 62 | // route: "/task/info" 63 | // }, 64 | // { 65 | // name: "我的任务", 66 | // route: "/task/my" 67 | // }, 68 | // { 69 | // name: "任务派发", 70 | // route: "/task/dispatch" 71 | // } 72 | // ] 73 | // }, 74 | { 75 | name: "订单管理", 76 | icon: "el-icon-star-on", 77 | children: [ 78 | { 79 | name: "借款订单查询", 80 | route: "/order/loan" 81 | }, 82 | { 83 | name: "意向订单查询", 84 | route: "/order/intend" 85 | } 86 | ] 87 | }, 88 | { 89 | name: "用户管理", 90 | icon: "el-icon-search", 91 | children: [ 92 | { 93 | name: "用户查询", 94 | route: "/user/find" 95 | } 96 | ] 97 | }, 98 | { 99 | name: "短信管理", 100 | icon: "el-icon-message", 101 | children: [ 102 | { 103 | name: "模板配置", 104 | route: "/sms/config" 105 | }, 106 | { 107 | name: "模板审核", 108 | route: "/sms/review" 109 | }, 110 | { 111 | name: "模板启用", 112 | route: "/sms/enabled" 113 | } 114 | ] 115 | }, 116 | { 117 | name: "催收管理", 118 | icon: "el-icon-bell", 119 | children: [ 120 | { 121 | name: "策略", 122 | route: "/collection/strategy" 123 | } 124 | // { 125 | // name: "催收流程", 126 | // route: "/collection/process" 127 | // }, 128 | // { 129 | // name: "角色催收地区", 130 | // route: "/collection/area" 131 | // } 132 | ] 133 | } 134 | // { 135 | // name: "案件管理", 136 | // icon: "el-icon-document", 137 | // children: [ 138 | // { 139 | // name: "案件列表", 140 | // route: "/board/all" 141 | // }, 142 | // { 143 | // name: "所有未催", 144 | // route: "/board/not-reminder" 145 | // }, 146 | // { 147 | // name: "所有已催", 148 | // route: "/board/has-reminded" 149 | // }, 150 | // { 151 | // name: "答应会还", 152 | // route: "/board/promised" 153 | // }, 154 | // { 155 | // name: "重点关注", 156 | // route: "/board/focus" 157 | // } 158 | // ] 159 | // } 160 | ]; 161 | 162 | export default data; 163 | -------------------------------------------------------------------------------- /dist/static/js/14.822e3e8f911cdf3d56a6.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([14],{Iogj:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={render:function(){var e=this,t=e.$createElement,l=e._self._c||t;return l("el-main",[l("Breadcrumb"),e._v(" "),l("SearchWarp",[l("el-form",{ref:"searchInfo.form",attrs:{inline:!0,model:e.searchInfo.form}},[l("el-form-item",{attrs:{label:"姓名"}},[l("el-input",{attrs:{placeholder:"请输入员工姓名"},model:{value:e.searchInfo.form.name,callback:function(t){e.$set(e.searchInfo.form,"name",t)},expression:"searchInfo.form.name"}})],1),e._v(" "),l("el-form-item",{attrs:{label:"手机号"}},[l("el-input",{attrs:{placeholder:"请输入手机号码"},model:{value:e.searchInfo.form.phone,callback:function(t){e.$set(e.searchInfo.form,"phone",t)},expression:"searchInfo.form.phone"}})],1),e._v(" "),l("el-form-item",{attrs:{label:"身份证"}},[l("el-input",{attrs:{placeholder:"请输入身份证号码"},model:{value:e.searchInfo.form.name,callback:function(t){e.$set(e.searchInfo.form,"name",t)},expression:"searchInfo.form.name"}})],1),e._v(" "),l("el-form-item",{attrs:{label:"状态"}},[l("el-select",{attrs:{placeholder:"请选择",clearable:""},model:{value:e.searchInfo.form.status,callback:function(t){e.$set(e.searchInfo.form,"status",t)},expression:"searchInfo.form.status"}},[l("el-option",{attrs:{label:"正常",value:1}}),e._v(" "),l("el-option",{attrs:{label:"注销",value:0}})],1)],1),e._v(" "),l("el-form-item",[l("el-button",{attrs:{type:"success"}},[e._v("查询")])],1)],1)],1),e._v(" "),l("ContentWarp",[l("el-table",{attrs:{border:"",stripe:"",data:e.searchInfo.list,size:"small"}},[l("el-table-column",{attrs:{align:"center",label:"ID",prop:"id",width:"60px"}}),e._v(" "),l("el-table-column",{attrs:{align:"center",label:"姓名",prop:"name","min-width":"100"}}),e._v(" "),l("el-table-column",{attrs:{align:"center",label:"手机号",prop:"phone","min-width":"120"}}),e._v(" "),l("el-table-column",{attrs:{align:"center",label:"身份证号",prop:"code","min-width":"160"}}),e._v(" "),l("el-table-column",{attrs:{align:"center",label:"地区",prop:"area","min-width":"320"}}),e._v(" "),l("el-table-column",{attrs:{align:"center",label:"状态",prop:"status",width:"80"}}),e._v(" "),l("el-table-column",{attrs:{align:"center",label:"操作",width:"120px"},scopedSlots:e._u([{key:"default",fn:function(t){return[l("el-button",{attrs:{size:"mini",icon:"el-icon-search",plain:""},on:{click:function(l){return e.openFind(t.row)}}},[e._v("查看")])]}}])})],1)],1),e._v(" "),l("el-dialog",{attrs:{title:"查看用户信息",width:"400px",center:"",visible:e.findInfo.isOpen,"show-close":!1},on:{"update:visible":function(t){return e.$set(e.findInfo,"isOpen",t)}}},[l("el-form",{staticClass:"find-info-warp",attrs:{model:e.findInfo.form,"label-position":"right","label-width":"110px"}},[l("el-form-item",{attrs:{label:"姓名："}},[e._v(e._s(e.findInfo.form.name))]),e._v(" "),l("el-form-item",{attrs:{label:"手机号："}},[e._v(e._s(e.findInfo.form.phone))]),e._v(" "),l("el-form-item",{attrs:{label:"身份证号："}},[e._v(e._s(e.findInfo.form.code))]),e._v(" "),l("el-form-item",{attrs:{label:"身份证有效期："}},[e._v(e._s(e.findInfo.form.valid))]),e._v(" "),l("el-form-item",{attrs:{label:"地区："}},[e._v(e._s(e.findInfo.form.area))]),e._v(" "),l("el-form-item",{attrs:{label:"状态："}},[e._v(e._s(e.findInfo.form.status))])],1),e._v(" "),l("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[l("el-button",{attrs:{type:"primary"},on:{click:function(t){e.findInfo.isOpen=!1}}},[e._v("关 闭")])],1)],1)],1)},staticRenderFns:[]},a=l("C7Lr")({name:"UserFind",data:function(){return{searchInfo:{list:[{id:1,name:"张三",phone:"15012345678",code:"222123199910102323",valid:"2027-10-10",status:"正常",area:"南京市玄武区花园路12号"}],form:{name:"",phone:"",code:"",status:""}},findInfo:{isOpen:!1,form:{}}}},methods:{openFind:function(e){this.findInfo={isOpen:!0,form:e}}}},n,!1,null,null,null);t.default=a.exports}}); -------------------------------------------------------------------------------- /src/view/group/Department.vue: -------------------------------------------------------------------------------- 1 | 78 | 79 | -------------------------------------------------------------------------------- /dist/static/js/25.3563c4667f2753649add.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([25],{xWma:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a={name:"CollectionStrategy",data:function(){return{searchInfo:{list:[],form:{productCode:"",companyCode:""}},deleteInfo:{isOpen:!1,form:{}}}},methods:{getListAjax:function(){console.log("发送ajax查询数据或分页规则处理"),this.searchInfo.list=[{companyCode:"0001",companyName:"浙江金爱农网络科技有限公司",debtPolicyStepBoList:[{debtPolicyStepStaffBoList:[{id:101,policyStepId:2,staffId:684,staffName:"尹佳倩"}],id:2,policyId:2,stepName:"收息前手"},{debtPolicyStepStaffBoList:[{id:105,policyStepId:3,staffId:695,staffName:"张财银"},{id:106,policyStepId:3,staffId:696,staffName:"吴顺"}],id:3,policyId:2,stepName:"电催前手"},{debtPolicyStepStaffBoList:[{id:120,policyStepId:4,staffId:684,staffName:"尹佳倩"},{id:121,policyStepId:4,staffId:685,staffName:"王露颖"}],id:4,policyId:2,stepName:"电催中手"},{debtPolicyStepStaffBoList:[{id:124,policyStepId:5,staffId:708,staffName:"邹继攀"}],id:5,policyId:2,stepName:"上门催收"},{debtPolicyStepStaffBoList:[{id:130,policyStepId:6,staffId:717,staffName:"朱梦莎"}],id:6,policyId:2,stepName:"法务"}],id:2,name:"浙江微农贷催收策略",productCode:"WND",productName:"微农贷"}]},formatValue:function(e,t,o){if("debtPolicyStepBoList"===t.property){var a=[];return o.forEach(function(e){var t=[];e.debtPolicyStepStaffBoList.forEach(function(e){t.push(e.staffName)}),a.push(e.stepName+"（"+t.join(",")+"）")}),a.join("，")}},openDelete:function(e){this.deleteInfo={isOpen:!0,form:e}},sendDeleteAjax:function(){console.log("确认删除ID为"+this.deleteInfo.form.id+"的策略")}},created:function(){this.getListAjax()}},n={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("el-main",[o("Breadcrumb"),e._v(" "),o("SearchWarp",[o("el-form",{ref:"searchInfo.form",attrs:{inline:!0,model:e.searchInfo.form}},[o("el-form-item",{attrs:{label:"所属产品"}},[o("SelectProduct",{model:{value:e.searchInfo.form.productCode,callback:function(t){e.$set(e.searchInfo.form,"productCode",t)},expression:"searchInfo.form.productCode"}})],1),e._v(" "),o("el-form-item",{attrs:{label:"所属公司"}},[o("SelectCompany",{model:{value:e.searchInfo.form.companyCode,callback:function(t){e.$set(e.searchInfo.form,"companyCode",t)},expression:"searchInfo.form.companyCode"}})],1),e._v(" "),o("el-form-item",[o("el-button",{attrs:{type:"success"},on:{click:e.getListAjax}},[e._v("查询")]),e._v(" "),o("el-button",{attrs:{type:"danger"},on:{click:function(t){return e.$router.push("/collection/strategy/edit")}}},[e._v("新增")])],1)],1)],1),e._v(" "),o("ContentWarp",[o("el-table",{attrs:{border:"",stripe:"",data:e.searchInfo.list,size:"small"}},[o("el-table-column",{attrs:{align:"center",label:"策略名称",prop:"name","min-width":"120px"}}),e._v(" "),o("el-table-column",{attrs:{align:"center",label:"所属公司",prop:"companyName",width:"320"}}),e._v(" "),o("el-table-column",{attrs:{align:"center",label:"所属产品",prop:"productName","min-width":"120px"}}),e._v(" "),o("el-table-column",{attrs:{align:"center",label:"策略角色",prop:"debtPolicyStepBoList",formatter:e.formatValue,"min-width":"400px"}}),e._v(" "),o("el-table-column",{attrs:{align:"center",label:"操作",width:"170px"},scopedSlots:e._u([{key:"default",fn:function(t){return[o("el-button",{attrs:{size:"mini",type:"primary",icon:"el-icon-edit",plain:""},on:{click:function(o){return e.$router.push("/collection/strategy/edit/"+t.row.id)}}},[e._v("修改")]),e._v(" "),o("el-button",{attrs:{size:"mini",type:"danger",plain:""},on:{click:function(o){return e.openDelete(t.row)}}},[e._v("删除")])]}}])})],1)],1),e._v(" "),o("el-dialog",{attrs:{title:"删除",width:"600px",center:"",visible:e.deleteInfo.isOpen,"show-close":!1},on:{"update:visible":function(t){return e.$set(e.deleteInfo,"isOpen",t)}}},[o("p",{staticClass:"text-center"},[e._v("\n 确定删除"),o("span",{staticClass:"text-red"},[e._v(" "+e._s(e.deleteInfo.form.name)+" ")]),e._v("吗？\n ")]),e._v(" "),o("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[o("el-button",{attrs:{type:"primary"},on:{click:e.sendDeleteAjax}},[e._v("确 认")]),e._v(" "),o("el-button",{on:{click:function(t){e.deleteInfo.isOpen=!1}}},[e._v("取 消")])],1)])],1)},staticRenderFns:[]},i=o("C7Lr")(a,n,!1,null,null,null);t.default=i.exports}}); -------------------------------------------------------------------------------- /src/view/product/config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "ProductConfig", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | name: "" 10 | } 11 | }, 12 | addInfo: { 13 | // 存放新增窗口显示状态及它的表单数据 14 | isOpen: false, 15 | form: { 16 | name: "", 17 | code: "", 18 | modelId: "" 19 | } 20 | }, 21 | changeInfo: { 22 | isOpen: false, 23 | form: {} 24 | }, 25 | statusInfo: { 26 | isOpen: false, 27 | form: {} 28 | }, 29 | rules: { 30 | name: [ 31 | { 32 | required: true, 33 | message: "名称不能为空", 34 | trigger: "change" 35 | } 36 | ], 37 | code: [ 38 | { 39 | required: true, 40 | message: "产品码不能为空", 41 | trigger: "change" 42 | } 43 | ], 44 | modelId: [ 45 | { 46 | required: true, 47 | message: "模型ID不能为空", 48 | trigger: "change" 49 | } 50 | ] 51 | } 52 | }; 53 | }, 54 | methods: { 55 | // 查询列表 56 | getListAjax() { 57 | console.log("发送ajax查询数据或分页规则处理"); 58 | // 模拟取得列表 59 | this.searchInfo.list = [ 60 | { 61 | code: "WND", 62 | id: 82, 63 | modelId: "6", 64 | name: "微农贷1.0", 65 | status: "0" 66 | } 67 | ]; 68 | }, 69 | // 格式化数字转成字符串名 70 | formatValue(row, column, cellValue) { 71 | return this.fomatLoopValue(cellValue, [ 72 | { 73 | text: "0", 74 | value: "启用" 75 | }, 76 | { 77 | text: "1", 78 | value: "禁用" 79 | } 80 | ]); 81 | }, 82 | // 新增ajax 83 | sendAddAjax(formName) { 84 | this.$refs[formName].validate(valid => { 85 | // 字段验证是否成功 86 | if (valid) { 87 | // 如果分配方式自动的话就清除指派角色 88 | if (this.addInfo.form.type !== "2") { 89 | this.addInfo.form.roleId = ""; 90 | } 91 | console.log("在此发送addInfo.form数据"); 92 | console.log(this.addInfo.form); 93 | } else { 94 | return false; 95 | } 96 | }); 97 | }, 98 | // 重置新值数据-关闭窗口 99 | resetAddInfo() { 100 | // 清空表单 101 | this.resetForm("formByAdd"); 102 | // 关闭窗口 103 | this.addInfo.isOpen = false; 104 | }, 105 | // 打开修改窗口 106 | openChange(obj) { 107 | this.changeInfo.isOpen = true; 108 | setTimeout(() => { 109 | // 去掉表单验证处带颜色的边框先 110 | this.$refs["formByChange"].resetFields(); 111 | // 提取列表中的值 112 | this.changeInfo.form = { 113 | id: obj.id, 114 | name: obj.name, 115 | code: obj.code, 116 | modelId: obj.modelId 117 | }; 118 | }, 100); 119 | }, 120 | // 修改ajax 121 | sendChangeAjax(formName) { 122 | this.$refs[formName].validate(valid => { 123 | // 字段验证是否成功 124 | if (valid) { 125 | // 如果分配方式自动的话就清除指派角色 126 | if (this.changeInfo.form.type !== "2") { 127 | this.changeInfo.form.roleId = ""; 128 | } 129 | console.log("在此发送changeInfo.form数据"); 130 | console.log(this.changeInfo.form); 131 | } else { 132 | return false; 133 | } 134 | }); 135 | }, 136 | // 重置修改窗口 137 | resetChangeInfo() { 138 | // 清空表单 139 | this.$refs["formByChange"].resetFields(); 140 | // 关闭窗口 141 | this.changeInfo.isOpen = false; 142 | }, 143 | // 打开启用禁用窗口 144 | openStatus(obj) { 145 | this.statusInfo = { 146 | isOpen: true, 147 | form: obj 148 | }; 149 | }, 150 | // 启用禁用ajax 151 | sendStatusAjax() { 152 | console.log("确认启用或禁用"); 153 | } 154 | }, 155 | mounted() { 156 | // 查询默认列表 157 | this.getListAjax(); 158 | } 159 | }; 160 | -------------------------------------------------------------------------------- /src/view/user/Find.vue: -------------------------------------------------------------------------------- 1 | 62 | 63 | -------------------------------------------------------------------------------- /src/view/group/department.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "GroupDepartment", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | name: "" 10 | } 11 | }, 12 | addInfo: { 13 | // 存放新增窗口显示状态及它的表单数据 14 | isOpen: false, 15 | form: { 16 | name: "", 17 | description: "" 18 | } 19 | }, 20 | changeInfo: { 21 | isOpen: false, 22 | form: {} 23 | }, 24 | deleteInfo: { 25 | isOpen: false, 26 | form: {} 27 | }, 28 | rules: { 29 | name: [ 30 | { 31 | required: true, 32 | message: "部门名称不能为空", 33 | trigger: "change" 34 | } 35 | ], 36 | description: [ 37 | { 38 | required: true, 39 | message: "部门职责不能为空", 40 | trigger: "change" 41 | } 42 | ] 43 | } 44 | }; 45 | }, 46 | methods: { 47 | // 查询列表 48 | getListAjax() { 49 | console.log("发送ajax查询数据或分页规则处理"); 50 | // 模拟取得列表 51 | this.searchInfo.list = [ 52 | { 53 | description: "内务1", 54 | id: 43, 55 | name: "内务部", 56 | status: "0" 57 | }, 58 | { 59 | description: "风控", 60 | id: 42, 61 | name: "风控部", 62 | status: "0" 63 | }, 64 | { 65 | description: "超级", 66 | id: 41, 67 | name: "超级管理员", 68 | status: "0" 69 | }, 70 | { 71 | description: "核算支持", 72 | id: 36, 73 | name: "财务部", 74 | status: "0" 75 | }, 76 | { 77 | description: "管理", 78 | id: 35, 79 | name: "总经理", 80 | status: "0" 81 | }, 82 | { 83 | description: "外访支持", 84 | id: 34, 85 | name: "外访部", 86 | status: "0" 87 | }, 88 | { 89 | description: "业务支持", 90 | id: 33, 91 | name: "业务部", 92 | status: "0" 93 | } 94 | ]; 95 | }, 96 | // 新增ajax 97 | sendAddAjax(formName) { 98 | this.$refs[formName].validate(valid => { 99 | // 字段验证是否成功 100 | if (valid) { 101 | console.log("在此发送addInfo.form数据"); 102 | console.log(this.addInfo.form); 103 | } else { 104 | return false; 105 | } 106 | }); 107 | }, 108 | // 重置新值数据-关闭窗口 109 | resetAddInfo() { 110 | // 清空表单 111 | this.resetForm("formByAdd"); 112 | // 关闭窗口 113 | this.addInfo.isOpen = false; 114 | }, 115 | // 打开修改窗口 116 | openChange(obj) { 117 | this.changeInfo.isOpen = true; 118 | setTimeout(() => { 119 | // 去掉表单验证处带颜色的边框先 120 | this.$refs["formByChange"].resetFields(); 121 | // 提取列表中的值 122 | this.changeInfo.form = { 123 | id: obj.id, 124 | name: obj.name, 125 | description: obj.description 126 | }; 127 | }, 100); 128 | }, 129 | // 修改ajax 130 | sendChangeAjax(formName) { 131 | this.$refs[formName].validate(valid => { 132 | // 字段验证是否成功 133 | if (valid) { 134 | console.log("在此发送changeInfo.form数据"); 135 | console.log(this.changeInfo.form); 136 | } else { 137 | return false; 138 | } 139 | }); 140 | }, 141 | // 重置修改窗口 142 | resetChangeInfo() { 143 | // 清空表单 144 | this.$refs["formByChange"].resetFields(); 145 | // 关闭窗口 146 | this.changeInfo.isOpen = false; 147 | }, 148 | // 打开删除窗口 149 | openDelete(obj) { 150 | this.deleteInfo = { 151 | isOpen: true, 152 | form: obj 153 | }; 154 | }, 155 | // 启用禁用ajax 156 | sendDeleteAjax() { 157 | console.log("确认删除ID为" + this.deleteInfo.form.id + "的部门"); 158 | } 159 | }, 160 | mounted() { 161 | // 查询默认列表 162 | this.getListAjax(); 163 | } 164 | }; 165 | -------------------------------------------------------------------------------- /src/view/collection/strategy/list.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "CollectionStrategy", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | productCode: "", 10 | companyCode: "" 11 | } 12 | }, 13 | deleteInfo: { 14 | isOpen: false, 15 | form: {} 16 | } 17 | }; 18 | }, 19 | methods: { 20 | // 查询列表 21 | getListAjax() { 22 | console.log("发送ajax查询数据或分页规则处理"); 23 | // 模拟取得列表 24 | this.searchInfo.list = [ 25 | { 26 | companyCode: "0001", 27 | companyName: "浙江金爱农网络科技有限公司", 28 | debtPolicyStepBoList: [ 29 | { 30 | debtPolicyStepStaffBoList: [ 31 | { 32 | id: 101, 33 | policyStepId: 2, 34 | staffId: 684, 35 | staffName: "尹佳倩" 36 | } 37 | ], 38 | id: 2, 39 | policyId: 2, 40 | stepName: "收息前手" 41 | }, 42 | { 43 | debtPolicyStepStaffBoList: [ 44 | { 45 | id: 105, 46 | policyStepId: 3, 47 | staffId: 695, 48 | staffName: "张财银" 49 | }, 50 | { 51 | id: 106, 52 | policyStepId: 3, 53 | staffId: 696, 54 | staffName: "吴顺" 55 | } 56 | ], 57 | id: 3, 58 | policyId: 2, 59 | stepName: "电催前手" 60 | }, 61 | { 62 | debtPolicyStepStaffBoList: [ 63 | { 64 | id: 120, 65 | policyStepId: 4, 66 | staffId: 684, 67 | staffName: "尹佳倩" 68 | }, 69 | { 70 | id: 121, 71 | policyStepId: 4, 72 | staffId: 685, 73 | staffName: "王露颖" 74 | } 75 | ], 76 | id: 4, 77 | policyId: 2, 78 | stepName: "电催中手" 79 | }, 80 | { 81 | debtPolicyStepStaffBoList: [ 82 | { 83 | id: 124, 84 | policyStepId: 5, 85 | staffId: 708, 86 | staffName: "邹继攀" 87 | } 88 | ], 89 | id: 5, 90 | policyId: 2, 91 | stepName: "上门催收" 92 | }, 93 | { 94 | debtPolicyStepStaffBoList: [ 95 | { 96 | id: 130, 97 | policyStepId: 6, 98 | staffId: 717, 99 | staffName: "朱梦莎" 100 | } 101 | ], 102 | id: 6, 103 | policyId: 2, 104 | stepName: "法务" 105 | } 106 | ], 107 | id: 2, 108 | name: "浙江微农贷催收策略", 109 | productCode: "WND", 110 | productName: "微农贷" 111 | } 112 | ]; 113 | }, 114 | // 格式化数字转成字符串名 115 | formatValue(row, column, cellValue) { 116 | // 根据传入的prop值确认规则列表 117 | if (column.property === "debtPolicyStepBoList") { 118 | let nameArr = []; 119 | cellValue.forEach(item => { 120 | let valueArr = []; 121 | item.debtPolicyStepStaffBoList.forEach(list => { 122 | valueArr.push(list.staffName); 123 | }); 124 | nameArr.push(item.stepName + "（" + valueArr.join(",") + "）"); 125 | }); 126 | return nameArr.join("，"); 127 | } 128 | }, 129 | // 打开删除窗口 130 | openDelete(obj) { 131 | this.deleteInfo = { 132 | isOpen: true, 133 | form: obj 134 | }; 135 | }, 136 | // 启用禁用ajax 137 | sendDeleteAjax() { 138 | console.log("确认删除ID为" + this.deleteInfo.form.id + "的策略"); 139 | } 140 | }, 141 | created() { 142 | this.getListAjax(); 143 | } 144 | }; 145 | -------------------------------------------------------------------------------- /dist/static/js/10.bd9ee421c64a2a11b240.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([10],{"5KWD":function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=a("3cXf"),r=a.n(o),n={name:"WorkProcess",data:function(){return{searchInfo:{list:[],form:{name:""}},addInfo:{isOpen:!1,form:{name:"",file:"",desc:""}},rules:{name:[{required:!0,message:"请输入流程名称",trigger:"blur"},{min:2,max:20,message:"长度为2-20个字符",trigger:"blur"}],desc:[{required:!0,message:"流程描述不能为空",trigger:"blur"},{min:5,max:100,message:"长度为5-100个字符",trigger:"blur"}],file:[{required:!0,message:"文件不能为空"}]}}},methods:{resetAddInfo:function(){this.resetForm("formByAdd"),this.$refs.addUpload.clearFiles(),this.addInfo.isOpen=!1},getListAjax:function(){console.log("发送ajax查询数据或分页规则处理"),this.searchInfo.list=[{addDate:"2016-05-02",processName:"浙江申请减免",definedName:"orderApply:1:1",litpic:"http://www.jingjingke.com/uploads/allimg/171026/1-1G026135P50-L.gif"}]},sendAddAjax:function(e){var t=this;this.$refs[e].validate(function(e){if(!e)return!1;console.log("在此发送addInfo.form数据"),console.log(t.addInfo.form)})},changeAddFile:function(e){this.$refs.addUpload.clearFiles(),this.$refs.addUpload.uploadFiles[0]=e,this.addInfo.form.file=r()(e)},removeAddFile:function(e){this.$refs.addUpload.uploadFiles=[],this.addInfo.form.file=""}},mounted:function(){this.getListAjax()}},l={render:function(){var e=this,t=e.$createElement,a=e._self._c||t;return a("el-main",[a("Breadcrumb"),e._v(" "),a("SearchWarp",[a("el-form",{ref:"searchInfo.form",attrs:{inline:!0,model:e.searchInfo.form}},[a("el-form-item",{attrs:{label:"流程名称"}},[a("el-input",{attrs:{placeholder:"请输入流程名称"},model:{value:e.searchInfo.form.name,callback:function(t){e.$set(e.searchInfo.form,"name",t)},expression:"searchInfo.form.name"}})],1),e._v(" "),a("el-form-item",[a("el-button",{attrs:{type:"success"},on:{click:e.getListAjax}},[e._v("查询")]),e._v(" "),a("el-button",{attrs:{type:"danger"},on:{click:function(t){e.addInfo.isOpen=!0}}},[e._v("新增")])],1)],1)],1),e._v(" "),a("ContentWarp",[a("el-table",{attrs:{border:"",stripe:"",data:e.searchInfo.list,size:"small"}},[a("el-table-column",{attrs:{align:"center",label:"流程名称",prop:"processName","min-width":"200px"}}),e._v(" "),a("el-table-column",{attrs:{align:"center",label:"定义名称",prop:"definedName","min-width":"200px"}}),e._v(" "),a("el-table-column",{attrs:{align:"center",label:"日期",prop:"addDate",width:"140"}}),e._v(" "),a("el-table-column",{attrs:{align:"center",label:"操作",width:"180"},scopedSlots:e._u([{key:"default",fn:function(t){return[a("el-button",{attrs:{size:"mini",icon:"el-icon-search"},on:{click:function(a){return e.$imgPreview([t.row.litpic,t.row.processName])}}},[e._v("查看流程图\n ")])]}}])})],1)],1),e._v(" "),a("el-dialog",{attrs:{title:"新增流程",width:"600px",center:"",visible:e.addInfo.isOpen,"show-close":!1},on:{"update:visible":function(t){return e.$set(e.addInfo,"isOpen",t)}}},[a("el-form",{ref:"formByAdd",attrs:{model:e.addInfo.form,rules:e.rules,"label-width":"80px"}},[a("el-form-item",{attrs:{label:"流程名称",prop:"name"}},[a("el-input",{attrs:{type:"text"},model:{value:e.addInfo.form.name,callback:function(t){e.$set(e.addInfo.form,"name",t)},expression:"addInfo.form.name"}})],1),e._v(" "),a("el-form-item",{attrs:{label:"选择流程",prop:"file"}},[a("el-upload",{ref:"addUpload",attrs:{action:"xxx","auto-upload":!1,"on-change":e.changeAddFile,"on-remove":e.removeAddFile}},[a("el-button",{attrs:{size:"small",type:"primary"}},[e._v("点击上传")]),e._v(" "),a("div",{staticClass:"el-upload__tip",attrs:{slot:"tip"},slot:"tip"},[e._v("\n 请选择需要上传的*.zip文件！\n ")])],1),e._v(" "),a("div",{staticClass:"disNone"},[a("el-input",{attrs:{type:"text"},model:{value:e.addInfo.form.file,callback:function(t){e.$set(e.addInfo.form,"file",t)},expression:"addInfo.form.file"}})],1)],1),e._v(" "),a("el-form-item",{attrs:{label:"流程描述",prop:"desc"}},[a("el-input",{attrs:{type:"textarea"},model:{value:e.addInfo.form.desc,callback:function(t){e.$set(e.addInfo.form,"desc",t)},expression:"addInfo.form.desc"}})],1)],1),e._v(" "),a("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[a("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.sendAddAjax("formByAdd")}}},[e._v("新 增")]),e._v(" "),a("el-button",{on:{click:e.resetAddInfo}},[e._v("取 消")])],1)],1)],1)},staticRenderFns:[]},s=a("C7Lr")(n,l,!1,null,null,null);t.default=s.exports}}); -------------------------------------------------------------------------------- /src/view/product/Config.vue: -------------------------------------------------------------------------------- 1 | 89 | 90 | -------------------------------------------------------------------------------- /src/view/group/role/Role.vue: -------------------------------------------------------------------------------- 1 | 87 | -------------------------------------------------------------------------------- /src/view/group/power.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "GroupPower", 3 | data() { 4 | return { 5 | powerTree: [ 6 | { 7 | children: [ 8 | { 9 | id: 19, 10 | name: "产品设置", 11 | parentId: "18", 12 | seq: 0, 13 | type: "1" 14 | }, 15 | { 16 | id: 101, 17 | name: "资料配置", 18 | parentId: "18", 19 | seq: 1, 20 | type: "1" 21 | } 22 | ], 23 | id: 18, 24 | name: "产品管理", 25 | seq: 12, 26 | type: "0" 27 | } 28 | ], 29 | searchInfo: { 30 | // 存放查询表单及列表数据 31 | list: [] 32 | }, 33 | typeList: ["一级菜单", "二级菜单", "页面", "动作"], 34 | addInfo: { 35 | // 存放新增窗口显示状态及它的表单数据 36 | isOpen: false, 37 | form: { 38 | name: "", 39 | type: "", 40 | url: "", 41 | projectPath: "", 42 | href: "", 43 | seq: 0, 44 | parentId: 1 // 根据左侧的树状态来决定 45 | } 46 | }, 47 | changeInfo: { 48 | isOpen: false, 49 | form: {} 50 | }, 51 | deleteInfo: { 52 | isOpen: false, 53 | form: {} 54 | }, 55 | rules: { 56 | name: [ 57 | { 58 | required: true, 59 | message: "名称不能为空", 60 | trigger: "change" 61 | } 62 | ], 63 | type: [ 64 | { 65 | type: "number", 66 | required: true, 67 | message: "类型不能为空", 68 | trigger: "change" 69 | } 70 | ] 71 | } 72 | }; 73 | }, 74 | methods: { 75 | // 点击树上节点 76 | handleNodeClick(data) { 77 | console.log("点击的权限：" + data.name + "ID为：" + data.id); 78 | // 根据id查询相应的列表 79 | this.getListAjax(data.id); 80 | }, 81 | // 查询列表 82 | getListAjax(id) { 83 | console.log("发送ajax查询数据或分页规则处理"); 84 | // 模拟取得列表 85 | this.searchInfo.list = [ 86 | { 87 | href: "/product/config", 88 | id: 18, 89 | name: "产品管理", 90 | seq: 12, 91 | type: "0" 92 | } 93 | ]; 94 | }, 95 | // 格式化数字转成字符串名 96 | formatValue(row, column, cellValue) { 97 | return this.typeList[cellValue]; 98 | }, 99 | // 新增ajax 100 | sendAddAjax(formName) { 101 | this.$refs[formName].validate(valid => { 102 | // 字段验证是否成功 103 | if (valid) { 104 | console.log("在此发送addInfo.form数据"); 105 | console.log(this.addInfo.form); 106 | } else { 107 | return false; 108 | } 109 | }); 110 | }, 111 | // 重置新值数据-关闭窗口 112 | resetAddInfo() { 113 | // 清空表单 114 | this.resetForm("formByAdd"); 115 | // 关闭窗口 116 | this.addInfo.isOpen = false; 117 | }, 118 | // 打开修改窗口 119 | openChange(obj) { 120 | this.changeInfo.isOpen = true; 121 | setTimeout(() => { 122 | // 去掉表单验证处带颜色的边框先 123 | this.$refs["formByChange"].resetFields(); 124 | // 提取列表中的值 125 | this.changeInfo.form = { 126 | id: obj.id, 127 | name: obj.name, 128 | type: parseInt(obj.type), 129 | url: obj.url, 130 | projectPath: obj.projectPath, 131 | href: obj.href, 132 | seq: obj.seq 133 | }; 134 | }, 100); 135 | }, 136 | // 修改ajax 137 | sendChangeAjax(formName) { 138 | this.$refs[formName].validate(valid => { 139 | // 字段验证是否成功 140 | if (valid) { 141 | console.log("在此发送changeInfo.form数据"); 142 | console.log(this.changeInfo.form); 143 | } else { 144 | return false; 145 | } 146 | }); 147 | }, 148 | // 重置修改窗口 149 | resetChangeInfo() { 150 | // 清空表单 151 | this.$refs["formByChange"].resetFields(); 152 | // 关闭窗口 153 | this.changeInfo.isOpen = false; 154 | }, 155 | // 打开删除窗口 156 | openDelete(obj) { 157 | this.deleteInfo = { 158 | isOpen: true, 159 | form: obj 160 | }; 161 | }, 162 | // 启用禁用ajax 163 | sendDeleteAjax() { 164 | console.log("确认删除ID为" + this.deleteInfo.form.id + "的权限"); 165 | } 166 | }, 167 | mounted() { 168 | // 初始化查询顶级列表 169 | this.getListAjax(1); 170 | } 171 | }; 172 | -------------------------------------------------------------------------------- /src/view/work/assignment.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "WorkAssignment", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | productCode: "", 10 | companyCode: "", 11 | processId: "" 12 | } 13 | }, 14 | addInfo: { 15 | // 存放新增窗口显示状态及它的表单数据 16 | isOpen: false, 17 | form: { 18 | productCode: "", 19 | companyCode: "", 20 | processId: "" 21 | } 22 | }, 23 | changeInfo: { 24 | isOpen: false, 25 | form: {} 26 | }, 27 | statusInfo: { 28 | isOpen: false, 29 | form: {} 30 | }, 31 | rules: { 32 | productCode: [ 33 | { 34 | required: true, 35 | message: "请选择产品", 36 | trigger: "change" 37 | } 38 | ], 39 | companyCode: [ 40 | { 41 | required: true, 42 | message: "请选择公司", 43 | trigger: "change" 44 | } 45 | ], 46 | processId: [ 47 | { 48 | required: true, 49 | message: "请选择流程", 50 | trigger: "change" 51 | } 52 | ] 53 | } 54 | }; 55 | }, 56 | methods: { 57 | // 查询列表 58 | getListAjax() { 59 | console.log("发送ajax查询数据或分页规则处理"); 60 | // 模拟取得列表 61 | this.searchInfo.list = [ 62 | { 63 | productName: "微农贷", 64 | productCode: "WND", 65 | companyName: "杭州金爱农总公司", 66 | companyCode: "0001", 67 | status: 0, 68 | isAutoCreated: 1, 69 | processId: "1", 70 | processName: "20171031-浙江", 71 | definedName: "orderApply:1:1" 72 | } 73 | ]; 74 | }, 75 | // 格式化数字转成字符串名 76 | formatValue(row, column, cellValue) { 77 | // 根据传入的prop值确认规则列表 78 | if (column.property === "status") { 79 | return this.fomatLoopValue(cellValue, [ 80 | { 81 | text: 0, 82 | value: "禁用" 83 | }, 84 | { 85 | text: 1, 86 | value: "启用" 87 | } 88 | ]); 89 | } else if (column.property === "isAutoCreated") { 90 | return this.fomatLoopValue(cellValue, [ 91 | { 92 | text: 0, 93 | value: "未分配" 94 | }, 95 | { 96 | text: 1, 97 | value: "已分配" 98 | } 99 | ]); 100 | } 101 | }, 102 | // 新增ajax 103 | sendAddAjax(formName) { 104 | this.$refs[formName].validate(valid => { 105 | // 字段验证是否成功 106 | if (valid) { 107 | console.log("在此发送addInfo.form数据"); 108 | console.log(this.addInfo.form); 109 | } else { 110 | return false; 111 | } 112 | }); 113 | }, 114 | // 重置新值数据-关闭窗口 115 | resetAddInfo() { 116 | // 清空表单 117 | this.resetForm("formByAdd"); 118 | // 关闭窗口 119 | this.addInfo.isOpen = false; 120 | }, 121 | // 打开修改窗口 122 | openChange(obj) { 123 | this.changeInfo.isOpen = true; 124 | setTimeout(() => { 125 | // 去掉表单验证处带颜色的边框先 126 | this.$refs["formByChange"].resetFields(); 127 | // 提取列表中的值 128 | this.changeInfo.form = { 129 | id: obj.id, 130 | productCode: obj.productCode, 131 | companyCode: obj.companyCode, 132 | processId: obj.processId 133 | }; 134 | }, 100); 135 | }, 136 | // 修改ajax 137 | sendChangeAjax(formName) { 138 | this.$refs[formName].validate(valid => { 139 | // 字段验证是否成功 140 | if (valid) { 141 | console.log("在此发送changeInfo.form数据"); 142 | console.log(this.changeInfo.form); 143 | } else { 144 | return false; 145 | } 146 | }); 147 | }, 148 | // 重置修改窗口 149 | resetChangeInfo() { 150 | // 清空表单 151 | this.$refs["formByChange"].resetFields(); 152 | // 关闭窗口 153 | this.changeInfo.isOpen = false; 154 | }, 155 | // 打开启用禁用窗口 156 | openStatus(obj) { 157 | this.statusInfo = { 158 | isOpen: true, 159 | form: obj 160 | }; 161 | }, 162 | // 启用禁用ajax 163 | sendStatusAjax() { 164 | console.log("确认启用或禁用"); 165 | } 166 | }, 167 | mounted() { 168 | // 查询默认列表 169 | this.getListAjax(); 170 | } 171 | }; 172 | -------------------------------------------------------------------------------- /src/view/collection/strategy/edit.js: -------------------------------------------------------------------------------- 1 | const pageData = { 2 | companyCode: "0001", 3 | companyName: "浙江金爱农网络科技有限公司", 4 | debtPolicyStepBoList: [ 5 | { 6 | debtPolicyStepStaffBoList: [ 7 | { 8 | id: 101, 9 | policyStepId: 2, 10 | staffId: 684, 11 | staffName: "尹佳倩" 12 | } 13 | ], 14 | id: 2, 15 | policyId: 2, 16 | stepName: "收息前手" 17 | }, 18 | { 19 | debtPolicyStepStaffBoList: [ 20 | { 21 | id: 105, 22 | policyStepId: 3, 23 | staffId: 695, 24 | staffName: "张财银" 25 | }, 26 | { 27 | id: 106, 28 | policyStepId: 3, 29 | staffId: 696, 30 | staffName: "吴顺" 31 | } 32 | ], 33 | id: 3, 34 | policyId: 2, 35 | stepName: "电催前手" 36 | }, 37 | { 38 | debtPolicyStepStaffBoList: [ 39 | { 40 | id: 120, 41 | policyStepId: 4, 42 | staffId: 684, 43 | staffName: "尹佳倩" 44 | }, 45 | { 46 | id: 121, 47 | policyStepId: 4, 48 | staffId: 685, 49 | staffName: "王露颖" 50 | } 51 | ], 52 | id: 4, 53 | policyId: 2, 54 | stepName: "电催中手" 55 | }, 56 | { 57 | debtPolicyStepStaffBoList: [ 58 | { 59 | id: 124, 60 | policyStepId: 5, 61 | staffId: 708, 62 | staffName: "邹继攀" 63 | } 64 | ], 65 | id: 5, 66 | policyId: 2, 67 | stepName: "上门催收" 68 | }, 69 | { 70 | debtPolicyStepStaffBoList: [ 71 | { 72 | id: 130, 73 | policyStepId: 6, 74 | staffId: 717, 75 | staffName: "朱梦莎" 76 | } 77 | ], 78 | id: 6, 79 | policyId: 2, 80 | stepName: "法务" 81 | } 82 | ], 83 | id: 2, 84 | name: "浙江微农贷催收策略", 85 | productCode: "WND", 86 | productName: "微农贷" 87 | }; 88 | 89 | export default { 90 | data() { 91 | return { 92 | title: "", 93 | isLock: false, 94 | form: {}, 95 | strategyRoleList: [], 96 | addInfo: { 97 | // 存放新增窗口显示状态及它的表单数据 98 | isOpen: false, 99 | form: { 100 | stepName: "", 101 | debtPolicyStepStaffBoList: [] 102 | } 103 | }, 104 | rules: { 105 | name: [ 106 | { 107 | required: true, 108 | message: "角色名称不能为空", 109 | trigger: "change" 110 | } 111 | ], 112 | debtPolicyStepStaffBoList: [ 113 | { 114 | type: "array", 115 | required: true, 116 | message: "员工不能为空", 117 | trigger: "change" 118 | } 119 | ] 120 | } 121 | }; 122 | }, 123 | watch: { 124 | "$route.path": "checkRoute" 125 | }, 126 | methods: { 127 | // 观察路由 128 | checkRoute() { 129 | // 初始表单 130 | this.resetDefaultForm(); 131 | // 获取路由参数 132 | let id = this.$route.params.id; 133 | // 由路由参数判断模板是新增还是修改 134 | if (id === undefined) { 135 | this.title = "新增"; 136 | this.isLock = false; 137 | } else { 138 | this.title = "修改"; 139 | this.isLock = true; 140 | this.form = { 141 | id: pageData, 142 | name: pageData.name, 143 | companyCode: pageData.companyCode, 144 | productCode: pageData.productCode, 145 | stepStaffJSON: pageData.debtPolicyStepBoList 146 | }; 147 | } 148 | }, 149 | // 初始化表单 150 | resetDefaultForm() { 151 | this.form = { 152 | companyCode: "", 153 | productCode: "", 154 | name: "", 155 | stepStaffJSON: [] 156 | }; 157 | }, 158 | // 格式化数字转成字符串名 159 | formatValue(row, column, cellValue) { 160 | // 根据传入的prop值确认规则列表 161 | if (column.property === "debtPolicyStepStaffBoList") { 162 | let nameArr = []; 163 | cellValue.forEach(item => { 164 | nameArr.push(item.staffName); 165 | }); 166 | return nameArr.join("，"); 167 | } 168 | }, 169 | // 保存 170 | submitForm(form) { 171 | console.log("整页保存提交"); 172 | }, 173 | // 新增ajax 174 | sendAddAjax(formName) { 175 | this.$refs[formName].validate(valid => { 176 | // 字段验证是否成功 177 | if (valid) { 178 | console.log("在此发送addInfo.form数据"); 179 | console.log(this.addInfo.form); 180 | } else { 181 | return false; 182 | } 183 | }); 184 | }, 185 | // 重置新值数据-关闭窗口 186 | resetAddInfo() { 187 | // 清空表单 188 | this.resetForm("formByAdd"); 189 | // 关闭窗口 190 | this.addInfo.isOpen = false; 191 | } 192 | }, 193 | created() { 194 | // 初始化 195 | this.checkRoute(); 196 | } 197 | }; 198 | -------------------------------------------------------------------------------- /src/view/group/role/role.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "GroupRole", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | name: "", 10 | type: "" 11 | } 12 | }, 13 | addInfo: { 14 | // 存放新增窗口显示状态及它的表单数据 15 | isOpen: false, 16 | form: { 17 | name: "", 18 | type: "", 19 | hideLevel: 0 20 | } 21 | }, 22 | changeInfo: { 23 | isOpen: false, 24 | form: {} 25 | }, 26 | typeList: ["后台", "省级", "市级", "县级"], 27 | rules: { 28 | name: [ 29 | { 30 | required: true, 31 | message: "角色名称不能为空", 32 | trigger: "change" 33 | } 34 | ], 35 | type: [ 36 | { 37 | type: "number", 38 | required: true, 39 | message: "角色分类不能为空", 40 | trigger: "change" 41 | } 42 | ], 43 | hideLevel: [ 44 | { 45 | type: "number", 46 | required: true, 47 | message: "资料等级不能为空", 48 | trigger: "change" 49 | } 50 | ] 51 | } 52 | }; 53 | }, 54 | methods: { 55 | // 查询列表 56 | getListAjax() { 57 | console.log("发送ajax查询数据或分页规则处理"); 58 | // 模拟取得列表 59 | this.searchInfo.list = [ 60 | { 61 | hideLevel: 0, 62 | id: 25, 63 | name: "副总经理", 64 | status: "0", 65 | type: "1" 66 | }, 67 | { 68 | hideLevel: 0, 69 | id: 24, 70 | name: "市级指派员", 71 | status: "0", 72 | type: "0" 73 | }, 74 | { 75 | hideLevel: 0, 76 | id: 22, 77 | name: "市级管理员", 78 | status: "0", 79 | type: "0" 80 | }, 81 | { 82 | hideLevel: 100, 83 | id: 21, 84 | name: "超级管理员", 85 | status: "0", 86 | type: "0" 87 | }, 88 | { 89 | hideLevel: 0, 90 | id: 20, 91 | name: "省级风控", 92 | roleNo: "0010", 93 | status: "0", 94 | type: "1" 95 | }, 96 | { 97 | hideLevel: 90, 98 | id: 10, 99 | name: "市级财务", 100 | roleNo: "0009", 101 | status: "0", 102 | type: "2" 103 | }, 104 | { 105 | hideLevel: 80, 106 | id: 9, 107 | name: "县级内务", 108 | roleNo: "0008", 109 | status: "0", 110 | type: "3" 111 | }, 112 | { 113 | hideLevel: 99, 114 | id: 8, 115 | name: "总经理", 116 | roleNo: "0007", 117 | status: "0", 118 | type: "1" 119 | }, 120 | { 121 | hideLevel: 98, 122 | id: 7, 123 | name: "市级负责人", 124 | roleNo: "0006", 125 | status: "0", 126 | type: "2" 127 | }, 128 | { 129 | hideLevel: 90, 130 | id: 6, 131 | name: "市级风控", 132 | roleNo: "0005", 133 | status: "0", 134 | type: "2" 135 | } 136 | ]; 137 | }, 138 | // 格式化数字转成字符串名 139 | formatValue(row, column, cellValue) { 140 | return this.typeList[cellValue]; 141 | }, 142 | // 新增ajax 143 | sendAddAjax(formName) { 144 | this.$refs[formName].validate(valid => { 145 | // 字段验证是否成功 146 | if (valid) { 147 | console.log("在此发送addInfo.form数据"); 148 | console.log(this.addInfo.form); 149 | } else { 150 | return false; 151 | } 152 | }); 153 | }, 154 | // 重置新值数据-关闭窗口 155 | resetAddInfo() { 156 | // 清空表单 157 | this.resetForm("formByAdd"); 158 | // 关闭窗口 159 | this.addInfo.isOpen = false; 160 | }, 161 | // 打开修改窗口 162 | openChange(obj) { 163 | this.changeInfo.isOpen = true; 164 | setTimeout(() => { 165 | // 去掉表单验证处带颜色的边框先 166 | this.$refs["formByChange"].resetFields(); 167 | // 提取列表中的值 168 | this.changeInfo.form = { 169 | id: obj.id, 170 | name: obj.name, 171 | type: parseInt(obj.type), 172 | hideLevel: obj.hideLevel 173 | }; 174 | }, 100); 175 | }, 176 | // 修改ajax 177 | sendChangeAjax(formName) { 178 | this.$refs[formName].validate(valid => { 179 | // 字段验证是否成功 180 | if (valid) { 181 | console.log("在此发送changeInfo.form数据"); 182 | console.log(this.changeInfo.form); 183 | } else { 184 | return false; 185 | } 186 | }); 187 | }, 188 | // 重置修改窗口 189 | resetChangeInfo() { 190 | // 清空表单 191 | this.$refs["formByChange"].resetFields(); 192 | // 关闭窗口 193 | this.changeInfo.isOpen = false; 194 | } 195 | }, 196 | mounted() { 197 | // 查询默认列表 198 | this.getListAjax(); 199 | } 200 | }; 201 | -------------------------------------------------------------------------------- /dist/static/js/5.ad7e489f9266cacd209a.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([5],{dLWD:function(e,l,c){"use strict";Object.defineProperty(l,"__esModule",{value:!0});var t={name:"GroupRolePower",data:function(){return{powerList:[],level01:!1,level02:!1,level03:!1,checkList:[],checklevel01:[],checklevel02:[],checklevel03:[],listlevel01:[],listlevel02:[],listlevel03:[]}},methods:{getRolePower:function(){var e=this;this.powerList=[{children:[{children:[{children:[],hasRelevance:"1",id:169,name:"查询资料列表",parentId:"101",seq:4,type:"3"},{children:[],hasRelevance:"1",id:159,name:"查询资料树",parentId:"101",seq:0,type:"3"},{children:[],hasRelevance:"1",id:117,name:"隐藏/显示",parentId:"101",seq:3,type:"3"},{children:[],hasRelevance:"1",id:116,name:"删除",parentId:"101",seq:2,type:"3"},{children:[],hasRelevance:"1",id:115,name:"修改",parentId:"101",seq:1,type:"3"},{children:[],hasRelevance:"1",id:114,name:"新增",parentId:"101",seq:0,type:"3"}],hasRelevance:"1",id:101,name:"资料配置",parentId:"18",seq:1,type:"1"},{children:[{children:[],hasRelevance:"1",id:167,name:"产品模型查询",parentId:"19",seq:3,type:"2"},{children:[],hasRelevance:"1",id:113,name:"启用/禁用",parentId:"19",seq:2,type:"3"},{children:[],hasRelevance:"1",id:112,name:"修改",parentId:"19",seq:1,type:"3"},{children:[],hasRelevance:"1",id:111,name:"新增",parentId:"19",seq:0,type:"3"}],hasRelevance:"1",id:19,name:"产品设置",parentId:"18",seq:0,type:"1"}],hasRelevance:"1",id:18,name:"产品管理",parentId:"",seq:12,type:"0"}],this.powerList.forEach(function(l){e.checkList[l.id]=[],e.listlevel01.push(l.id),"1"===l.hasRelevance&&e.checklevel01.push(l.id),l.children.forEach(function(c){e.checkList[l.id].push(c.id),e.listlevel02.push(c.id),"1"===c.hasRelevance&&e.checklevel02.push(c.id),c.children.forEach(function(l){e.listlevel03.push(l.id),"1"===l.hasRelevance&&e.checklevel03.push(l.id)})})})},level01Change:function(e){var l=this;this.checklevel01.indexOf(e)>=0?this.checkList[e].forEach(function(e){l.checklevel02.indexOf(e)<0&&l.checklevel02.push(e)}):this.checkList[e].forEach(function(e){var c=l.checklevel02.indexOf(e);c>=0&&l.checklevel02.splice(c,1)})},checkHas:function(e,l){for(var c=0;c 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 查询 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 38 | 39 | 40 | 41 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 |
54 | 确 定 55 | 取 消 56 |
57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 |
94 | 确 认 95 | 取 消 96 |
97 | 98 | 99 | 100 | 101 | -------------------------------------------------------------------------------- /src/view/sms/enabled.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "SmsEnabled", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | name: "", 10 | status: "", 11 | sceneId: "" 12 | } 13 | }, 14 | changeInfo: { 15 | isOpen: false, 16 | form: {} 17 | }, 18 | statusInfo: { 19 | isOpen: false, 20 | form: {} 21 | }, 22 | sceneList: ["逾期"], 23 | statusList: [ 24 | { 25 | value: 4, 26 | name: "启用" 27 | }, 28 | { 29 | value: 5, 30 | name: "禁用" 31 | } 32 | ], 33 | rules: { 34 | senceExt: [ 35 | { 36 | required: true, 37 | message: "扩展字段不能为空", 38 | trigger: "change" 39 | } 40 | ], 41 | msgSign: [ 42 | { 43 | required: true, 44 | message: "短信签名不能为空", 45 | trigger: "change" 46 | } 47 | ], 48 | templateContent: [ 49 | { 50 | required: true, 51 | message: "短信模板不能为空", 52 | trigger: "change" 53 | } 54 | ], 55 | verifyFailReason: [ 56 | { 57 | required: true, 58 | message: "请输入不过理由", 59 | trigger: "change" 60 | } 61 | ], 62 | taskName: [ 63 | { 64 | required: true, 65 | message: "任务名称不能为空", 66 | trigger: "change" 67 | } 68 | ], 69 | taskCron: [ 70 | { 71 | required: true, 72 | message: "时间表达式不能为空", 73 | trigger: "change" 74 | } 75 | ], 76 | taskUrl: [ 77 | { 78 | required: true, 79 | message: "调用url不能为空", 80 | trigger: "change" 81 | } 82 | ], 83 | taskDesc: [ 84 | { 85 | required: true, 86 | message: "任务描述不能为空", 87 | trigger: "change" 88 | } 89 | ] 90 | } 91 | }; 92 | }, 93 | methods: { 94 | // 查询列表 95 | getListAjax() { 96 | console.log("发送ajax查询数据或分页规则处理"); 97 | // 模拟取得列表 98 | this.searchInfo.list = [ 99 | { 100 | taskId: 179, 101 | page_size: 10, 102 | senceExt: "1,2,3,4,5,6,7,8", 103 | status: 5, 104 | productCode: "WND", 105 | remark: "看看", 106 | sceneId: 1, 107 | taskDesc: "欠款1-8天的逾期短信", 108 | msgSign: "朗格集团草根事业部", 109 | sendType: 1, 110 | platCode: "1", 111 | companyName: "江苏金爱农网络科技有限公司", 112 | taskName: "欠款1-8天的逾期短信", 113 | taskCron: "0 0 23 * * ?", 114 | companyCode: "0003", 115 | id: 64, 116 | platName: "金爱农", 117 | templateContent: 118 | "尊敬地用户${username}，您好，借钱不还不太好吧。请于下月${date}前还给我，保底金额${amount} 如有超期利息另算。", 119 | taskUrl: 120 | "http://172.16.34.174:9990/com.cgtz.module.cgjr.task.OutOfRangeRepayTask", 121 | senceName: "逾期", 122 | productName: "微农贷", 123 | targetType: 1, 124 | templateName: "" 125 | } 126 | ]; 127 | }, 128 | formatValue(row, column, cellValue) { 129 | // 根据传入的prop值确认规则列表 130 | if (column.property === "status") { 131 | return this.statusList[cellValue - 1]; 132 | } else if (column.property === "sceneId") { 133 | return this.sceneList[cellValue - 1]; 134 | } 135 | }, 136 | // 打开修改窗口 137 | openChange(obj) { 138 | this.changeInfo.isOpen = true; 139 | setTimeout(() => { 140 | // 去掉表单验证处带颜色的边框先 141 | this.$refs["formByChange"].resetFields(); 142 | // 提取列表中的值 143 | this.changeInfo.form = { 144 | id: obj.id, 145 | companyName: obj.companyName, 146 | productName: obj.productName, 147 | sceneId: obj.sceneId, 148 | senceExt: obj.senceExt, 149 | msgSign: obj.msgSign, 150 | templateContent: obj.templateContent, 151 | taskName: obj.taskName, 152 | taskCron: obj.taskCron, 153 | taskUrl: obj.taskUrl, 154 | taskDesc: obj.taskDesc 155 | }; 156 | }, 100); 157 | }, 158 | // 修改ajax 159 | sendChangeAjax(formName) { 160 | this.$refs[formName].validate(valid => { 161 | // 字段验证是否成功 162 | if (valid) { 163 | console.log("在此发送changeInfo.form数据"); 164 | console.log(this.changeInfo.form); 165 | } else { 166 | return false; 167 | } 168 | }); 169 | }, 170 | // 重置修改窗口 171 | resetChangeInfo() { 172 | // 清空表单 173 | this.$refs["formByChange"].resetFields(); 174 | // 关闭窗口 175 | this.changeInfo.isOpen = false; 176 | }, 177 | // 打开启用禁用窗口 178 | openStatus(obj) { 179 | this.statusInfo = { 180 | isOpen: true, 181 | form: obj 182 | }; 183 | }, 184 | // 启用禁用ajax 185 | sendStatusAjax() { 186 | console.log("确认启用或禁用"); 187 | } 188 | }, 189 | mounted() { 190 | // 查询默认列表 191 | this.getListAjax(); 192 | } 193 | }; 194 | -------------------------------------------------------------------------------- /src/view/sms/review.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "SmsReview", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | name: "", 10 | status: "", 11 | sceneId: "" 12 | } 13 | }, 14 | sceneList: ["逾期"], 15 | statusList: ["审核中"], 16 | failInfo: { 17 | isOpen: false, 18 | form: {} 19 | }, 20 | passInfo: { 21 | isOpen: false, 22 | form: {} 23 | }, 24 | rules: { 25 | senceExt: [ 26 | { 27 | required: true, 28 | message: "扩展字段不能为空", 29 | trigger: "change" 30 | } 31 | ], 32 | msgSign: [ 33 | { 34 | required: true, 35 | message: "短信签名不能为空", 36 | trigger: "change" 37 | } 38 | ], 39 | templateContent: [ 40 | { 41 | required: true, 42 | message: "短信模板不能为空", 43 | trigger: "change" 44 | } 45 | ], 46 | verifyFailReason: [ 47 | { 48 | required: true, 49 | message: "请输入不过理由", 50 | trigger: "change" 51 | } 52 | ], 53 | taskName: [ 54 | { 55 | required: true, 56 | message: "任务名称不能为空", 57 | trigger: "change" 58 | } 59 | ], 60 | taskCron: [ 61 | { 62 | required: true, 63 | message: "时间表达式不能为空", 64 | trigger: "change" 65 | } 66 | ], 67 | taskUrl: [ 68 | { 69 | required: true, 70 | message: "调用url不能为空", 71 | trigger: "change" 72 | } 73 | ], 74 | taskDesc: [ 75 | { 76 | required: true, 77 | message: "任务描述不能为空", 78 | trigger: "change" 79 | } 80 | ] 81 | } 82 | }; 83 | }, 84 | methods: { 85 | // 查询列表 86 | getListAjax() { 87 | console.log("发送ajax查询数据或分页规则处理"); 88 | // 模拟取得列表 89 | this.searchInfo.list = [ 90 | { 91 | senceExt: "4", 92 | status: 1, 93 | productCode: "WND", 94 | remark: "11", 95 | sceneId: 1, 96 | msgSign: "【农游】", 97 | sendType: 1, 98 | platCode: "1", 99 | companyName: "浙江金爱农龙游分公司", 100 | companyCode: "000100010002", 101 | id: 70, 102 | platName: "金爱农", 103 | templateContent: 104 | "尊敬的${username}，你有一笔应还金额￥${amount}元的借 款在${date}到期，请你马上还款，逾 期超过30天，我们将通知你的紧急联系人和相关亲友。", 105 | senceName: "逾期", 106 | productName: "微农贷", 107 | targetType: 1, 108 | templateName: "" 109 | } 110 | ]; 111 | }, 112 | // 格式化数字转成字符串名 113 | formatValue(row, column, cellValue) { 114 | // 根据传入的prop值确认规则列表 115 | if (column.property === "status") { 116 | return this.statusList[cellValue - 1]; 117 | } else if (column.property === "sceneId") { 118 | return this.sceneList[cellValue - 1]; 119 | } 120 | }, 121 | // 打开不通过窗口 122 | openFail(obj) { 123 | this.failInfo = { 124 | isOpen: true, 125 | form: { 126 | id: obj.id, 127 | verifyFailReason: "" 128 | } 129 | }; 130 | }, 131 | // 发送不通过理由 132 | sendFailAjax(formName) { 133 | this.$refs[formName].validate(valid => { 134 | // 字段验证是否成功 135 | if (valid) { 136 | console.log("在此发送failInfo.form数据"); 137 | console.log(this.failInfo.form); 138 | } else { 139 | return false; 140 | } 141 | }); 142 | }, 143 | // 重置不过通窗口 144 | resetFailInfo() { 145 | // 清空表单 146 | this.$refs["formByFail"].resetFields(); 147 | // 关闭窗口 148 | this.failInfo.isOpen = false; 149 | }, 150 | // 打开通过窗口 151 | openPass(obj) { 152 | this.passInfo.isOpen = true; 153 | setTimeout(() => { 154 | // 去掉表单验证处带颜色的边框先 155 | this.$refs["formByPass"].resetFields(); 156 | // 提取列表中的值 157 | this.passInfo.form = { 158 | id: obj.id, 159 | companyName: obj.companyName, 160 | productName: obj.productName, 161 | sceneId: obj.sceneId, 162 | senceExt: obj.senceExt, 163 | msgSign: obj.msgSign, 164 | templateContent: obj.templateContent, 165 | taskName: "", 166 | taskCron: "", 167 | taskUrl: "", 168 | taskDesc: "" 169 | }; 170 | }, 100); 171 | }, 172 | // 通过ajax 173 | sendPassAjax(formName) { 174 | this.$refs[formName].validate(valid => { 175 | // 字段验证是否成功 176 | if (valid) { 177 | console.log("在此发送passInfo.form数据"); 178 | console.log(this.passInfo.form); 179 | } else { 180 | return false; 181 | } 182 | }); 183 | }, 184 | // 重置通过窗口 185 | resetPassInfo() { 186 | // 清空表单 187 | this.$refs["formByPass"].resetFields(); 188 | // 关闭窗口 189 | this.passInfo.isOpen = false; 190 | } 191 | }, 192 | mounted() { 193 | // 查询默认列表 194 | this.getListAjax(); 195 | } 196 | }; 197 | -------------------------------------------------------------------------------- /src/view/group/Power.vue: -------------------------------------------------------------------------------- 1 | 111 | 112 | -------------------------------------------------------------------------------- /src/view/sms/Enabled.vue: -------------------------------------------------------------------------------- 1 | 105 | 106 | -------------------------------------------------------------------------------- /src/components/imgPreview/index.vue: -------------------------------------------------------------------------------- 1 | 30 | 31 | 141 | 142 | 190 | -------------------------------------------------------------------------------- /dist/static/js/24.18e1305ccb635a3c57df.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([24],{TwDw:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o={name:"GroupDepartment",data:function(){return{searchInfo:{list:[],form:{name:""}},addInfo:{isOpen:!1,form:{name:"",description:""}},changeInfo:{isOpen:!1,form:{}},deleteInfo:{isOpen:!1,form:{}},rules:{name:[{required:!0,message:"部门名称不能为空",trigger:"change"}],description:[{required:!0,message:"部门职责不能为空",trigger:"change"}]}}},methods:{getListAjax:function(){console.log("发送ajax查询数据或分页规则处理"),this.searchInfo.list=[{description:"内务1",id:43,name:"内务部",status:"0"},{description:"风控",id:42,name:"风控部",status:"0"},{description:"超级",id:41,name:"超级管理员",status:"0"},{description:"核算支持",id:36,name:"财务部",status:"0"},{description:"管理",id:35,name:"总经理",status:"0"},{description:"外访支持",id:34,name:"外访部",status:"0"},{description:"业务支持",id:33,name:"业务部",status:"0"}]},sendAddAjax:function(e){var t=this;this.$refs[e].validate(function(e){if(!e)return!1;console.log("在此发送addInfo.form数据"),console.log(t.addInfo.form)})},resetAddInfo:function(){this.resetForm("formByAdd"),this.addInfo.isOpen=!1},openChange:function(e){var t=this;this.changeInfo.isOpen=!0,setTimeout(function(){t.$refs.formByChange.resetFields(),t.changeInfo.form={id:e.id,name:e.name,description:e.description}},100)},sendChangeAjax:function(e){var t=this;this.$refs[e].validate(function(e){if(!e)return!1;console.log("在此发送changeInfo.form数据"),console.log(t.changeInfo.form)})},resetChangeInfo:function(){this.$refs.formByChange.resetFields(),this.changeInfo.isOpen=!1},openDelete:function(e){this.deleteInfo={isOpen:!0,form:e}},sendDeleteAjax:function(){console.log("确认删除ID为"+this.deleteInfo.form.id+"的部门")}},mounted:function(){this.getListAjax()}},r={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("el-main",[n("Breadcrumb"),e._v(" "),n("SearchWarp",[n("el-form",{ref:"searchInfo.form",attrs:{inline:!0,model:e.searchInfo.form}},[n("el-form-item",{attrs:{label:"部门名称"}},[n("el-input",{attrs:{placeholder:"请输入部门名称"},model:{value:e.searchInfo.form.name,callback:function(t){e.$set(e.searchInfo.form,"name",t)},expression:"searchInfo.form.name"}})],1),e._v(" "),n("el-form-item",[n("el-button",{attrs:{type:"success"},on:{click:e.getListAjax}},[e._v("查询")]),e._v(" "),n("el-button",{attrs:{type:"danger"},on:{click:function(t){e.addInfo.isOpen=!0}}},[e._v("新增")])],1)],1)],1),e._v(" "),n("ContentWarp",[n("el-table",{attrs:{border:"",stripe:"",data:e.searchInfo.list,size:"small"}},[n("el-table-column",{attrs:{align:"center",label:"ID",prop:"id",width:"80"}}),e._v(" "),n("el-table-column",{attrs:{align:"center",label:"部门名称",prop:"name","min-width":"160"}}),e._v(" "),n("el-table-column",{attrs:{align:"center",label:"部门描述",prop:"description","min-width":"300"}}),e._v(" "),n("el-table-column",{attrs:{align:"center",label:"操作",width:"260px"},scopedSlots:e._u([{key:"default",fn:function(t){return[n("el-button",{attrs:{size:"mini",type:"primary",icon:"el-icon-edit",plain:""},on:{click:function(n){return e.openChange(t.row)}}},[e._v("修改\n ")]),e._v(" "),n("el-button",{attrs:{size:"mini",type:"danger",plain:""},on:{click:function(n){return e.openDelete(t.row)}}},[e._v("删除")])]}}])})],1)],1),e._v(" "),n("el-dialog",{attrs:{title:"新增部门",width:"600px",center:"",visible:e.addInfo.isOpen,"show-close":!1},on:{"update:visible":function(t){return e.$set(e.addInfo,"isOpen",t)}}},[n("el-form",{ref:"formByAdd",attrs:{model:e.addInfo.form,rules:e.rules,"label-width":"100px"}},[n("el-form-item",{attrs:{label:"部门名称",prop:"name"}},[n("el-input",{model:{value:e.addInfo.form.name,callback:function(t){e.$set(e.addInfo.form,"name",t)},expression:"addInfo.form.name"}})],1),e._v(" "),n("el-form-item",{attrs:{label:"部门职责",prop:"description"}},[n("el-input",{attrs:{type:"textarea"},model:{value:e.addInfo.form.description,callback:function(t){e.$set(e.addInfo.form,"description",t)},expression:"addInfo.form.description"}})],1)],1),e._v(" "),n("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[n("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.sendAddAjax("formByAdd")}}},[e._v("新 增")]),e._v(" "),n("el-button",{on:{click:e.resetAddInfo}},[e._v("取 消")])],1)],1),e._v(" "),n("el-dialog",{attrs:{title:"修改角色",width:"600px",center:"",visible:e.changeInfo.isOpen,"show-close":!1},on:{"update:visible":function(t){return e.$set(e.changeInfo,"isOpen",t)}}},[n("el-form",{ref:"formByChange",attrs:{model:e.changeInfo.form,rules:e.rules,"label-width":"100px"}},[n("el-form-item",{attrs:{label:"部门名称",prop:"name"}},[n("el-input",{model:{value:e.changeInfo.form.name,callback:function(t){e.$set(e.changeInfo.form,"name",t)},expression:"changeInfo.form.name"}})],1),e._v(" "),n("el-form-item",{attrs:{label:"部门职责",prop:"description"}},[n("el-input",{attrs:{type:"textarea"},model:{value:e.changeInfo.form.description,callback:function(t){e.$set(e.changeInfo.form,"description",t)},expression:"changeInfo.form.description"}})],1)],1),e._v(" "),n("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[n("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.sendChangeAjax("formByChange")}}},[e._v("修 改")]),e._v(" "),n("el-button",{on:{click:e.resetChangeInfo}},[e._v("取 消 ")])],1)],1),e._v(" "),n("el-dialog",{attrs:{title:"删除",width:"600px",center:"",visible:e.deleteInfo.isOpen,"show-close":!1},on:{"update:visible":function(t){return e.$set(e.deleteInfo,"isOpen",t)}}},[n("p",{staticClass:"text-center"},[e._v("\n 确定删除"),n("span",{staticClass:"text-red"},[e._v(" "+e._s(e.deleteInfo.form.name)+" ")]),e._v("吗？\n ")]),e._v(" "),n("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[n("el-button",{attrs:{type:"primary"},on:{click:e.sendDeleteAjax}},[e._v("确 认")]),e._v(" "),n("el-button",{on:{click:function(t){e.deleteInfo.isOpen=!1}}},[e._v("取 消")])],1)])],1)},staticRenderFns:[]},i=n("C7Lr")(o,r,!1,null,null,null);t.default=i.exports}}); -------------------------------------------------------------------------------- /src/view/order/intend.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "OrderIntend", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | orderNo: "", 10 | phone: "", 11 | status: "", 12 | beginTime: "", 13 | endTime: "" 14 | } 15 | }, 16 | addInfo: { 17 | // 存放新增窗口显示状态及它的表单数据 18 | isOpen: false, 19 | form: { 20 | name: "", 21 | phone: "", 22 | productCode: "", 23 | loanAmount: "", 24 | loanDay: "", 25 | used: "", 26 | area: "", 27 | income: "", 28 | creditInfo: "", 29 | building: "", 30 | other: "" 31 | } 32 | }, 33 | rules: { 34 | name: [ 35 | { 36 | required: true, 37 | message: "姓名不能为空", 38 | trigger: "change" 39 | } 40 | ], 41 | phone: [ 42 | { 43 | required: true, 44 | message: "手机号不能为空", 45 | trigger: "change" 46 | } 47 | ], 48 | productCode: [ 49 | { 50 | required: true, 51 | message: "请选择产品", 52 | trigger: "change" 53 | } 54 | ], 55 | loanAmount: [ 56 | { 57 | type: "number", 58 | required: true, 59 | message: "请选择申请金额", 60 | trigger: "change" 61 | } 62 | ], 63 | loanDay: [ 64 | { 65 | type: "number", 66 | required: true, 67 | message: "请选择借款期限", 68 | trigger: "change" 69 | } 70 | ], 71 | used: [ 72 | { 73 | required: true, 74 | message: "用途不能为空", 75 | trigger: "change" 76 | } 77 | ], 78 | area: [ 79 | { 80 | required: true, 81 | message: "请选择并确认地址区域", 82 | trigger: "change" 83 | } 84 | ], 85 | income: [ 86 | { 87 | required: true, 88 | message: "收入来源不能为空", 89 | trigger: "change" 90 | } 91 | ], 92 | creditInfo: [ 93 | { 94 | required: true, 95 | message: "征信情况不能为空", 96 | trigger: "change" 97 | } 98 | ], 99 | building: [ 100 | { 101 | required: true, 102 | message: "自建房不能为空", 103 | trigger: "change" 104 | } 105 | ] 106 | }, 107 | findInfo: { 108 | isOpen: false, 109 | form: {} 110 | }, 111 | changeInfo: { 112 | isOpen: false, 113 | form: {} 114 | }, 115 | statusList: ["未分配", "已分配"], 116 | amountList: ["3万", "4万", "5万", "6万", "7万", "8万", "9万", "10万"], 117 | dayList: ["180天"] 118 | }; 119 | }, 120 | methods: { 121 | getListAjax() { 122 | console.log("发送this.searchInfo.form的数据去查询"); 123 | console.log(this.searchInfo.form); 124 | // 模拟ajax取得列表数据 125 | this.searchInfo.list = [ 126 | { 127 | id: 1, 128 | orderNo: 20171223000001, 129 | name: "测试1", 130 | phone: 15012345678, 131 | loanAmount: 40000, 132 | loanDay: 180, 133 | areaName: "浙江省衢州市江山市", 134 | used: "装修房子", 135 | productName: "微农贷", 136 | productCode: "WND", 137 | createTime: "2017-11-11 05:05:12", 138 | status: 0 139 | }, 140 | { 141 | id: 2, 142 | orderNo: 20171223000002, 143 | name: "测试2", 144 | phone: 13098765432, 145 | loanAmount: 50000, 146 | loanDay: 180, 147 | areaName: "浙江省杭州市余杭区", 148 | used: "扩大经营", 149 | productName: "微农贷", 150 | productCode: "WND", 151 | createTime: "2017-11-20 17:07:07", 152 | status: 1 153 | } 154 | ]; 155 | }, 156 | // 格式化数字转成字符串名 157 | formatValue(row, column, cellValue) { 158 | return this.statusList[cellValue]; 159 | }, 160 | // 新增ajax 161 | sendAddAjax(formName) { 162 | this.$refs[formName].validate(valid => { 163 | // 字段验证是否成功 164 | if (valid) { 165 | console.log("在此发送addInfo.form数据"); 166 | console.log(this.addInfo.form); 167 | } else { 168 | return false; 169 | } 170 | }); 171 | }, 172 | // 重置新值数据-关闭窗口 173 | resetAddInfo() { 174 | // 清空表单 175 | this.resetForm("formByAdd"); 176 | // 关闭窗口 177 | this.addInfo.isOpen = false; 178 | }, 179 | // 打开查看窗口 180 | openFind(obj) { 181 | this.findInfo = { 182 | isOpen: true, 183 | form: obj 184 | }; 185 | }, 186 | // 打开修改窗口 187 | openChange(obj) { 188 | this.changeInfo.isOpen = true; 189 | setTimeout(() => { 190 | // 去掉表单验证处带颜色的边框先 191 | this.$refs["formByChange"].resetFields(); 192 | // 提取列表中的值 193 | this.changeInfo.form = JSON.parse(JSON.stringify(obj)); 194 | }, 100); 195 | }, 196 | // 修改ajax 197 | sendChangeAjax(formName) { 198 | this.$refs[formName].validate(valid => { 199 | // 字段验证是否成功 200 | if (valid) { 201 | console.log("在此发送changeInfo.form数据"); 202 | console.log(this.changeInfo.form); 203 | } else { 204 | return false; 205 | } 206 | }); 207 | }, 208 | // 重置修改窗口 209 | resetChangeInfo() { 210 | // 清空表单 211 | this.$refs["formByChange"].resetFields(); 212 | // 关闭窗口 213 | this.changeInfo.isOpen = false; 214 | } 215 | }, 216 | created() { 217 | this.getListAjax(); 218 | } 219 | }; 220 | -------------------------------------------------------------------------------- /src/view/work/Assignment.vue: -------------------------------------------------------------------------------- 1 | 113 | 114 | -------------------------------------------------------------------------------- /src/view/work/delegate.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "WorkDelegate", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | productCode: "", 10 | companyCode: "", 11 | processId: "" 12 | } 13 | }, 14 | addInfo: { 15 | // 存放新增窗口显示状态及它的表单数据 16 | isOpen: false, 17 | form: { 18 | productCode: "", 19 | companyCode: "", 20 | processId: "", 21 | assignedRoleId: "", 22 | type: "", 23 | roleId: "" 24 | } 25 | }, 26 | changeInfo: { 27 | isOpen: false, 28 | form: {} 29 | }, 30 | statusInfo: { 31 | isOpen: false, 32 | form: {} 33 | }, 34 | rules: { 35 | productCode: [ 36 | { 37 | required: true, 38 | message: "请选择产品", 39 | trigger: "change" 40 | } 41 | ], 42 | companyCode: [ 43 | { 44 | required: true, 45 | message: "请选择公司", 46 | trigger: "change" 47 | } 48 | ], 49 | processId: [ 50 | { 51 | required: true, 52 | message: "请选择流程", 53 | trigger: "change" 54 | } 55 | ], 56 | assignedRoleId: [ 57 | { 58 | required: true, 59 | message: "请选择被指派角色" 60 | }, 61 | { 62 | type: "number", 63 | message: "请选择被指派角色", 64 | trigger: "change" 65 | } 66 | ], 67 | type: [ 68 | { 69 | required: true, 70 | message: "请选择指派方式", 71 | trigger: "change" 72 | } 73 | ], 74 | roleId: [ 75 | { 76 | required: true, 77 | message: "请选择指派角色" 78 | }, 79 | { 80 | type: "number", 81 | message: "请选择指派角色", 82 | trigger: "change" 83 | } 84 | ] 85 | } 86 | }; 87 | }, 88 | methods: { 89 | // 查询列表 90 | getListAjax() { 91 | console.log("发送ajax查询数据或分页规则处理"); 92 | // 模拟取得列表 93 | this.searchInfo.list = [ 94 | { 95 | assignedRole: { 96 | hideLevel: 0, 97 | id: 20, 98 | name: "省级风控", 99 | roleNo: "0010", 100 | status: "0", 101 | type: "1" 102 | }, 103 | assignedRoleId: "20", 104 | companyId: "24", 105 | companyName: "浙江金爱农网络科技有限公司", 106 | companyCode: "0001", 107 | id: 1, 108 | processId: "1", 109 | processName: "浙江申请减免", 110 | productCode: "WND", 111 | productName: "微农贷", 112 | roleId: "", 113 | status: "0", 114 | type: "1" 115 | } 116 | ]; 117 | }, 118 | // 格式化数字转成字符串名 119 | formatValue(row, column, cellValue) { 120 | // 根据传入的prop值确认规则列表 121 | if (column.property === "type") { 122 | return this.fomatLoopValue(cellValue, [ 123 | { 124 | text: "0", 125 | value: "人工分配" 126 | }, 127 | { 128 | text: "1", 129 | value: "自动指派" 130 | } 131 | ]); 132 | } else if (column.property === "status") { 133 | return this.fomatLoopValue(cellValue, [ 134 | { 135 | text: "0", 136 | value: "启用" 137 | }, 138 | { 139 | text: "1", 140 | value: "禁用" 141 | } 142 | ]); 143 | } else if (column.property === "roleName") { 144 | return cellValue || "暂无"; 145 | } 146 | }, 147 | // 新增ajax 148 | sendAddAjax(formName) { 149 | this.$refs[formName].validate(valid => { 150 | // 字段验证是否成功 151 | if (valid) { 152 | // 如果分配方式自动的话就清除指派角色 153 | if (this.addInfo.form.type !== "2") { 154 | this.addInfo.form.roleId = ""; 155 | } 156 | console.log("在此发送addInfo.form数据"); 157 | console.log(this.addInfo.form); 158 | } else { 159 | return false; 160 | } 161 | }); 162 | }, 163 | // 重置新值数据-关闭窗口 164 | resetAddInfo() { 165 | // 清空表单 166 | this.resetForm("formByAdd"); 167 | // 关闭窗口 168 | this.addInfo.isOpen = false; 169 | }, 170 | // 打开修改窗口 171 | openChange(obj) { 172 | this.changeInfo.isOpen = true; 173 | setTimeout(() => { 174 | // 去掉表单验证处带颜色的边框先 175 | this.$refs["formByChange"].resetFields(); 176 | // 提取列表中的值 177 | this.changeInfo.form = { 178 | id: obj.id, 179 | productCode: obj.productCode, 180 | companyCode: obj.companyCode, 181 | processId: obj.processId, 182 | assignedRoleId: obj.assignedRole.id, 183 | type: obj.type, 184 | roleId: obj.roleId 185 | }; 186 | }, 100); 187 | }, 188 | // 修改ajax 189 | sendChangeAjax(formName) { 190 | this.$refs[formName].validate(valid => { 191 | // 字段验证是否成功 192 | if (valid) { 193 | // 如果分配方式自动的话就清除指派角色 194 | if (this.changeInfo.form.type !== "2") { 195 | this.changeInfo.form.roleId = ""; 196 | } 197 | console.log("在此发送changeInfo.form数据"); 198 | console.log(this.changeInfo.form); 199 | } else { 200 | return false; 201 | } 202 | }); 203 | }, 204 | // 重置修改窗口 205 | resetChangeInfo() { 206 | // 清空表单 207 | this.$refs["formByChange"].resetFields(); 208 | // 关闭窗口 209 | this.changeInfo.isOpen = false; 210 | }, 211 | // 打开启用禁用窗口 212 | openStatus(obj) { 213 | this.statusInfo = { 214 | isOpen: true, 215 | form: obj 216 | }; 217 | }, 218 | // 启用禁用ajax 219 | sendStatusAjax() { 220 | console.log("确认启用或禁用"); 221 | } 222 | }, 223 | mounted() { 224 | // 查询默认列表 225 | this.getListAjax(); 226 | } 227 | }; 228 | -------------------------------------------------------------------------------- /dist/static/js/18.3050355b5c0736678fa2.js: -------------------------------------------------------------------------------- 1 | webpackJsonp([18],{WFm3:function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n={name:"ProductConfig",data:function(){return{searchInfo:{list:[],form:{name:""}},addInfo:{isOpen:!1,form:{name:"",code:"",modelId:""}},changeInfo:{isOpen:!1,form:{}},statusInfo:{isOpen:!1,form:{}},rules:{name:[{required:!0,message:"名称不能为空",trigger:"change"}],code:[{required:!0,message:"产品码不能为空",trigger:"change"}],modelId:[{required:!0,message:"模型ID不能为空",trigger:"change"}]}}},methods:{getListAjax:function(){console.log("发送ajax查询数据或分页规则处理"),this.searchInfo.list=[{code:"WND",id:82,modelId:"6",name:"微农贷1.0",status:"0"}]},formatValue:function(e,t,o){return this.fomatLoopValue(o,[{text:"0",value:"启用"},{text:"1",value:"禁用"}])},sendAddAjax:function(e){var t=this;this.$refs[e].validate(function(e){if(!e)return!1;"2"!==t.addInfo.form.type&&(t.addInfo.form.roleId=""),console.log("在此发送addInfo.form数据"),console.log(t.addInfo.form)})},resetAddInfo:function(){this.resetForm("formByAdd"),this.addInfo.isOpen=!1},openChange:function(e){var t=this;this.changeInfo.isOpen=!0,setTimeout(function(){t.$refs.formByChange.resetFields(),t.changeInfo.form={id:e.id,name:e.name,code:e.code,modelId:e.modelId}},100)},sendChangeAjax:function(e){var t=this;this.$refs[e].validate(function(e){if(!e)return!1;"2"!==t.changeInfo.form.type&&(t.changeInfo.form.roleId=""),console.log("在此发送changeInfo.form数据"),console.log(t.changeInfo.form)})},resetChangeInfo:function(){this.$refs.formByChange.resetFields(),this.changeInfo.isOpen=!1},openStatus:function(e){this.statusInfo={isOpen:!0,form:e}},sendStatusAjax:function(){console.log("确认启用或禁用")}},mounted:function(){this.getListAjax()}},a={render:function(){var e=this,t=e.$createElement,o=e._self._c||t;return o("el-main",[o("Breadcrumb"),e._v(" "),o("SearchWarp",[o("el-form",{ref:"searchInfo.form",attrs:{inline:!0,model:e.searchInfo.form}},[o("el-form-item",{attrs:{label:"产品名称"}},[o("el-input",{attrs:{type:"text",placeholder:"请输入产品名称"},model:{value:e.searchInfo.form.name,callback:function(t){e.$set(e.searchInfo.form,"name",t)},expression:"searchInfo.form.name"}})],1),e._v(" "),o("el-form-item",[o("el-button",{attrs:{type:"success"},on:{click:e.getListAjax}},[e._v("查询")]),e._v(" "),o("el-button",{attrs:{type:"danger"},on:{click:function(t){e.addInfo.isOpen=!0}}},[e._v("新增")])],1)],1)],1),e._v(" "),o("ContentWarp",[o("el-table",{attrs:{border:"",stripe:"",data:e.searchInfo.list,size:"small"}},[o("el-table-column",{attrs:{align:"center",label:"产品名称",prop:"name","min-width":"150"}}),e._v(" "),o("el-table-column",{attrs:{align:"center",label:"产品码",prop:"code","min-width":"100"}}),e._v(" "),o("el-table-column",{attrs:{align:"center",label:"模型ID",prop:"modelId","min-width":"100"}}),e._v(" "),o("el-table-column",{attrs:{align:"center",label:"状态",prop:"status",formatter:e.formatValue,"min-width":"60"}}),e._v(" "),o("el-table-column",{attrs:{align:"center",label:"操作",width:"200"},scopedSlots:e._u([{key:"default",fn:function(t){return[o("el-button",{attrs:{size:"mini",type:"primary",icon:"el-icon-edit",plain:""},on:{click:function(o){return e.openChange(t.row)}}},[e._v("修改\n ")]),e._v(" "),o("el-button",{attrs:{size:"mini",type:0===t.row.status?"success":"danger",plain:""},on:{click:function(o){return e.openStatus(t.row)}}},[e._v(e._s(0===t.row.status?"启用":"禁用")+"\n ")])]}}])})],1)],1),e._v(" "),o("el-dialog",{attrs:{title:"新增产品",width:"600px",center:"",visible:e.addInfo.isOpen,"show-close":!1},on:{"update:visible":function(t){return e.$set(e.addInfo,"isOpen",t)}}},[o("el-form",{ref:"formByAdd",attrs:{model:e.addInfo.form,rules:e.rules,"label-width":"100px"}},[o("el-form-item",{attrs:{label:"产品名称",prop:"name"}},[o("el-input",{model:{value:e.addInfo.form.name,callback:function(t){e.$set(e.addInfo.form,"name",t)},expression:"addInfo.form.name"}})],1),e._v(" "),o("el-form-item",{attrs:{label:"产品码",prop:"code"}},[o("el-input",{model:{value:e.addInfo.form.code,callback:function(t){e.$set(e.addInfo.form,"code",t)},expression:"addInfo.form.code"}})],1),e._v(" "),o("el-form-item",{attrs:{label:"模型ID",prop:"modelId"}},[o("el-input",{model:{value:e.addInfo.form.modelId,callback:function(t){e.$set(e.addInfo.form,"modelId",t)},expression:"addInfo.form.modelId"}})],1)],1),e._v(" "),o("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[o("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.sendAddAjax("formByAdd")}}},[e._v("新 增")]),e._v(" "),o("el-button",{on:{click:e.resetAddInfo}},[e._v("取 消")])],1)],1),e._v(" "),o("el-dialog",{attrs:{title:"修改产品",width:"600px",center:"",visible:e.changeInfo.isOpen,"show-close":!1},on:{"update:visible":function(t){return e.$set(e.changeInfo,"isOpen",t)}}},[o("el-form",{ref:"formByChange",attrs:{model:e.changeInfo.form,rules:e.rules,"label-width":"100px"}},[o("el-form-item",{attrs:{label:"产品名称",prop:"name"}},[o("el-input",{model:{value:e.changeInfo.form.name,callback:function(t){e.$set(e.changeInfo.form,"name",t)},expression:"changeInfo.form.name"}})],1),e._v(" "),o("el-form-item",{attrs:{label:"产品码",prop:"code"}},[o("el-input",{attrs:{disabled:""},model:{value:e.changeInfo.form.code,callback:function(t){e.$set(e.changeInfo.form,"code",t)},expression:"changeInfo.form.code"}})],1),e._v(" "),o("el-form-item",{attrs:{label:"模型ID",prop:"modelId"}},[o("el-input",{attrs:{disabled:""},model:{value:e.changeInfo.form.modelId,callback:function(t){e.$set(e.changeInfo.form,"modelId",t)},expression:"changeInfo.form.modelId"}})],1)],1),e._v(" "),o("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[o("el-button",{attrs:{type:"primary"},on:{click:function(t){return e.sendChangeAjax("formByChange")}}},[e._v("修 改")]),e._v(" "),o("el-button",{on:{click:e.resetChangeInfo}},[e._v("取 消")])],1)],1),e._v(" "),o("el-dialog",{attrs:{title:"1"===e.statusInfo.form.status?"启用":"禁用",width:"600px",center:"",visible:e.statusInfo.isOpen,"show-close":!1},on:{"update:visible":function(t){return e.$set(e.statusInfo,"isOpen",t)}}},[o("p",{staticClass:"text-center"},[e._v("\n 确定"+e._s("1"===e.statusInfo.form.status?"启用":"禁用")),o("span",{staticClass:"text-red"},[e._v(" "+e._s(e.statusInfo.form.name)+" ")]),e._v("吗？\n ")]),e._v(" "),o("div",{staticClass:"dialog-footer",attrs:{slot:"footer"},slot:"footer"},[o("el-button",{attrs:{type:"primary"},on:{click:e.sendStatusAjax}},[e._v("确 认")]),e._v(" "),o("el-button",{on:{click:function(t){e.statusInfo.isOpen=!1}}},[e._v("取 消")])],1)])],1)},staticRenderFns:[]},r=o("C7Lr")(n,a,!1,null,null,null);t.default=r.exports}}); -------------------------------------------------------------------------------- /src/view/sms/config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | name: "SmsConfig", 3 | data() { 4 | return { 5 | searchInfo: { 6 | // 存放查询表单及列表数据 7 | list: [], 8 | form: { 9 | name: "", 10 | status: "", 11 | sceneId: "" 12 | } 13 | }, 14 | sceneList: ["逾期"], 15 | statusList: ["审核中", "已审核", "审核不通过", "启用", "禁用"], 16 | addInfo: { 17 | // 存放新增窗口显示状态及它的表单数据 18 | isOpen: false, 19 | form: { 20 | name: "", 21 | sceneId: 1, 22 | companyCode: "", 23 | msgSign: "", 24 | platCode: 1, 25 | platName: "金爱农", 26 | productCode: "WNA", 27 | remark: "", 28 | status: 1, 29 | senceExt: "", 30 | sceneId: 1, 31 | sendType: 1, 32 | targetType: 1, 33 | templateContent: "", 34 | templateName: "" 35 | } 36 | }, 37 | changeInfo: { 38 | isOpen: false, 39 | form: {} 40 | }, 41 | reasonInfo: { 42 | isOpen: false, 43 | form: {} 44 | }, 45 | rules: { 46 | companyCode: [ 47 | { 48 | required: true, 49 | message: "请选择公司", 50 | trigger: "change" 51 | } 52 | ], 53 | sceneId: [ 54 | { 55 | type: "number", 56 | required: true, 57 | message: "请选择场景", 58 | trigger: "change" 59 | } 60 | ], 61 | senceExt: [ 62 | { 63 | required: true, 64 | message: "扩展字段不能为空", 65 | trigger: "change" 66 | } 67 | ], 68 | remark: [ 69 | { 70 | required: true, 71 | message: "备注不能为空", 72 | trigger: "change" 73 | } 74 | ], 75 | msgSign: [ 76 | { 77 | required: true, 78 | message: "短信签名不能为空", 79 | trigger: "change" 80 | } 81 | ], 82 | templateContent: [ 83 | { 84 | required: true, 85 | message: "短信模板不能为空", 86 | trigger: "change" 87 | } 88 | ] 89 | } 90 | }; 91 | }, 92 | methods: { 93 | // 查询列表 94 | getListAjax() { 95 | console.log("发送ajax查询数据或分页规则处理"); 96 | // 模拟取得列表 97 | this.searchInfo.list = [ 98 | { 99 | senceExt: "30", 100 | status: 3, 101 | productCode: "WND", 102 | remark: "逾期30天后发送短信任务", 103 | sceneId: 1, 104 | msgSign: "常山人公司", 105 | sendType: 1, 106 | platCode: "1", 107 | companyName: "常山分公司", 108 | companyCode: "000100010003", 109 | id: 68, 110 | platName: "金爱农", 111 | templateContent: 112 | "尊敬的${username}，你有一笔应还金额${amount}元的借 款在${date}到期，请你马上还款，逾 期超过30天，我们将通知你的紧急联系人和相关亲友。", 113 | senceName: "逾期", 114 | productName: "微农贷", 115 | targetType: 1, 116 | verifyFailReason: "短信模板内容渠道不通过", 117 | templateName: "" 118 | }, 119 | { 120 | senceExt: "3", 121 | status: 1, 122 | productCode: "WND", 123 | remark: "3天还款", 124 | sceneId: 1, 125 | msgSign: "农贷", 126 | sendType: 1, 127 | platCode: "1", 128 | companyName: "山东金爱农", 129 | companyCode: "0002", 130 | id: 69, 131 | platName: "金爱农", 132 | templateContent: "尊敬的${username},请尽快安排还款", 133 | senceName: "逾期", 134 | targetType: 1, 135 | productName: "微农贷" 136 | } 137 | ]; 138 | }, 139 | // 格式化数字转成字符串名 140 | formatValue(row, column, cellValue) { 141 | // 根据传入的prop值确认规则列表 142 | if (column.property === "status") { 143 | return this.statusList[cellValue - 1]; 144 | } else if (column.property === "sceneId") { 145 | return this.sceneList[cellValue - 1]; 146 | } 147 | }, 148 | // 新增ajax 149 | sendAddAjax(formName) { 150 | this.$refs[formName].validate(valid => { 151 | // 字段验证是否成功 152 | if (valid) { 153 | console.log("在此发送addInfo.form数据"); 154 | console.log(this.addInfo.form); 155 | } else { 156 | return false; 157 | } 158 | }); 159 | }, 160 | // 重置新值数据-关闭窗口 161 | resetAddInfo() { 162 | // 清空表单 163 | this.resetForm("formByAdd"); 164 | // 关闭窗口 165 | this.addInfo.isOpen = false; 166 | }, 167 | // 打开修改窗口 168 | openChange(obj) { 169 | this.changeInfo.isOpen = true; 170 | setTimeout(() => { 171 | // 去掉表单验证处带颜色的边框先 172 | this.$refs["formByChange"].resetFields(); 173 | // 提取列表中的值 174 | this.changeInfo.form = { 175 | id: obj.id, 176 | name: obj.name, 177 | sceneId: obj.sceneId, 178 | companyCode: obj.companyCode, 179 | msgSign: obj.msgSign, 180 | platCode: obj.platCode, 181 | platName: obj.platName, 182 | productCode: obj.productCode, 183 | remark: obj.remark, 184 | status: obj.status, 185 | senceExt: obj.senceExt, 186 | sceneId: obj.sceneId, 187 | sendType: obj.sendType, 188 | targetType: obj.targetType, 189 | templateContent: obj.templateContent, 190 | templateName: obj.templateName 191 | }; 192 | }, 100); 193 | }, 194 | // 修改ajax 195 | sendChangeAjax(formName) { 196 | this.$refs[formName].validate(valid => { 197 | // 字段验证是否成功 198 | if (valid) { 199 | console.log("在此发送changeInfo.form数据"); 200 | console.log(this.changeInfo.form); 201 | } else { 202 | return false; 203 | } 204 | }); 205 | }, 206 | // 重置修改窗口 207 | resetChangeInfo() { 208 | // 清空表单 209 | this.$refs["formByChange"].resetFields(); 210 | // 关闭窗口 211 | this.changeInfo.isOpen = false; 212 | }, 213 | // 打开不过理由 214 | openReason(obj) { 215 | this.reasonInfo = { 216 | isOpen: true, 217 | form: obj 218 | }; 219 | } 220 | }, 221 | mounted() { 222 | // 查询默认列表 223 | this.getListAjax(); 224 | } 225 | }; 226 | --------------------------------------------------------------------------------