| | |
| | | <template> |
| | | <basic-container> |
| | | <avue-crud :option="option" |
| | | <avue-crud :option="this.option" |
| | | :table-loading="loading" |
| | | :data="data" |
| | | ref="crud" |
| | |
| | | remove, |
| | | update, |
| | | add, |
| | | setting, |
| | | // setting, |
| | | datasource, |
| | | packageInfo, |
| | | packageSetting |
| | |
| | | currentPage: 1, |
| | | total: 0 |
| | | }, |
| | | option: { |
| | | data: [], |
| | | settingForm: {}, |
| | | settingOption: { |
| | | column: [ |
| | | { |
| | | label: "账号额度", |
| | | prop: "accountNumber", |
| | | type: "number", |
| | | span: 24, |
| | | }, |
| | | { |
| | | label: "过期时间", |
| | | prop: "expireTime", |
| | | type: "date", |
| | | format: "yyyy-MM-dd hh:mm:ss", |
| | | valueFormat: "yyyy-MM-dd hh:mm:ss", |
| | | span: 24, |
| | | }, |
| | | ] |
| | | }, |
| | | datasourceForm: {}, |
| | | datasourceOption: { |
| | | column: [ |
| | | { |
| | | label: "数据源", |
| | | prop: "datasourceId", |
| | | search: true, |
| | | span: 24, |
| | | type: "select", |
| | | dicUrl: "/api/ubcs-develop/datasource/select", |
| | | props: { |
| | | label: "name", |
| | | value: "id" |
| | | }, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择数据源", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | ] |
| | | }, |
| | | packageForm: {}, |
| | | packageOption: { |
| | | column: [ |
| | | { |
| | | label: "产品包", |
| | | prop: "packageId", |
| | | search: true, |
| | | span: 24, |
| | | type: "select", |
| | | dicUrl: "/api/ubcs-system/tenant-package/select", |
| | | props: { |
| | | label: "packageName", |
| | | value: "id" |
| | | } |
| | | }, |
| | | { |
| | | label: "菜单预览", |
| | | prop: "menuId", |
| | | span: 24, |
| | | type: "tree", |
| | | dicData: [], |
| | | hide: true, |
| | | multiple: true, |
| | | props: { |
| | | label: "title" |
| | | }, |
| | | }, |
| | | ] |
| | | }, |
| | | BooleanFlag:Boolean, |
| | | }; |
| | | }, |
| | | |
| | | created() { |
| | | this.initBoolean() |
| | | }, |
| | | watch: { |
| | | 'packageForm.packageId'() { |
| | | if (!validatenull(this.packageForm.packageId)) { |
| | | packageDetail(this.packageForm.packageId).then(res => { |
| | | this.packageForm.menuId = res.data.data.menuId; |
| | | this.initData(); |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["userInfo", "permission"]), |
| | | permissionList() { |
| | | return { |
| | | addBtn: this.vaildData(this.permission.tenant_add, false), |
| | | viewBtn: this.vaildData(this.permission.tenant_view, false), |
| | | delBtn: this.vaildData(this.permission.tenant_delete, false), |
| | | editBtn: this.vaildData(this.permission.tenant_edit, false) |
| | | }; |
| | | }, |
| | | ids() { |
| | | let ids = []; |
| | | this.selectionList.forEach(ele => { |
| | | ids.push(ele.id); |
| | | }); |
| | | return ids.join(","); |
| | | }, |
| | | tenantId() { |
| | | return this.selectionList[0].tenantId; |
| | | }, |
| | | option(){ |
| | | return{ |
| | | height: 'auto', |
| | | calcHeight: 30, |
| | | tip: false, |
| | |
| | | type: 'radio', |
| | | width: 100, |
| | | value:0, |
| | | disabled:Boolean, |
| | | disabled:this.BooleanFlag , |
| | | dicData: [{ |
| | | label: '开启', |
| | | value: 0 |
| | |
| | | span: 24, |
| | | }, |
| | | ] |
| | | }, |
| | | data: [], |
| | | settingForm: {}, |
| | | settingOption: { |
| | | column: [ |
| | | { |
| | | label: "账号额度", |
| | | prop: "accountNumber", |
| | | type: "number", |
| | | span: 24, |
| | | }, |
| | | { |
| | | label: "过期时间", |
| | | prop: "expireTime", |
| | | type: "date", |
| | | format: "yyyy-MM-dd hh:mm:ss", |
| | | valueFormat: "yyyy-MM-dd hh:mm:ss", |
| | | span: 24, |
| | | }, |
| | | ] |
| | | }, |
| | | datasourceForm: {}, |
| | | datasourceOption: { |
| | | column: [ |
| | | { |
| | | label: "数据源", |
| | | prop: "datasourceId", |
| | | search: true, |
| | | span: 24, |
| | | type: "select", |
| | | dicUrl: "/api/ubcs-develop/datasource/select", |
| | | props: { |
| | | label: "name", |
| | | value: "id" |
| | | }, |
| | | rules: [{ |
| | | required: true, |
| | | message: "请选择数据源", |
| | | trigger: "blur" |
| | | }] |
| | | }, |
| | | ] |
| | | }, |
| | | packageForm: {}, |
| | | packageOption: { |
| | | column: [ |
| | | { |
| | | label: "产品包", |
| | | prop: "packageId", |
| | | search: true, |
| | | span: 24, |
| | | type: "select", |
| | | dicUrl: "/api/ubcs-system/tenant-package/select", |
| | | props: { |
| | | label: "packageName", |
| | | value: "id" |
| | | } |
| | | }, |
| | | { |
| | | label: "菜单预览", |
| | | prop: "menuId", |
| | | span: 24, |
| | | type: "tree", |
| | | dicData: [], |
| | | hide: true, |
| | | multiple: true, |
| | | props: { |
| | | label: "title" |
| | | }, |
| | | }, |
| | | ] |
| | | }, |
| | | }; |
| | | }, |
| | | |
| | | created() { |
| | | // 获取到true还是false直接赋值,定义方法会就是获取不到,不知道什么问题,强制用JSON.parse会在后面追加一个disabled,所以直接获取。后期如果添加cloumn会出现bug,用foreach循环出column在判断type是否等于radio,然后将单独radio的disabled改为res.data.data |
| | | this.$axios.get('/api/ubcs-system/tenant/find-ssa-enable').then(res => { |
| | | this.option.column[6].disabled= res.data.data |
| | | }); |
| | | }, |
| | | watch: { |
| | | 'packageForm.packageId'() { |
| | | if (!validatenull(this.packageForm.packageId)) { |
| | | packageDetail(this.packageForm.packageId).then(res => { |
| | | this.packageForm.menuId = res.data.data.menuId; |
| | | this.initData(); |
| | | }); |
| | | } |
| | | } |
| | | }, |
| | | computed: { |
| | | ...mapGetters(["userInfo", "permission"]), |
| | | permissionList() { |
| | | return { |
| | | addBtn: this.vaildData(this.permission.tenant_add, false), |
| | | viewBtn: this.vaildData(this.permission.tenant_view, false), |
| | | delBtn: this.vaildData(this.permission.tenant_delete, false), |
| | | editBtn: this.vaildData(this.permission.tenant_edit, false) |
| | | }; |
| | | }, |
| | | ids() { |
| | | let ids = []; |
| | | this.selectionList.forEach(ele => { |
| | | ids.push(ele.id); |
| | | }); |
| | | return ids.join(","); |
| | | }, |
| | | tenantId() { |
| | | return this.selectionList[0].tenantId; |
| | | } |
| | | }, |
| | | methods: { |
| | | initBoolean(){ |
| | | this.$axios.get('/api/ubcs-system/tenant/find-ssa-enable').then(res => { |
| | | this.BooleanFlag=res.data.data; |
| | | //console.log('---',res) |
| | | }); |
| | | }, |
| | | initData() { |
| | | getMenuTree().then(res => { |
| | | const column = this.findObject(this.packageOption.column, "menuId"); |
| | |
| | | handlePackageSetting() { |
| | | this.packageSettingBox = true; |
| | | }, |
| | | handleSubmit(form, done, loading) { |
| | | setting(this.ids, form).then(() => { |
| | | this.onLoad(this.page); |
| | | this.$message({ |
| | | type: "success", |
| | | message: "配置成功!" |
| | | }); |
| | | done(); |
| | | this.box = false; |
| | | }, error => { |
| | | window.console.log(error); |
| | | loading(); |
| | | }); |
| | | }, |
| | | // handleSubmit(form, done, loading) { |
| | | // setting(this.ids, form).then(() => { |
| | | // this.onLoad(this.page); |
| | | // this.$message({ |
| | | // type: "success", |
| | | // message: "配置成功!" |
| | | // }); |
| | | // done(); |
| | | // this.box = false; |
| | | // }, error => { |
| | | // window.console.log(error); |
| | | // loading(); |
| | | // }); |
| | | // }, |
| | | handleDatasourceSubmit(form, done, loading) { |
| | | datasource(this.tenantId, form.datasourceId).then(() => { |
| | | this.$message({ |