huoran
/
FE_middlePlatform_server
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 14 Wiki Activity

产品及导入数据修改

Browse Source
dev
yujialong 3 years ago
parent f1ecd77ff6
commit ff1d6c3ce8
3 changed files with 35 additions and 67 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/utils/api.js
  2. 72
      src/views/data/Framework.vue
  3. 25
      src/views/data/Product.vue

1
src/utils/api.js
Unescape View File

@ -164,6 +164,7 @@ export default {
editTableName: `${host}/data/data/table/editTableName`, editTableName: `${host}/data/data/table/editTableName`,
updateTableCommit: `${host}/data/data/updateTableCommit`, updateTableCommit: `${host}/data/data/updateTableCommit`,
getLevel: `${host}/data/category/getLevel`, getLevel: `${host}/data/category/getLevel`,
getAllTableInfoByCategoryId: `${host}/data/data/product/getAllTableInfoByCategoryId`,
// 产品管理 // 产品管理
deleteProduct: `${host}/data/data/product/delete`, deleteProduct: `${host}/data/data/product/delete`,

72
src/views/data/Framework.vue
Unescape View File

@ -70,8 +70,7 @@
<div style="overflow:auto;height: 558px;width:330px;padding:15px;background:#fff" ref="typeTreeWrap" @scroll="loadType"> <div style="overflow:auto;height: 558px;width:330px;padding:15px;background:#fff" ref="typeTreeWrap" @scroll="loadType">
<el-tree <el-tree
ref="typeTree" ref="typeTree"
:load="getType" :data="importTypeList"
lazy
node-key="id" node-key="id"
accordion accordion
:default-expanded-keys="defaultTypeActive" :default-expanded-keys="defaultTypeActive"
@ -195,7 +194,6 @@ export default {
curComment: [], curComment: [],
submited: false, submited: false,
names: [], names: [],
showNames: [],
nameVisible: false, nameVisible: false,
curRow: {}, curRow: {},
headVisible: false, headVisible: false,
@ -486,7 +484,7 @@ export default {
data.map(n => { data.map(n => {
that.importTypeIndex++ that.importTypeIndex++
n.realId = n.id n.realId = n.id
// 分类id跟表id可能是冲突,所以就加了个基数,后续再优化 // 分类id跟表id可能会冲突,所以就加了个基数
n.id = String(that.importTypeIndex + n.id) n.id = String(that.importTypeIndex + n.id)
n.label = n.categoryName n.label = n.categoryName
if(n.children.length){ if(n.children.length){
@ -495,7 +493,7 @@ export default {
}) })
} }
handleId(res) handleId(res)
this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryId}&showName=${this.keyword}&pageNum=1&pageSize=10000&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res1 => { this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryId}&showName=${this.keyword}&pageNum=1&pageSize=3000&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res1 => {
let list = res1.pageList.records let list = res1.pageList.records
this.defaultTypeChecked = list.map(n => n.copyId) this.defaultTypeChecked = list.map(n => n.copyId)
const that = this const that = this
@ -556,63 +554,31 @@ export default {
closeImport(){ closeImport(){
this.$refs.typeTree.setCheckedKeys([]) this.$refs.typeTree.setCheckedKeys([])
this.names = [] this.names = []
this.showNames = []
}, },
// 获取names和showNames,提交的时候需要 // 获取names和showNames,提交的时候需要
getNames(){ getNames(list){
// 获取已经勾选的分类 const categoryId = Number(this.categoryId)
let list = this.$refs.typeTree.getCheckedNodes()
return new Promise((resolve,reject) => { return new Promise((resolve,reject) => {
let getLen = 0 // 根据选择的分类id查询下面的表id
list.map(n => { this.$get(`${this.api.getAllTableInfoByCategoryId}?categoryId=${list.join()}`).then(res => {
// 如果tableLen大于子级的数量，则表示这个分类下的子级是没有全部加载出来的，要在下面去查询出来，这里先记载要查询的分类数量 const list = res.tableInfo
if(n.tableLen && n.tableLen > n.children.length) getLen++ list.map(e => {
}) delete e.id
list.map((n,i) => { e.categoryId = categoryId
if(n.tableLen && n.tableLen > n.children.length){
// pageSize传10000是要查询全部表,后续如果数据多了,则按需调整
this.$post(`${this.api.originalListById}?categoryId=${n.realId}&pageNum=1&pageSize=10000`).then(res => {
let tableList = res.list.records
// 查询完1个,则数量-1
getLen--
tableList.map(n => {
// 如果是默认没有的表,则添加进去
if(!this.defaultTypeChecked.includes(String(n.id))){
this.names.push(n.name)
this.showNames.push(n.showName)
}
}) })
// 清0后,才执行resolve this.names = list
if(!getLen) resolve() resolve()
}).catch(res => {}) }).catch(res => {})
}else if(n.name && !n.disabled && !this.names.includes(n.name)){ // 如果是表,并且不是存在于分类下了的表,并且没重复,则添加进去
this.names.push(n.name)
this.showNames.push(n.showName)
if(!getLen) resolve()
}
})
}) })
}, },
confirmImport(){ confirmImport(){
if(this.submited) return false if(this.submited) return false
const checked = this.$refs.typeTree.getCheckedNodes() // 勾选的数据
// 如果没有选择任何数据 // 如果没有选择任何数据
if(!this.$refs.typeTree.getCheckedNodes().length) return this.$message.warning('请选择数据') if(!checked.length) return this.$message.warning('请选择数据')
this.getNames().then(() => { const typeIds = checked.filter(e => !e.name).map(e => e.realId) // 先筛选出分类id，再获取分类真正的id
let names = Array.from(new Set(this.names)) this.getNames(typeIds).then(() => {
let showNames = Array.from(new Set(this.showNames)) this.$post(this.api.saveTable, this.names).then(res => {
if(!names.length) return this.$message.warning('请选择数据')
this.submited = true
let data = []
let categoryId = Number(this.categoryId)
names.map((n,i) => {
data.push({
categoryId,
name: n,
showName: showNames[i],
})
})
this.$post(this.api.saveTable,data).then(res => {
this.$message.success('导入成功') this.$message.success('导入成功')
this.getData() this.getData()
this.importVisible = false this.importVisible = false
@ -623,7 +589,7 @@ export default {
this.submited = false this.submited = false
}) })
}) })
}, }
} }
}; };
</script> </script>

25
src/views/data/Product.vue
Unescape View File

@ -82,7 +82,6 @@
</el-form-item> </el-form-item>
<el-form-item label="配置数据"> <el-form-item label="配置数据">
<el-button type="primary" @click="configData">配置数据权限</el-button> <el-button type="primary" @click="configData">配置数据权限</el-button>
<!-- <div class="type-wrap" ref="typeWrap" @scroll="loadType" v-if="configChecked.length"> -->
<div class="type-wrap" ref="typeWrap" @scroll="loadType" style="display: none"> <div class="type-wrap" ref="typeWrap" @scroll="loadType" style="display: none">
<el-tree ref="type" :data="typeList" show-checkbox accordion node-key="id" :default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps" @node-expand="typeExpand"> <el-tree ref="type" :data="typeList" show-checkbox accordion node-key="id" :default-expanded-keys="checkedIds" :default-checked-keys="checkedIds" :props="defaultProps" @node-expand="typeExpand">
<span class="custom-tree-node" slot-scope="{ node, data }"> <span class="custom-tree-node" slot-scope="{ node, data }">
@ -286,9 +285,9 @@ export default {
function handleId(data){ function handleId(data){
data.map(n => { data.map(n => {
n.originId = n.id n.originId = n.id
n.id = String(++that.typeIndex) n.id = String(++that.typeIndex) // 分类id跟表id有可能会重复，所以把分类id都加上个基数，防止冲突，同时用originId保存起来真正的id
n.label = n.categoryName n.label = n.categoryName
n.disabled = true n.disabled = true // 一律禁止勾选
if(n.children.length){ if(n.children.length){
handleId(n.children) handleId(n.children)
} }
@ -471,6 +470,7 @@ export default {
let list = this.checkedIds let list = this.checkedIds
this.tableId = [] this.tableId = []
const proList = [] const proList = []
// 勾选的分类id分别去查询下面的表id，也可以全部id用逗号分隔去查，这里遍历去查是因为这样速度更快
list.map(e => { list.map(e => {
proList.push(new Promise((resolve,reject) => { proList.push(new Promise((resolve,reject) => {
this.$get(`${this.api.getAllTableIdBycategoryId}?categoryId=${e}`).then(res => { this.$get(`${this.api.getAllTableIdBycategoryId}?categoryId=${e}`).then(res => {
@ -481,6 +481,7 @@ export default {
}) })
})) }))
}) })
// 全部分类id遍历查询完resolve回去
return Promise.all(proList).then(res => { return Promise.all(proList).then(res => {
resolve() resolve()
}).catch(err => {}) }).catch(err => {})
@ -490,10 +491,8 @@ export default {
if(!this.productName) return this.$message.warning('请输入数据产品名称') if(!this.productName) return this.$message.warning('请输入数据产品名称')
if(!this.market) return this.$message.warning('请输入市场价格') if(!this.market) return this.$message.warning('请输入市场价格')
if(isNaN(this.market)) return this.$message.warning('市场价格请输入数字') if(isNaN(this.market)) return this.$message.warning('市场价格请输入数字')
// if(!this.$refs.type.getCheckedNodes().length) return this.$message.warning('请选择数据') if(!this.checkedIds.length) return this.$message.warning('请选择数据')
this.submited = true // 提交状态
this.submited = true
this.getIds().then(() => { this.getIds().then(() => {
let tableId = Array.from(new Set(this.tableId)) let tableId = Array.from(new Set(this.tableId))
if(!tableId.length) return this.$message.warning('请选择数据') if(!tableId.length) return this.$message.warning('请选择数据')
@ -508,7 +507,7 @@ export default {
orderNum: '', orderNum: '',
status: '', status: '',
tableNum: tableId.length, tableNum: tableId.length,
updateTime: '', updateTime: ''
} }
if(this.id){ if(this.id){
this.$post(this.api.updateProduct,data).then(res => { this.$post(this.api.updateProduct,data).then(res => {
@ -531,15 +530,15 @@ export default {
} }
}) })
}, },
configData(){ configData(){
this.configVisible = true this.configVisible = true
this.getConfigType() this.getConfigType()
// 编辑的时候才需要获取外面的弹框的已选数据，传到配置数据里去默认勾选
if (this.id) { if (this.id) {
let list = this.$refs.type.getCheckedNodes() let list = this.$refs.type.getCheckedNodes()
let configIds = [] let configIds = []
list.map(n => { list.map(n => {
if(!n.name) configIds.push(n.originId) if(!n.name) configIds.push(n.originId) // 分类没有name。只需要分类id，因为配置数据里是以分类为维度的，所以获取表id无法默认勾选
}) })
this.configIds = configIds this.configIds = configIds
} }
@ -598,6 +597,7 @@ export default {
this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(res => { this.$get(`${this.api.previewData}?tableName=${row.name}&tableId=${row.id}`).then(res => {
let comment = res.comment let comment = res.comment
let previewHead = [] let previewHead = []
// 不显示id和操作时间
comment.map(n => { comment.map(n => {
n.field != 'id' && n.field != 'operation_time' && previewHead.push(n) n.field != 'id' && n.field != 'operation_time' && previewHead.push(n)
}) })
@ -606,6 +606,7 @@ export default {
let data = res.data let data = res.data
data.map(n => { data.map(n => {
for(let i in n){ for(let i in n){
// 把返回的时间格式化
if(typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n[i])) if(typeof n[i] == 'string' && n[i].endsWith('+0000')) n[i] = this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n[i]))
} }
}) })
@ -619,7 +620,7 @@ export default {
list.map(n => { list.map(n => {
if(n.children && n.children.length){ if(n.children && n.children.length){
this.getTableId(n.children) this.getTableId(n.children)
if(checked.includes(n.originId) && n.children[0].name){ if(checked.includes(n.originId) && n.children[0].name){ // 选中的并且是表（表才有name）
this.configCheckedTableId = [...this.configCheckedTableId,...n.children.map(n => n.id)] this.configCheckedTableId = [...this.configCheckedTableId,...n.children.map(n => n.id)]
}else{ }else{
this.getTableId(n.children) this.getTableId(n.children)
@ -628,7 +629,7 @@ export default {
}) })
}, },
confirmConfig(){ confirmConfig(){
this.configChecked = this.$refs.typeConfig.getCheckedKeys().map(n => n) this.configChecked = this.$refs.typeConfig.getCheckedKeys().map(n => n) // 获取选中的id
this.checkedIds = this.configChecked this.checkedIds = this.configChecked
this.configVisible = false this.configVisible = false
this.$nextTick(() => { this.$nextTick(() => {

Write Preview
Loading…
Cancel
Save