{{ option.title }}
-
+
- {{ group }}
+ {{
+ group
+ }}
-
-
+
+
-
-
+
+
-
@@ -87,97 +227,103 @@ export default {
type: [Object],
default: () => {
return {
- title: '', // 页面标题
- labelWidth: '', // 表单输入框label宽度
+ title: "", // 页面标题
+ labelWidth: "", // 表单输入框label宽度
queryFormFields: [], // 查询表单条件
buttons: {
// 按钮
query: {},
edit: {},
delete: {},
- add: {},
+ add: {}
},
columns: [], // 表格列
- formChange: (formData, fieldName, fieldVal, fieldExtend) => {}, // 弹出框表单修改回调
- }
- },
+ formChange: (formData, fieldName, fieldVal, fieldExtend) => {} // 弹出框表单修改回调
+ };
+ }
},
// 当relateData不为空时，该组件是渲染与relateData一对一关联的子表信息
relateData: {
type: [Object],
default: () => {
- return {}
- },
+ return {};
+ }
},
value: {
type: [Object],
default: () => {
- return {}
- },
- },
+ return {};
+ }
+ }
},
data() {
return {
- cardRowColNum: 2, // 主信息一行显示几列
- editForm: {}, // 提交表单的数据
- }
+ cardRowColNum: this.option.rowColForm || 2, // 主信息一行显示几列
+ editForm: {} // 提交表单的数据
+ };
},
computed: {
// 主键的列名
primaryKeyFieldName() {
- var primaryKey = this.option.columns.find((item) => item['primaryKey'] == true)
+ let primaryKey = this.option.columns.find(
+ item => item["primaryKey"] == true
+ );
if (primaryKey != null) {
- return primaryKey['field']
+ return primaryKey["field"];
} else {
- return null
- console.warn('在columns中查找primaryKey=true失败，会导致查询详情和删除失败')
+ return null;
+ console.warn(
+ "在columns中查找primaryKey=true失败，会导致查询详情和删除失败"
+ );
}
},
// 指定当前实体关联主表的
joinColumn() {
- var columnName = this.option.joinColumn
+ let columnName = this.option.joinColumn;
if (this.isBlank(columnName)) {
- console.warn('在joinEntity中查找joinColumn属性失败，会导致查询详情和删除失败')
- columnName = ''
+ console.warn(
+ "在joinEntity中查找joinColumn属性失败，会导致查询详情和删除失败"
+ );
+ columnName = "";
}
- return columnName
+ return columnName;
},
// 提交表单中所有的列，因部分翻译字段，表格中和表单中的key不一样，field editField不全，这里补全下，
formFields() {
if (this.option.columns == null) {
- return []
+ return [];
}
- var fields = this.deepClone(this.option.columns)
- fields = fields.map((item) => {
- if (this.isBlank(item['editField'])) {
- item['editField'] = item['field']
+ let fields = this.deepClone(this.option.columns);
+ fields = fields.map(item => {
+ if (this.isBlank(item["editField"])) {
+ item["editField"] = item["field"];
}
// 没有设定分组的，全部补全成 其它信息
- if (this.isBlank(item['group'])) {
- item['group'] = '其它'
+ if (this.isBlank(item["group"])) {
+ item["group"] = this.$lang("crudEditDialogGroupOther");
}
- return item
- })
- return fields
+ return item;
+ });
+ return fields;
},
// 卡片设定中一行显示几列，每列的col数
cardRowColSpan() {
- return 24 / this.cardRowColNum
+ return 24 / this.cardRowColNum;
},
// 如果表单内容较多，启用了分组，这里先算出所有的分组
columnGroups() {
if (this.isBlank(this.formFields)) {
- return []
+ return [];
} else {
// 找出所有hide != true的关联表
- var groups = this.formFields
- .map((item) => {
- return item['group']
+ let groups = this.formFields
+ .map(item => {
+ return item["group"];
})
.filter((currentValue, index, arr) => {
- return arr.indexOf(currentValue) == index
- })
- return groups
+ return arr.indexOf(currentValue) == index;
+ });
+ return groups;
}
},
/* {
@@ -187,167 +333,176 @@ export default {
groupFormFields() {
if (this.showDialog) {
// 将每个分组初始化
- var groupFormFields = {}
+ let groupFormFields = {};
this.columnGroups.forEach((value, index, array) => {
- groupFormFields[value] = []
- })
+ groupFormFields[value] = [];
+ });
// 将所有编辑列，按分组存放
this.formFields.forEach((item, index, array) => {
- groupFormFields[item['group']].push(item)
- })
- return groupFormFields
+ groupFormFields[item["group"]].push(item);
+ });
+ return groupFormFields;
}
- return []
+ return [];
},
groupModel() {
- return this.columnGroups.length > 1
- },
+ return this.columnGroups.length > 1;
+ }
},
created() {
// 如果表单，是做为主表的编辑页面，如果是通过v-model传递进来的值，通过监听value，更新this.editForm
this.$watch(
- function () {
- return this.value
+ function() {
+ return this.value;
},
- function (newVal, oldVal) {
- this.editForm = newVal
+ function(newVal, oldVal) {
+ this.editForm = newVal;
// 通过v-model传递值进来时，说明当前form是主表信息
- this.formChange()
+ this.formChange();
}
- )
+ );
// 如果表单，是做为子表的编辑页面，当relateData中的关联字段发生更新时，触发查询，比如在goods详情中，goodsCode
this.$watch(
- function () {
- return this.relateData[this.joinColumn]
+ function() {
+ return this.relateData[this.joinColumn];
},
- function (newVal, oldVal) {
+ function(newVal, oldVal) {
// 如果是父组件(弹出框)关闭时，设置this.relateData = {}时触发，清空本组件的数据
if (this.isBlank(this.relateData)) {
- this.cardRowColNum = 2
- this.editForm = {}
- return
+ this.cardRowColNum = 2;
+ this.editForm = {};
+ return;
}
// 如果是关联字段发生更新，触发查询
if (this.isNotBlank(newVal)) {
- this.queryDetail()
+ this.queryDetail();
}
}
- )
+ );
},
mounted() {
// 如果表单，是做为主表的编辑页面，如果是通过v-model传递进来的值
if (this.isNotBlank(this.value)) {
- this.editForm = this.value
- this.formChange()
+ this.editForm = this.value;
+ this.formChange();
}
// 如果表单，是做为子表的编辑页面，首次打开时，根据关联属性，加载详情数据
- if (this.isNotBlank(this.relateData) && this.isNotBlank(this.relateData[this.joinColumn])) {
- this.queryDetail()
+ if (
+ this.isNotBlank(this.relateData) &&
+ this.isNotBlank(this.relateData[this.joinColumn])
+ ) {
+ this.queryDetail();
}
},
methods: {
// 该行是否显示 true/false/ 'hideOnAdd hideOnView hideOnEdit'
fieldIsHide(editHide) {
- if (typeof editHide == 'boolean') {
- return editHide
+ if (typeof editHide == "boolean") {
+ return editHide;
}
- if (typeof editHide == 'string') {
- if (this.modelType == 'add') {
- return editHide.indexOf('hideOnAdd') >= 0
+ if (typeof editHide == "string") {
+ if (this.modelType == "add") {
+ return editHide.indexOf("hideOnAdd") >= 0;
}
- if (this.modelType == 'view') {
- return editHide.indexOf('hideOnView') >= 0
+ if (this.modelType == "view") {
+ return editHide.indexOf("hideOnView") >= 0;
}
- if (this.modelType == 'edit') {
- return editHide.indexOf('hideOnEdit') >= 0
+ if (this.modelType == "edit") {
+ return editHide.indexOf("hideOnEdit") >= 0;
}
}
- return false
+ return false;
},
// 该行是否禁用 true/false/ 'disableOnAdd disableOnView disableOnEdit'
fieldIsDisable(disable) {
- if (typeof disable == 'boolean') {
- return disable
+ if (typeof disable == "boolean") {
+ return disable;
}
- if (typeof disable == 'string') {
- if (this.modelType == 'add') {
- return disable.indexOf('disableOnAdd') >= 0
+ if (typeof disable == "string") {
+ if (this.modelType == "add") {
+ return disable.indexOf("disableOnAdd") >= 0;
}
- if (this.modelType == 'view') {
- return disable.indexOf('disableOnView') >= 0
+ if (this.modelType == "view") {
+ return disable.indexOf("disableOnView") >= 0;
}
- if (this.modelType == 'edit') {
- return disable.indexOf('disableOnEdit') >= 0
+ if (this.modelType == "edit") {
+ return disable.indexOf("disableOnEdit") >= 0;
}
}
- return false
+ return false;
},
// 设置一行显示几列
handleSetRowColNum(num) {
- this.cardRowColNum = num
- this.$emit('changeRowColNum', num)
+ this.cardRowColNum = num;
+ this.$emit("changeRowColNum", num);
},
async queryDetail() {
- var queryParams = this.relateData
- const { data, code } = await this.option.buttons.queryByPrimarykey.api(queryParams)
- if (code != '200') return
- this.editForm = data
- this.formChange()
+ let queryParams = this.relateData;
+ const { data, code } = await this.option.buttons.queryByPrimarykey.api(
+ queryParams
+ );
+ if (code != "200") return;
+ this.editForm = data;
+ this.formChange();
},
// 校验表单
validate(callback) {
this.$refs.editForm.validate(async (valid, obj) => {
if (callback != null) {
- callback(valid)
+ callback(valid);
}
- })
+ });
},
handleSave(callback) {
this.$refs.editForm.validate(async (valid, obj) => {
if (valid) {
- if (this.modelType == 'add') {
+ if (this.modelType == "add") {
// 当edit-from是作为关联子表的界面，补全关联属性
- if (typeof this.option.beforeInsert == 'function') {
- this.option.beforeInsert(this.relateData, this.editForm)
+ if (typeof this.option.beforeInsert == "function") {
+ this.option.beforeInsert(this.relateData, this.editForm);
}
- const { code, message } = await this.option.buttons.add.api(this.editForm)
- if (code == '200') {
+ const { code, message } = await this.option.buttons.add.api(
+ this.editForm
+ );
+ if (code == "200") {
if (callback != null) {
- callback()
+ callback();
}
} else {
- console.log(`提交表单调用新增接口失败：${message}`)
+ console.log(`提交表单调用新增接口失败：${message}`);
}
} else {
// 当edit-from是作为关联子表的界面，补全关联属性
- if (typeof this.option.beforeUpdate == 'function') {
- this.option.beforeUpdate(this.relateData, this.editForm)
+ if (typeof this.option.beforeUpdate == "function") {
+ this.option.beforeUpdate(this.relateData, this.editForm);
}
- const { code, message } = await this.option.buttons.edit.api(this.editForm)
- if (code == '200') {
+ const { code, message } = await this.option.buttons.edit.api(
+ this.editForm
+ );
+ if (code == "200") {
if (callback != null) {
- callback()
+ callback();
}
} else {
- console.log(`提交表单调用更新接口失败：${message}`)
+ console.log(`提交表单调用更新接口失败：${message}`);
}
}
} else {
- console.log('表单校验失败')
+ console.log("表单校验失败");
}
- })
+ });
},
// 表单任何一个变动时，通知外部v-model
formChange(fieldName, fieldVal, fieldExtend) {
- this.$emit('input', this.editForm)
+ this.$emit("input", this.editForm);
// 表单变动后，回调option中的formChange事件
- if (typeof this.option.formChange == 'function') {
- this.option.formChange(this.editForm, fieldName, fieldVal, fieldExtend)
+ if (typeof this.option.formChange == "function") {
+ this.option.formChange(this.editForm, fieldName, fieldVal, fieldExtend);
}
- },
- },
-}
+ }
+ }
+};
diff --git a/report-ui/src/components/AnjiPlus/anji-fourLevel.vue b/report-ui/src/components/AnjiPlus/anji-fourLevel.vue
new file mode 100644
index 00000000..92a53d8b
--- /dev/null
+++ b/report-ui/src/components/AnjiPlus/anji-fourLevel.vue
@@ -0,0 +1,72 @@
+
+
{{ getItemLabel(item, label) }}
- {{
- item[option]
- }}
+ {{ item[option] }}
- {{
+ $lang("GLOBAL.placeholder_select_remote_search")
+ }}
-
diff --git a/report-ui/src/components/AnjiPlus/anji-tree.vue b/report-ui/src/components/AnjiPlus/anji-tree.vue
index dd767518..107878ac 100644
--- a/report-ui/src/components/AnjiPlus/anji-tree.vue
+++ b/report-ui/src/components/AnjiPlus/anji-tree.vue
@@ -6,90 +6,107 @@
!-->
+
+
+
+ {{ systemUnit }}
+
+ {{ item.label }}
+
+
+
+
+
+
+
+
diff --git a/report-ui/src/components/AnjiPlus/anji-select.vue b/report-ui/src/components/AnjiPlus/anji-select.vue
index 7e952ffd..e2830c43 100644
--- a/report-ui/src/components/AnjiPlus/anji-select.vue
+++ b/report-ui/src/components/AnjiPlus/anji-select.vue
@@ -25,6 +25,8 @@
-
diff --git a/report-ui/src/components/AnjiPlus备份/anji-crud/edit-form.vue b/report-ui/src/components/AnjiPlus备份/anji-crud/edit-form.vue
new file mode 100644
index 00000000..d186a84e
--- /dev/null
+++ b/report-ui/src/components/AnjiPlus备份/anji-crud/edit-form.vue
@@ -0,0 +1,362 @@
+
+
+ {{ labelName }}
-
+
+
+
+
+
+
diff --git a/report-ui/src/components/AnjiPlus备份/anji-crud/edit-table.vue b/report-ui/src/components/AnjiPlus备份/anji-crud/edit-table.vue
new file mode 100644
index 00000000..df3b030b
--- /dev/null
+++ b/report-ui/src/components/AnjiPlus备份/anji-crud/edit-table.vue
@@ -0,0 +1,498 @@
+
+
+
+ {{ option.title }}
+
+
+
+
+
+
+ {{ group }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/report-ui/src/components/AnjiPlus备份/anji-crud/edit.vue b/report-ui/src/components/AnjiPlus备份/anji-crud/edit.vue
new file mode 100644
index 00000000..76bb6d6b
--- /dev/null
+++ b/report-ui/src/components/AnjiPlus备份/anji-crud/edit.vue
@@ -0,0 +1,386 @@
+
+
+ {{ option.title }}
+
+
+
+
+
+
+
+
+ {{ scope.$index + 1 }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ getRowEditButton(scope.$index) }}
+ 删除
+
+
+
+
+
+
+
+
+ 关闭
+ 保存
+
+
+
+
+
+ {{ getItemLabel(item, label) }}
+ {{
+ item[option]
+ }}
+
+
+
+
+
+
+
+
diff --git a/report-ui/src/components/AnjiPlus备份/anji-tree.vue b/report-ui/src/components/AnjiPlus备份/anji-tree.vue
new file mode 100644
index 00000000..dd767518
--- /dev/null
+++ b/report-ui/src/components/AnjiPlus备份/anji-tree.vue
@@ -0,0 +1,99 @@
+
+
+
+
+
+
+
+
+
diff --git a/report-ui/src/components/AnjiPlus备份/anji-upload.vue b/report-ui/src/components/AnjiPlus备份/anji-upload.vue
new file mode 100644
index 00000000..7b16bffe
--- /dev/null
+++ b/report-ui/src/components/AnjiPlus备份/anji-upload.vue
@@ -0,0 +1,161 @@
+
+ {{ labelName }}
+
+
+
+
+
+ ![]()
+
+
+
+
+
diff --git a/report-ui/src/components/Breadcrumb/index.vue b/report-ui/src/components/Breadcrumb/index.vue
index 90fd9cec..b80dfae2 100644
--- a/report-ui/src/components/Breadcrumb/index.vue
+++ b/report-ui/src/components/Breadcrumb/index.vue
@@ -1,67 +1,81 @@