@@ -19,16 +19,16 @@
-
+
-
+
-
+
-
+
{{ $t('chart.stripe') }}
diff --git a/frontend/src/views/chart/components/shape-attr/SizeSelector.vue b/frontend/src/views/chart/components/shape-attr/SizeSelector.vue
index b8f5511048..b14f014e00 100644
--- a/frontend/src/views/chart/components/shape-attr/SizeSelector.vue
+++ b/frontend/src/views/chart/components/shape-attr/SizeSelector.vue
@@ -7,7 +7,7 @@
trigger="click"
>
-
+
{{ $t('chart.adapt') }}
@@ -19,7 +19,7 @@
-
+
@@ -50,7 +50,7 @@
-
+
@@ -58,7 +58,7 @@
-
+
{{ $t('chart.radius_mode') }}
@@ -71,13 +71,13 @@
-
+
-
+
{{ $t('chart.polygon') }}
@@ -86,7 +86,7 @@
-
+
diff --git a/frontend/src/views/chart/components/table/TableNormal.vue b/frontend/src/views/chart/components/table/TableNormal.vue
index e8d542fec3..6a62794a16 100644
--- a/frontend/src/views/chart/components/table/TableNormal.vue
+++ b/frontend/src/views/chart/components/table/TableNormal.vue
@@ -164,7 +164,7 @@ export default {
// console.log(s_table)
let s = ''
for (const i in this.table_header_class) {
- s += i + ':' + this.table_header_class[i] + ';'
+ s += (i === 'fontSize' ? 'font-size' : i) + ':' + this.table_header_class[i] + ';'
}
s_table.setAttribute('style', s)
},
@@ -176,23 +176,28 @@ export default {
}
},
summaryMethod({ columns, data }) {
+ const that = this
const means = [] // 合计
columns.forEach((column, columnIndex) => {
if (columnIndex === 0) {
means.push('合计')
} else {
- const values = data.map(item => Number(item[column.property]))
- // 合计
- if (!values.every(value => isNaN(value))) {
- means[columnIndex] = values.reduce((prev, curr) => {
- const value = Number(curr)
- if (!isNaN(value)) {
- return prev + curr
- } else {
- return prev
- }
- }, 0)
- means[columnIndex] = (means[columnIndex] + '').includes('.') ? means[columnIndex].toFixed(2) : means[columnIndex]
+ if (columnIndex >= that.chart.data.fields.length - that.chart.data.series.length) {
+ const values = data.map(item => Number(item[column.property]))
+ // 合计
+ if (!values.every(value => isNaN(value))) {
+ means[columnIndex] = values.reduce((prev, curr) => {
+ const value = Number(curr)
+ if (!isNaN(value)) {
+ return prev + curr
+ } else {
+ return prev
+ }
+ }, 0)
+ means[columnIndex] = (means[columnIndex] + '').includes('.') ? means[columnIndex].toFixed(2) : means[columnIndex]
+ } else {
+ means[columnIndex] = ''
+ }
} else {
means[columnIndex] = ''
}
diff --git a/frontend/src/views/chart/group/Group.vue b/frontend/src/views/chart/group/Group.vue
index 23a4649298..763248792f 100644
--- a/frontend/src/views/chart/group/Group.vue
+++ b/frontend/src/views/chart/group/Group.vue
@@ -147,6 +147,7 @@
node-key="id"
:expand-on-click-node="true"
class="tree-list"
+ highlight-current
@node-click="sceneClick"
>
@@ -275,7 +276,7 @@ export default {
},
computed: {
sceneData: function() {
- this.chartTree()
+ this.reviewChartList()
return this.$store.state.chart.chartSceneData
}
},
@@ -483,6 +484,7 @@ export default {
this.sceneMode = true
this.currGroup = data
this.$store.dispatch('chart/setSceneId', this.currGroup.id)
+ this.chartTree()
}
if (node.expanded) {
this.expandedArray.push(data.id)
@@ -521,6 +523,17 @@ export default {
this.$emit('switchComponent', { name: 'ChartEdit', param: { 'id': data.id }})
},
+ reviewChartList() {
+ if (this.$store.state.chart.chartSceneData) {
+ const that = this
+ this.chartData.forEach(function(ele) {
+ if (ele.id === that.$store.state.chart.chartSceneData.id) {
+ ele.type = that.$store.state.chart.chartSceneData.type
+ }
+ })
+ }
+ },
+
selectTable() {
this.selectTableFlag = true
},
diff --git a/frontend/src/views/chart/view/ChartEdit.vue b/frontend/src/views/chart/view/ChartEdit.vue
index 1ed34c9cf0..1389f848d2 100644
--- a/frontend/src/views/chart/view/ChartEdit.vue
+++ b/frontend/src/views/chart/view/ChartEdit.vue
@@ -129,14 +129,14 @@
-
-
+
+
-
-
-
+
+
+
@@ -419,7 +419,7 @@ export default {
// this.get(response.data.id);
this.getData(response.data.id)
this.$store.dispatch('chart/setChartSceneData', null)
- this.$store.dispatch('chart/setChartSceneData', this.sceneId)
+ this.$store.dispatch('chart/setChartSceneData', response.data)
})
},
closeEdit() {
diff --git a/frontend/src/views/dataset/add/AddCustom.vue b/frontend/src/views/dataset/add/AddCustom.vue
index 58e484c05f..dd17397a4c 100644
--- a/frontend/src/views/dataset/add/AddCustom.vue
+++ b/frontend/src/views/dataset/add/AddCustom.vue
@@ -17,10 +17,10 @@
- 123
+ 自助数据集
- 456
+ TODO
diff --git a/frontend/src/views/dataset/add/AddDB.vue b/frontend/src/views/dataset/add/AddDB.vue
index b19f47353c..1d3fa828ae 100644
--- a/frontend/src/views/dataset/add/AddDB.vue
+++ b/frontend/src/views/dataset/add/AddDB.vue
@@ -1,61 +1,60 @@
-
-
-
-
- {{ $t('dataset.add_db_table') }}
-
-
-
- {{ $t('dataset.cancel') }}
-
-
- {{ $t('dataset.confirm') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ {{ $t('dataset.add_db_table') }}
+
+
+
+ {{ $t('dataset.cancel') }}
+
+
+ {{ $t('dataset.confirm') }}
+
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/dataset/data/TabDataPreview.vue b/frontend/src/views/dataset/data/TabDataPreview.vue
index 357b40f023..c07d22316c 100644
--- a/frontend/src/views/dataset/data/TabDataPreview.vue
+++ b/frontend/src/views/dataset/data/TabDataPreview.vue
@@ -34,6 +34,32 @@
+
+
+
+ {{ $t('dataset.preview_total') }}
+ {{ page.total }}
+ {{ $t('dataset.preview_item') }}
+
+
+ {{ $t('dataset.preview_show') }}
+ {{ currentPage.show }}
+ {{ $t('dataset.preview_item') }}
+ ,{{ $t('dataset.preview_total') }}
+ {{ page.total }}
+ {{ $t('dataset.preview_item') }}
+
+
+
+
@@ -56,11 +82,20 @@ export default {
form: {
type: Object,
required: true
+ },
+ page: {
+ type: Object,
+ required: false
}
},
data() {
return {
- height: 500
+ height: 500,
+ currentPage: {
+ page: 1,
+ pageSize: 100,
+ show: parseInt(this.form.row)
+ }
}
},
computed: {
@@ -69,28 +104,68 @@ export default {
data() {
const datas = this.data
this.$refs.plxTable.reloadData(datas)
+ },
+ page() {
+ if (this.page.total < parseInt(this.form.row)) {
+ this.currentPage.show = this.page.total
+ } else {
+ this.currentPage.show = parseInt(this.form.row)
+ }
}
},
mounted() {
- window.onresize = () => {
- return (() => {
- this.height = window.innerHeight / 2
- })()
- }
- this.height = window.innerHeight / 2
- },
- activated() {
+ this.init()
},
methods: {
+ init() {
+ this.calHeight()
+ },
+ calHeight() {
+ const that = this
+ setTimeout(function() {
+ const currentHeight = document.documentElement.clientHeight
+ that.height = currentHeight - 56 - 30 - 26 - 25 - 55 - 38 - 28 - 10
+ }, 10)
+ },
reSearch() {
- this.$emit('reSearch', this.form)
+ if (!this.form.row || this.form.row === '' || this.form.row.length > 8 || isNaN(Number(this.form.row)) || String(this.form.row).includes('.')) {
+ this.$message({
+ message: this.$t('dataset.pls_input_less_9'),
+ type: 'error',
+ showClose: true
+ })
+ return
+ }
+ this.currentPage.show = parseInt(this.form.row)
+ this.currentPage.page = 1
+ this.$emit('reSearch', { form: this.form, page: this.currentPage })
+ },
+ pageChange(val) {
+ this.currentPage.page = val
+ // console.log(this.currentPage)
+ this.$emit('reSearch', { form: this.form, page: this.currentPage })
}
}
}
diff --git a/frontend/src/views/dataset/data/UpdateInfo.vue b/frontend/src/views/dataset/data/UpdateInfo.vue
index f38e806d28..d883bb07b8 100644
--- a/frontend/src/views/dataset/data/UpdateInfo.vue
+++ b/frontend/src/views/dataset/data/UpdateInfo.vue
@@ -464,9 +464,11 @@ export default {
})
},
handleSizeChange(val) {
+ this.page.pageSize = val
this.listTaskLog()
},
handleCurrentChange(val) {
+ this.page.currentPage = val
this.listTaskLog()
},
resetTaskForm() {
diff --git a/frontend/src/views/dataset/data/ViewTable.vue b/frontend/src/views/dataset/data/ViewTable.vue
index de610cf5a8..b007a848ff 100644
--- a/frontend/src/views/dataset/data/ViewTable.vue
+++ b/frontend/src/views/dataset/data/ViewTable.vue
@@ -1,93 +1,48 @@
-
-
-
- {{ tableId }}
-
-
-
- {{ table.name }}
-
-
-
-
- {{ $t('dataset.edit_sql') }}
-
-
- {{ $t('dataset.edit') }}
-
-
-
-
-
+
+
+
+
+
+ {{ table.name }}
+
+
+
+
+ {{ $t('dataset.edit_sql') }}
+
+
+ {{ $t('dataset.edit') }}
+
+
+
+
-
-
-
-
-
-
-
- 关联视图 TODO
-
-
-
-
-
-
-
-
-
-
-
-
- {{ $t('dataset.text') }}
-
-
-
- {{ $t('dataset.time') }}
-
-
-
- {{ $t('dataset.value') }}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+ 关联视图 TODO
+
+
+
+
+
+
diff --git a/frontend/src/views/system/datasource/index.vue b/frontend/src/views/system/datasource/index.vue
index cb9a3e59ab..6ae8bed3b2 100644
--- a/frontend/src/views/system/datasource/index.vue
+++ b/frontend/src/views/system/datasource/index.vue
@@ -3,14 +3,14 @@
-
+
+
@@ -125,7 +125,7 @@ export default {
label: this.$t('commons.edit'), icon: 'el-icon-edit', click: this.edit,
show: checkPermission(['datasource:edit'])
}, {
- label: this.$t('commons.delete'), icon: 'el-icon-delete', type: 'danger', click: this.del,
+ label: this.$t('commons.delete'), icon: 'el-icon-delete', type: 'danger', click: this._handleDelete,
show: checkPermission(['datasource:del'])
}
],
@@ -154,23 +154,29 @@ export default {
}
}
},
- activated() {
+ mounted() {
this.search()
},
methods: {
select(selection) {
console.log(selection)
},
+ // create() {
+ // this.formType = 'add'
+ // this.dialogVisible = true
+ // },
create() {
- this.formType = 'add'
- this.dialogVisible = true
+ this.$router.push({ name: '数据源表单' })
},
+ // edit(row) {
+ // this.formType = 'modify'
+ // this.dialogVisible = true
+ // this.form = Object.assign({}, row)
+ // this.form.configuration = JSON.parse(this.form.configuration)
+ // },
edit(row) {
- this.formType = 'modify'
- this.dialogVisible = true
- this.form = Object.assign({}, row)
- this.form.configuration = JSON.parse(this.form.configuration)
+ this.$router.push({ name: '数据源表单', params: row })
},
_handleDelete(datasource) {
@@ -199,7 +205,7 @@ export default {
this.$success(this.$t('commons.save_success'))
this.search()
this.dialogVisible = false
- });
+ })
} else {
return false
}
diff --git a/frontend/src/views/system/dept/form.vue b/frontend/src/views/system/dept/form.vue
new file mode 100644
index 0000000000..9d767d63ca
--- /dev/null
+++ b/frontend/src/views/system/dept/form.vue
@@ -0,0 +1,173 @@
+
+
+
+
+
+
+
+
+
+
+
+
+ 是
+ 否
+
+
+
+
+
+ 启用
+ 停用
+
+
+
+
+
+
+
+
+ 保存
+ 重置
+
+
+
+
+
+
+
diff --git a/frontend/src/views/system/dept/index.vue b/frontend/src/views/system/dept/index.vue
index fd65bcdbdb..a2c25378a8 100644
--- a/frontend/src/views/system/dept/index.vue
+++ b/frontend/src/views/system/dept/index.vue
@@ -18,12 +18,11 @@
> -->
-
+
-
+
是
否
@@ -199,22 +198,28 @@ export default {
isLazy: true
}
},
- activated() {
+ mounted() {
this.form = Object.assign({}, this.defaultForm)
this.search()
},
methods: {
+ // create() {
+ // this.form = Object.assign({}, this.defaultForm)
+ // this.dialogOrgAddVisible = true
+ // this.formType = 'add'
+ // },
+ // edit(row) {
+ // this.dialogOrgAddVisible = true
+ // this.formType = 'modify'
+ // this.oldPid = row.pid
+ // this.form = Object.assign({}, row)
+ // this.treeByRow(row)
+ // },
create() {
- this.form = Object.assign({}, this.defaultForm)
- this.dialogOrgAddVisible = true
- this.formType = 'add'
+ this.$router.push({ name: '组织表单' })
},
edit(row) {
- this.dialogOrgAddVisible = true
- this.formType = 'modify'
- this.oldPid = row.pid
- this.form = Object.assign({}, row)
- this.treeByRow(row)
+ this.$router.push({ name: '组织表单', params: row })
},
treeByRow(row) {
@@ -507,6 +512,10 @@ export default {
}
})
return roots
+ },
+ topChange(value) {
+ // console.log(value)
+ !value && (this.depts = null)
}
}
diff --git a/frontend/src/views/system/menu/form.vue b/frontend/src/views/system/menu/form.vue
new file mode 100644
index 0000000000..d84b7529be
--- /dev/null
+++ b/frontend/src/views/system/menu/form.vue
@@ -0,0 +1,187 @@
+
+
+
+
+
+ 目录
+ 菜单
+ 按钮
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+ 重置
+
+
+
+
+
+
+
diff --git a/frontend/src/views/system/menu/index.vue b/frontend/src/views/system/menu/index.vue
index cbd91334e6..b17ef69f7e 100644
--- a/frontend/src/views/system/menu/index.vue
+++ b/frontend/src/views/system/menu/index.vue
@@ -2,12 +2,11 @@
-
+
@@ -173,7 +172,7 @@ export default {
}
],
searchConfig: {
- useQuickSearch: false,
+ useQuickSearch: true,
useComplexSearch: false,
quickPlaceholder: '按姓名搜索',
components: [
@@ -195,26 +194,32 @@ export default {
}
},
- activated() {
+ mounted() {
this.form = Object.assign({}, this.defaultForm)
this.initTableData()
},
methods: {
+ // create() {
+ // this.form = Object.assign({}, this.defaultForm)
+ // this.dialogVisible = true
+ // this.formType = 'add'
+ // },
create() {
- this.form = Object.assign({}, this.defaultForm)
- this.dialogVisible = true
- this.formType = 'add'
+ this.$router.push({ name: '菜单表单' })
},
search(condition) {
console.log(condition)
},
+ // edit(row) {
+ // this.dialogVisible = true
+ // this.formType = 'modify'
+ // this.oldPid = row.pid
+ // this.form = Object.assign({}, row)
+ // this.treeByRow(row)
+ // },
edit(row) {
- this.dialogVisible = true
- this.formType = 'modify'
- this.oldPid = row.pid
- this.form = Object.assign({}, row)
- this.treeByRow(row)
+ this.$router.push({ name: '菜单表单', params: row })
},
treeByRow(row) {
diff --git a/frontend/src/views/system/role/form.vue b/frontend/src/views/system/role/form.vue
new file mode 100644
index 0000000000..4ff0a9d108
--- /dev/null
+++ b/frontend/src/views/system/role/form.vue
@@ -0,0 +1,109 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+ 重置
+
+
+
+
+
+
+
diff --git a/frontend/src/views/system/role/index.vue b/frontend/src/views/system/role/index.vue
index d5eda06f63..d9da386af5 100644
--- a/frontend/src/views/system/role/index.vue
+++ b/frontend/src/views/system/role/index.vue
@@ -7,19 +7,18 @@
highlight-current-row
:data="tableData"
:columns="columns"
- :buttons="buttons"
- :header="header"
+
:search-config="searchConfig"
:pagination-config="paginationConfig"
@search="search"
@row-click="rowClick"
>
-
+
-
+
{{ scope.row.createTime | timestampFormatDate }}
@@ -62,9 +61,9 @@
-
+
@@ -107,7 +106,8 @@ export default {
rule: {
name: [
{ required: true, message: '请输入名称', trigger: 'blur' }
- ]
+ ],
+ code: [{ required: true, message: '请输入代码', trigger: 'blur' }]
},
currentRow: null,
permission: {
@@ -145,17 +145,20 @@ export default {
watch: {
currentRow: 'currentRowChange'
},
- activated() {
+ mounted() {
this.search()
},
methods: {
handleClick(tab, event) {
console.log(tab, event)
},
+ // create() {
+ // this.form = {}
+ // this.formType = 'add'
+ // this.dialogVisible = true
+ // },
create() {
- this.form = {}
- this.formType = 'add'
- this.dialogVisible = true
+ this.$router.push({ name: '角色表单' })
},
search(condition) {
const temp = formatCondition(condition)
@@ -167,10 +170,13 @@ export default {
})
},
+ // edit(row) {
+ // this.formType = 'modify'
+ // this.dialogVisible = true
+ // this.form = Object.assign({}, row)
+ // },
edit(row) {
- this.formType = 'modify'
- this.dialogVisible = true
- this.form = Object.assign({}, row)
+ this.$router.push({ name: '角色表单', params: row })
},
saveRole(roleForm) {
diff --git a/frontend/src/views/system/user/form.vue b/frontend/src/views/system/user/form.vue
new file mode 100644
index 0000000000..39c7fd9696
--- /dev/null
+++ b/frontend/src/views/system/user/form.vue
@@ -0,0 +1,263 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 男
+ 女
+
+
+
+
+ 启用
+ 停用
+
+
+
+
+
+
+
+
+
+
+
+ 保存
+ 重置
+
+
+
+
+
+
+
diff --git a/frontend/src/views/system/user/index.vue b/frontend/src/views/system/user/index.vue
index c999f3aa1f..76fd8e07e9 100644
--- a/frontend/src/views/system/user/index.vue
+++ b/frontend/src/views/system/user/index.vue
@@ -3,18 +3,16 @@
-
+
-
@@ -109,7 +107,6 @@
-
import LayoutContent from '@/components/business/LayoutContent'
import ComplexTable from '@/components/business/complex-table'
-// import conditionTable from '@/components/business/condition-table'
-// import CustomCondition from './CustomCondtion'
-// import { GridButton } from '@/components/GridButton'
+
import { checkPermission } from '@/utils/permission'
import { formatCondition } from '@/utils/index'
import { PHONE_REGEX } from '@/utils/validate'
@@ -285,7 +280,7 @@ export default {
}
}
},
- activated() {
+ mounted() {
// this.form = Object.assign({}, this.defaultForm);
this.allRoles()
this.search()
@@ -306,23 +301,28 @@ export default {
this.paginationConfig.total = response.data.itemCount
})
},
-
create() {
- this.depts = null
- this.formType = 'add'
- this.form = Object.assign({}, this.defaultForm)
- this.dialogVisible = true
+ this.$router.push({ name: '用户表单' })
},
+ // create() {
+ // this.depts = null
+ // this.formType = 'add'
+ // this.form = Object.assign({}, this.defaultForm)
+ // this.dialogVisible = true
+ // },
edit(row) {
- this.depts = null
- this.formType = 'modify'
- this.dialogVisible = true
- this.form = Object.assign({}, row)
- if (this.form.deptId === 0) {
- this.form.deptId = null
- }
- this.initDeptTree()
+ this.$router.push({ name: '用户表单', params: row })
},
+ // edit(row) {
+ // this.depts = null
+ // this.formType = 'modify'
+ // this.dialogVisible = true
+ // this.form = Object.assign({}, row)
+ // if (this.form.deptId === 0) {
+ // this.form.deptId = null
+ // }
+ // this.initDeptTree()
+ // },
editPassword(row) {
this.editPasswordVisible = true
const tempForm = Object.assign({}, row)