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

修改部分样式

Browse Source
dev
e 3 years ago committed by yujialong
parent 24268f37fe 637b49c6e3
commit 7292a868a4
5 changed files with 168 additions and 145 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. 3
      src/utils/api.js
  2. 120
      src/views/data/Framework.vue
  3. 18
      src/views/data/Introduce.vue
  4. 136
      src/views/data/Product.vue
  5. 36
      src/views/order/AddOrder.vue

3
src/utils/api.js
Unescape View File

@ -1,8 +1,5 @@
let host = 'http://39.108.250.202:9000' let host = 'http://39.108.250.202:9000'
if(process.env.NODE_ENV === 'development'){
host = 'http://192.168.31.216:9000'
}
let host1 = 'http://192.168.31.216:9000'//榕 let host1 = 'http://192.168.31.216:9000'//榕
let host2 = 'http://192.168.31.125:9000'//林 let host2 = 'http://192.168.31.125:9000'//林
// let host = 'http://192.168.31.137:9000'// 陈赓 // let host = 'http://192.168.31.137:9000'// 陈赓

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

@ -9,7 +9,7 @@
<span class="custom-tree-node" slot-scope="{ node, data }"> <span class="custom-tree-node" slot-scope="{ node, data }">
<span :title="node.label">{{ node.label }}</span> <span :title="node.label">{{ node.label }}</span>
<span class="actions"> <span class="actions">
<i v-if="!data.isThird" class="el-icon-circle-plus-outline" @click.stop="addType(node)"></i> <i v-if="data.level != 3" class="el-icon-circle-plus-outline" @click.stop="addType(node)"></i>
<i class="el-icon-edit" @click.stop="editType(node)"></i> <i class="el-icon-edit" @click.stop="editType(node)"></i>
<i class="el-icon-delete" @click.stop="delType(node)"></i> <i class="el-icon-delete" @click.stop="delType(node)"></i>
</span> </span>
@ -156,19 +156,19 @@ export default {
methods: { methods: {
getType(){ getType(){
this.$post(this.api.getTableByClassification).then(res => { this.$post(this.api.getTableByClassification).then(res => {
res.map(n => { // 递归赋值,同时添加层级标识
n.id = String(n.id) function handleId(data,level = 0){
n.label = n.categoryName data.map(n => {
n.children.map(n => {
n.id = String(n.id) n.id = String(n.id)
n.label = n.categoryName n.label = n.categoryName
n.children.map(n => { n.level = level + 1
n.id = String(n.id) if(n.children.length){
n.label = n.categoryName handleId(n.children,n.level)
n.isThird = true }
})
}) })
}) }
handleId(res)
this.typeList = res this.typeList = res
if(res[0].children.length){ if(res[0].children.length){
this.categoryId = res[0].children[0].id this.categoryId = res[0].children[0].id
@ -177,6 +177,7 @@ export default {
this.categoryId = res[0].id this.categoryId = res[0].id
this.defaultActive = [res[0].id] this.defaultActive = [res[0].id]
} }
// 取第一个分类的id
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.type.setCurrentKey(res[0].children[0].id) this.$refs.type.setCurrentKey(res[0].children[0].id)
}) })
@ -267,6 +268,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){
// 如果是以+0000结尾的,就表明这个是时间,则转化为正常的时间格式
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]))
} }
}) })
@ -310,6 +312,7 @@ export default {
this.$message.error('请先选择数据') this.$message.error('请先选择数据')
} }
}, },
// 递归查询当前展开的分类下的子分类
getMoreTable(list,id){ getMoreTable(list,id){
list.map(n => { list.map(n => {
if(n.id == id){ if(n.id == id){
@ -319,82 +322,91 @@ export default {
} }
}) })
}, },
// 懒加载后新加载出来的数据可能是之前就存在于这个分类下了的,因此是要自动勾选的,所以在这里去拿这个分类下已经存在了的表的id去做一个重新勾选
renderChecked(){
let result = []
let list = this.$refs.typeTree.getCheckedNodes()
list.map((n,i) => {
if(n.tableLen && n.tableLen > n.children.length){
result = [...result,...n.children.map(n => n.id)]
}else{
result.push(n.id)
}
})
this.$refs.typeTree.setCheckedKeys(result)
},
// 因为数据会有上万条的情况,一次加载出来dom太多了,所以用懒加载去处理
loadType(e){ loadType(e){
clearTimeout(this.typeTimer) clearTimeout(this.typeTimer)
let typeTree = this.$refs.typeTreeWrap let typeTree = this.$refs.typeTreeWrap
this.typeTimer = setTimeout(() => { this.typeTimer = setTimeout(() => {
this.typeTreeScrollTop = typeTree.scrollTop - this.typeTreeScrollTop this.typeTreeScrollTop = typeTree.scrollTop - this.typeTreeScrollTop
// 如果已经滚动到底部,则加载下面的数据
if(this.typeTreeScrollTop > 0 && typeTree.clientHeight + typeTree.scrollTop == typeTree.scrollHeight){ if(this.typeTreeScrollTop > 0 && typeTree.clientHeight + typeTree.scrollTop == typeTree.scrollHeight){
this.getMoreTable(this.importTypeList,this.curExpand) this.getMoreTable(this.importTypeList,this.curExpand)
setTimeout(() => { setTimeout(() => {
this.$nextTick(() => { this.$nextTick(() => {
this.$refs.typeTree.setCheckedKeys(this.defaultTypeChecked) this.renderChecked()
}) })
},300) },300)
} }
},50) },50)
}, },
// 查询分类下的表
getTable(n,isConcat){ getTable(n,isConcat){
this.$post(`${this.api.originalListById}?categoryId=${n.realId}&pageNum=${n.typeTreePage ? n.typeTreePage : 1}&pageSize=${this.typeTreeUnit}`).then(res => { this.$post(`${this.api.originalListById}?categoryId=${n.realId}&pageNum=${n.typeTreePage ? n.typeTreePage : 1}&pageSize=${this.typeTreeUnit}`).then(res => {
let list = res.list.records let list = res.list.records
list.map(n => { list.map(n => {
n.label = n.showName n.label = n.showName
n.id = String(n.id) n.id = String(n.id)
// 已经存在的表,禁止再次勾选
if(this.defaultTypeChecked.includes(n.id)){ if(this.defaultTypeChecked.includes(n.id)){
n.disabled = true n.disabled = true
} }
}) })
// 如果是懒加载,则拼接
if(isConcat){ if(isConcat){
n.children = n.children.concat(list) n.children = n.children.concat(list)
}else{ }else{
n.children = list n.children = list
n.tableLen = res.list.total n.tableLen = res.list.total
} }
// 每次加载完,分页码数自动+1
n.typeTreePage++ n.typeTreePage++
}).catch(res => {}) }).catch(res => {})
}, },
batchImport(){ batchImport(){
this.$post(this.api.originalList).then(res => { this.$post(this.api.originalList).then(res => {
res.map(n => { const that = this
this.importTypeIndex++ function handleId(data){
n.realId = n.id data.map(n => {
n.id = String(this.importTypeIndex + n.id) that.importTypeIndex++
n.label = n.categoryName
n.children.map(n => {
n.realId = n.id n.realId = n.id
this.importTypeIndex++ // 分类id跟表id可能是冲突,所以就加了个基数,后续再优化
n.id = String(this.importTypeIndex + n.id) n.id = String(that.importTypeIndex + n.id)
n.label = n.categoryName n.label = n.categoryName
n.children.map(n => { if(n.children.length){
this.importTypeIndex++ handleId(n.children)
n.realId = n.id }
n.id = String(this.importTypeIndex + n.id)
n.label = n.categoryName
n.isThird = true
})
}) })
}) }
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=10000&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)
res.map((n,i) => { const that = this
if(n.children.length){ function handleId(data){
n.children.map(n => { data.map(n => {
if(n.children.length){ if(n.children.length){
n.children.map(n => { handleId(n.children)
n.typeTreePage = 1 }else{
this.getTable(n) // 默认分页码数为1
}) n.typeTreePage = 1
}else{ that.getTable(n)
n.typeTreePage = 1 }
this.getTable(n) })
} }
}) handleId(res)
}else{
n.typeTreePage = 1
this.getTable(n)
}
})
setTimeout(() => { setTimeout(() => {
this.importTypeList = res this.importTypeList = res
},500) },500)
@ -407,6 +419,7 @@ export default {
this.$get(`${this.api.staticPreview}?tableName=${this.tableName}`).then(res => { this.$get(`${this.api.staticPreview}?tableName=${this.tableName}`).then(res => {
let comment = res.comment let comment = res.comment
let fieldHead = [] let fieldHead = []
// id和操作时间这两个字段不用展示
comment.map(n => { comment.map(n => {
n.field != 'id' && n.field != 'operation_time' && fieldHead.push(n) n.field != 'id' && n.field != 'operation_time' && fieldHead.push(n)
}) })
@ -415,6 +428,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){
// 如果是以+0000结尾的,就表明这个是时间,则转化为正常的时间格式
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]))
} }
}) })
@ -423,42 +437,51 @@ export default {
this.importVisible = true this.importVisible = true
}, },
importTypeClick(data){ importTypeClick(data){
// 如果点击的是表,则加载这个表下面的字段,分类则不用
if(data.name){ if(data.name){
this.tableName = data.name this.tableName = data.name
this.curId = data.id this.curId = data.id
this.getFields() this.getFields()
} }
}, },
// 分类展开的回调
importTypeExpand(obj,node,com){ importTypeExpand(obj,node,com){
this.curExpand = obj.id this.curExpand = obj.id
this.$refs.typeTree.setCheckedKeys(this.defaultTypeChecked) this.renderChecked()
}, },
closeImport(){ closeImport(){
this.$refs.typeTree.setCheckedKeys([]) this.$refs.typeTree.setCheckedKeys([])
this.names = [] this.names = []
this.showNames = [] this.showNames = []
}, },
// 获取names和showNames,提交的时候需要
getNames(){ getNames(){
// 获取已经勾选的分类
let list = this.$refs.typeTree.getCheckedNodes() let list = this.$refs.typeTree.getCheckedNodes()
return new Promise((resolve,reject) => { return new Promise((resolve,reject) => {
let getLen = 0 let getLen = 0
list.map(n => { list.map(n => {
// 如果tableLen大于子级的数量，则表示这个分类下的子级是没有全部加载出来的，要在下面去查询出来，这里先记载要查询的分类数量
if(n.tableLen && n.tableLen > n.children.length) getLen++ if(n.tableLen && n.tableLen > n.children.length) getLen++
}) })
list.map((n,i) => { list.map((n,i) => {
if(n.tableLen && n.tableLen > n.children.length){ if(n.tableLen && n.tableLen > n.children.length){
// pageSize传10000是要查询全部表,后续如果数据多了,则按需调整
this.$post(`${this.api.originalListById}?categoryId=${n.realId}&pageNum=1&pageSize=10000`).then(res => { this.$post(`${this.api.originalListById}?categoryId=${n.realId}&pageNum=1&pageSize=10000`).then(res => {
let tableList = res.list.records let tableList = res.list.records
// 查询完1个,则数量-1
getLen-- getLen--
tableList.map(n => { tableList.map(n => {
// 如果是默认没有的表,则添加进去
if(!this.defaultTypeChecked.includes(String(n.id))){ if(!this.defaultTypeChecked.includes(String(n.id))){
this.names.push(n.name) this.names.push(n.name)
this.showNames.push(n.showName) this.showNames.push(n.showName)
} }
}) })
// 清0后,才执行resolve
if(!getLen) resolve() if(!getLen) resolve()
}).catch(res => {}) }).catch(res => {})
}else if(n.name && !n.disabled && !this.names.includes(n.name)){ }else if(n.name && !n.disabled && !this.names.includes(n.name)){ // 如果是表,并且不是存在于分类下了的表,并且没重复,则添加进去
this.names.push(n.name) this.names.push(n.name)
this.showNames.push(n.showName) this.showNames.push(n.showName)
if(!getLen) resolve() if(!getLen) resolve()
@ -468,6 +491,7 @@ export default {
}, },
confirmImport(){ confirmImport(){
if(this.submited) return false if(this.submited) return false
// 如果没有选择任何数据
if(!this.$refs.typeTree.getCheckedNodes().length) return this.$message.warning('请选择数据') if(!this.$refs.typeTree.getCheckedNodes().length) return this.$message.warning('请选择数据')
this.getNames().then(() => { this.getNames().then(() => {
let names = Array.from(new Set(this.names)) let names = Array.from(new Set(this.names))

18
src/views/data/Introduce.vue
Unescape View File

@ -59,19 +59,19 @@ export default {
methods: { methods: {
getData(){ getData(){
this.$post(this.api.getTableByClassification).then(res => { this.$post(this.api.getTableByClassification).then(res => {
res.map(n => { function handleId(data){
n.id = String(n.id) data.map(n => {
n.label = n.categoryName
n.children.map(n => {
n.id = String(n.id) n.id = String(n.id)
n.label = n.categoryName n.label = n.categoryName
n.children.map(n => { if(n.children.length){
n.id = String(n.id) handleId(n.children)
n.label = n.categoryName }
})
}) })
}) }
handleId(res)
this.typeList = res this.typeList = res
// 取首个的id和简介
if(res[0].children.length){ if(res[0].children.length){
let item = res[0].children[0] let item = res[0].children[0]
this.categoryId = item.id this.categoryId = item.id

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

@ -208,7 +208,6 @@ export default {
pageSizeConfig: 10, pageSizeConfig: 10,
totalConfig: 0, totalConfig: 0,
listConfigData: [], listConfigData: [],
listConfigAll: [],
previewVisible: false, previewVisible: false,
previewHead: [], previewHead: [],
previewData: [], previewData: [],
@ -267,6 +266,7 @@ export default {
n.label = n.showName n.label = n.showName
n.id = String(n.id) n.id = String(n.id)
}) })
// 如果是懒加载的情况,则拼接
if(isConcat){ if(isConcat){
n.children = n.children.concat(list) n.children = n.children.concat(list)
}else{ }else{
@ -276,54 +276,49 @@ export default {
n.typePage++ n.typePage++
}).catch(res => {}) }).catch(res => {})
}, },
// 获取分类
getType(){ getType(){
this.productVisible = true this.productVisible = true
this.$post(this.api.getTableByClassification).then(res => { this.$post(this.api.getTableByClassification).then(res => {
res.map(n => { const that = this
n.originId = n.id function handleId(data){
n.id = String(++this.typeIndex) data.map(n => {
n.label = n.categoryName
n.children.map(n => {
n.originId = n.id n.originId = n.id
n.id = String(++this.typeIndex) n.id = String(++that.typeIndex)
n.label = n.categoryName n.label = n.categoryName
n.children.map(n => { if(n.children.length){
n.originId = n.id handleId(n.children)
n.id = String(++this.typeIndex) }
n.label = n.categoryName
n.isThird = true
})
}) })
}) }
res.map((n,i) => { handleId(res)
if(n.children.length){
n.children.map(n => { // 获取分类下的表
if(n.children.length){ function getTable(data){
n.children.map(n => { data.map(n => {
n.typePage = 1 if(n.children.length){
this.getTable(n) getTable(n.children)
}) }else{
}else{ n.typePage = 1
n.typePage = 1 that.getTable(n)
this.getTable(n) }
} })
}) }
}else{ getTable(res)
n.typePage = 1
this.getTable(n)
}
})
setTimeout(() => { setTimeout(() => {
this.typeList = res this.typeList = res
},500) },500)
this.importVisible = true this.importVisible = true
}).catch(res => {}) }).catch(res => {})
}, },
// 处理勾选框
handleType(data,typeList){ handleType(data,typeList){
let result = data let result = data
if(typeList.length){ if(typeList.length){
typeList.map(e => { typeList.map(e => {
if(result.includes(e.id) && e.children.length){ if(result.includes(e.id) && e.children.length){
// 如果该分类下的子节点不是每个都勾选了,就把该分类的id从已勾选的id集合里去除,因为如果不去除的话,这个分类就会勾选,同时会把该分类下的所有子分类都一起勾选
e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id),1) e.children.every(n => result.includes(n)) || result.splice(result.indexOf(e.id),1)
} }
e.children.length && this.handleType(data,e.children) e.children.length && this.handleType(data,e.children)
@ -331,9 +326,11 @@ export default {
} }
return result return result
}, },
// 分类展开的回调
typeExpand(obj,node,com){ typeExpand(obj,node,com){
this.curExpand = obj.id this.curExpand = obj.id
}, },
// 递归获取当前展开的分类,然后查询该分类下的表
getMoreTable(list,id){ getMoreTable(list,id){
list.map(n => { list.map(n => {
if(n.id == id){ if(n.id == id){
@ -343,33 +340,30 @@ export default {
} }
}) })
}, },
// 因为数据会有上万条的情况,一次加载出来dom太多了,所以用懒加载去处理
loadType(e){ loadType(e){
clearTimeout(this.typeTimer) clearTimeout(this.typeTimer)
let typeTree = this.$refs.typeWrap let typeTree = this.$refs.typeWrap
this.typeTimer = setTimeout(() => { this.typeTimer = setTimeout(() => {
this.typeScrollTop = typeTree.scrollTop - this.typeScrollTop this.typeScrollTop = typeTree.scrollTop - this.typeScrollTop
// 如果已经滚动到底部,则加载下面的数据
if(this.typeScrollTop > 0 && typeTree.clientHeight + typeTree.scrollTop == typeTree.scrollHeight){ if(this.typeScrollTop > 0 && typeTree.clientHeight + typeTree.scrollTop == typeTree.scrollHeight){
let curExpand = this.curExpand let curExpand = this.curExpand
// 如果是编辑,可能会出现用户没主动点展开分类的情况,所以就无法直接从curExpand拿到当前展开的分类,需要在下面递归拿到第一个展开的分类
if(!curExpand){ if(!curExpand){
let id = this.checkedIds[0] let id = this.checkedIds[0]
let list = this.typeList let list = this.typeList
list.map(n => {
if(n.id == id){ function handleId(data,parentId){
curExpand = n.id data.map(n => {
}else if(n.children && n.children.length){ if(n.id == id){
n.children.map(e => { curExpand = parentId ? parentId : n.id
if(e.id == id){ }else if(n.children && n.children.length){
curExpand = n.id handleId(n.children,n.id)
}else if(e.children && e.children.length){ }
e.children.map(j => { })
if(j.id == id){ }
curExpand = e.id handleId(list)
}
})
}
})
}
})
} }
this.getMoreTable(this.typeList,curExpand) this.getMoreTable(this.typeList,curExpand)
setTimeout(() => { setTimeout(() => {
@ -465,24 +459,30 @@ export default {
this.typeList = [] this.typeList = []
this.tableId = [] this.tableId = []
}, },
// 获取tableId,提交的时候需要
getIds(){ getIds(){
// 获取已经勾选的分类
let list = this.$refs.type.getCheckedNodes() let list = this.$refs.type.getCheckedNodes()
return new Promise((resolve,reject) => { return new Promise((resolve,reject) => {
let getLen = 0 let getLen = 0
list.map(n => { list.map(n => {
// 如果tableLen大于子级的数量，则表示这个分类下的子级是没有全部加载出来的，要在下面去查询出来，这里先记载要查询的分类数量
if(n.tableLen && n.tableLen > n.children.length) getLen++ if(n.tableLen && n.tableLen > n.children.length) getLen++
}) })
list.map((n,i) => { list.map((n,i) => {
if(n.tableLen && n.tableLen > n.children.length){ if(n.tableLen && n.tableLen > n.children.length){
// pageSize传10000是要查询全部表,后续如果数据多了,则按需调整
this.$post(`${this.api.getIdQueryTable}?categoryId=${n.originId}&showName=&pageNum=1&pageSize=10000&updateTime=`).then(res => { this.$post(`${this.api.getIdQueryTable}?categoryId=${n.originId}&showName=&pageNum=1&pageSize=10000&updateTime=`).then(res => {
let tableList = res.pageList.records let tableList = res.pageList.records
tableList.map(n => { tableList.map(n => {
this.tableId.push(String(n.id)) this.tableId.push(String(n.id))
}) })
// 查询完1个,则数量-1
getLen-- getLen--
// 清0后,才执行resolve
if(!getLen) resolve() if(!getLen) resolve()
}).catch(res => {}) }).catch(res => {})
}else if(n.name && !this.tableId.includes(n.id)){ }else if(n.name && !this.tableId.includes(n.id)){ // 如果是表,并且没重复,则添加进去
this.tableId.push(n.id) this.tableId.push(n.id)
if(!getLen) resolve() if(!getLen) resolve()
} }
@ -552,23 +552,22 @@ export default {
this.getConfigTable() this.getConfigTable()
}, },
closeConfig(){ closeConfig(){
// 关闭的时候清除多选
this.$refs.typeConfig.setCheckedNodes([]) this.$refs.typeConfig.setCheckedNodes([])
}, },
// 获取配置数据里面的分类
getConfigType(){ getConfigType(){
this.$post(this.api.getTableByClassification).then(res => { this.$post(this.api.getTableByClassification).then(res => {
res.map(n => { function handleId(data){
n.id = String(n.id) data.map(n => {
n.label = n.categoryName
n.children.map(n => {
n.id = String(n.id) n.id = String(n.id)
n.label = n.categoryName n.label = n.categoryName
n.children.map(n => { if(n.children.length){
n.id = String(n.id) handleId(n.children)
n.label = n.categoryName }
n.isThird = true
})
}) })
}) }
handleId(res)
this.typeConfigList = res this.typeConfigList = res
if(res[0].children.length){ if(res[0].children.length){
this.categoryId = res[0].children[0].id this.categoryId = res[0].children[0].id
@ -578,29 +577,25 @@ export default {
this.getConfigTable() this.getConfigTable()
}).catch(res => {}) }).catch(res => {})
}, },
// 获取配置数据里面分类下的表
getConfigTable(){ getConfigTable(){
this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryId}&showName=${this.keywordConfig}&pageNum=${this.pageConfig}&pageSize=${this.pageSizeConfig}&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res => { this.$post(`${this.api.getIdQueryTable}?categoryId=${this.categoryId}&showName=${this.keywordConfig}&pageNum=${this.pageConfig}&pageSize=${this.pageSizeConfig}&updateTime=${this.updateTime ? this.updateTime : ''}`).then(res => {
let list = res.pageList.records let list = res.pageList.records
list.map(n => { list.map(n => {
// 如果有更新时间则转化格式
n.updateTime = n.updateTime ? this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n.updateTime)) : '' n.updateTime = n.updateTime ? this.formatDate('yyyy-MM-dd hh:mm:ss',new Date(n.updateTime)) : ''
}) })
this.listConfigAll = list this.listConfigData = list
this.totalConfig = list.length this.totalConfig = res.pageList.total
this.handlePage()
}).catch(res => {}) }).catch(res => {})
}, },
handlePage(){
let list = this.listConfigAll
let result = list.slice((this.pageConfig - 1) * this.pageSize,this.pageConfig * this.pageSizeConfig)
this.listConfigData = result
},
initConfigData(){ initConfigData(){
this.pageConfig = 1 this.pageConfig = 1
this.getConfigTable() this.getConfigTable()
}, },
handleCurrentConfigChange(){ handleCurrentConfigChange(val){
this.pageConfig = val this.pageConfig = val
this.handlePage() this.getConfigTable()
}, },
previewConfig(row){ previewConfig(row){
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 => {
@ -621,6 +616,7 @@ export default {
this.previewVisible = true this.previewVisible = true
}).catch(res => {}) }).catch(res => {})
}, },
// 递归获取选中的分类id
getTableId(list){ getTableId(list){
let checked = this.configChecked let checked = this.configChecked
list.map(n => { list.map(n => {

36
src/views/order/AddOrder.vue
Unescape View File

@ -181,13 +181,13 @@
<el-table :data="dataPlatform" class="orderTable" stripe header-align="center" :summary-method="getSummaries"> <el-table :data="dataPlatform" class="orderTable" stripe header-align="center" :summary-method="getSummaries">
<el-table-column type="index" width="100" label="序号" align="center"> <el-table-column type="index" width="100" label="序号" align="center">
</el-table-column> </el-table-column>
<el-table-column prop="productName" label="产品名称" align="center"> <el-table-column prop="productName" label="产品名称" align="center" width="200">
</el-table-column> </el-table-column>
<el-table-column label="使用期限" align="center" width="200"> <el-table-column label="使用期限" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="course-input"> <div class="course-input">
<el-input onkeyup="value=this.value.replace(/\D+/g,'')" :class="!scope.row.periodOfUse&&whetherSubmit?'red':''" :disabled="disabled||editDisabled" maxlength="4" @change="deadLine($event,scope.row),zero($event,scope.row)" oninput="value=value.replace(/[^0-9.]/g,'')" v-model="scope.row.periodOfUse" placeholder="输入时间"></el-input> <el-input onkeyup="value=this.value.replace(/\D+/g,'')" :class="!scope.row.periodOfUse&&whetherSubmit?'red':''" :disabled="disabled||editDisabled" maxlength="4" @change="deadLine($event,scope.row),zero($event,scope.row)" oninput="value=value.replace(/[^0-9.]/g,'')" v-model="scope.row.periodOfUse" placeholder="输入时间"></el-input>
<span>月</span> <span >月</span>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
@ -199,38 +199,39 @@
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="剩余期限" align="center" width="160px"> <el-table-column label="剩余期限" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="small"> <div class="small">
<el-input disabled v-model="scope.row.remainingPeriod" placeholder="请输入"type="text"></el-input> <el-input disabled v-model="scope.row.remainingPeriod" placeholder="请输入"type="text"></el-input>
<span>天</span> <span style="margin-left:5px">天</span>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="市场价" align="center" width="185"> <el-table-column label="市场价" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="small"> <div class="small">
<el-input disabled v-model="scope.row.marketValue" placeholder="请输入"type="text"></el-input> <el-input disabled v-model="scope.row.marketValue" placeholder="请输入"type="text"></el-input>
<span>元&nbsp;/&nbsp;账号</span> <span style="margin-left:5px">元&nbsp;/&nbsp;账号</span>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="成交价" align="center" width="185"> <el-table-column label="成交价" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="small"> <div class="small">
<el-input :class="!scope.row.finalPrice&&whetherSubmit?'red':''" :disabled="disabled||editDisabled" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" @change="[dealComputers($event,scope.row),calculateDiscount($event,scope.row),userAmount($event,scope.row)]" v-model="scope.row.finalPrice" placeholder="请输入"type="text"></el-input> <el-input :class="!scope.row.finalPrice&&whetherSubmit?'red':''" :disabled="disabled||editDisabled" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" @change="[dealComputers($event,scope.row),calculateDiscount($event,scope.row),userAmount($event,scope.row)]" v-model="scope.row.finalPrice" placeholder="请输入"type="text"></el-input>
<span>元&nbsp;/&nbsp; 账号</span> <span style="margin-left:5px">元&nbsp;/&nbsp; 账号</span>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="折扣率" align="center" width="140"> <el-table-column label="折扣率" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="discountRate"> <!-- <div class="discountRate"> -->
<div class="small">
<el-input disabled v-model="scope.row.discountRate" placeholder=""type="text"></el-input> <el-input disabled v-model="scope.row.discountRate" placeholder=""type="text"></el-input>
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="账号数" align="center" width="150"> <el-table-column label="账号数" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="small"> <div class="small">
<el-input :class="!scope.row.accountNum&&whetherSubmit?'red':''" :disabled="disabled||editDisabled" @change="[dealComputers($event,scope.row),dealBargain($event,scope.row),calculateDiscount($event,scope.row)]" v-model="scope.row.accountNum" placeholder="请输入"type="text"></el-input> <el-input :class="!scope.row.accountNum&&whetherSubmit?'red':''" :disabled="disabled||editDisabled" @change="[dealComputers($event,scope.row),dealBargain($event,scope.row),calculateDiscount($event,scope.row)]" v-model="scope.row.accountNum" placeholder="请输入"type="text"></el-input>
@ -238,7 +239,7 @@
</template> </template>
</el-table-column> </el-table-column>
<!-- 金额自动计算，计算方式：账号数*成交价，且可以手动修改，保留两位小数 --> <!-- 金额自动计算，计算方式：账号数*成交价，且可以手动修改，保留两位小数 -->
<el-table-column label="总金额(元)" align="center" width="180"> <el-table-column label="总金额(元)" align="center" width="200">
<template slot-scope="scope"> <template slot-scope="scope">
<div class="small"> <div class="small">
<el-input :class="!scope.row.totalAmount&&whetherSubmit?'red':''" :disabled="disabled||editDisabled" @blur="[allAmount($event,scope.row),allAmountChange($event,scope.row),calculateDiscount($event,scope.row)]" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" v-model="scope.row.totalAmount" placeholder="请输入"type="text"></el-input> <el-input :class="!scope.row.totalAmount&&whetherSubmit?'red':''" :disabled="disabled||editDisabled" @blur="[allAmount($event,scope.row),allAmountChange($event,scope.row),calculateDiscount($event,scope.row)]" oninput="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" v-model="scope.row.totalAmount" placeholder="请输入"type="text"></el-input>
@ -394,7 +395,7 @@
</el-dialog> </el-dialog>
<!-- 添加数据平台权限弹框 --> <!-- 添加数据平台权限弹框 -->
<el-dialog :visible.sync="showPlatform" width="50%" center> <el-dialog :visible.sync="showPlatform" width="50%" center >
<div class="flex-between mgb20"> <div class="flex-between mgb20">
<div class="flex-center"> <div class="flex-center">
<p class="addhr_tag"></p> <p class="addhr_tag"></p>
@ -404,7 +405,7 @@
<el-input placeholder="请输入产品名称" prefix-icon="el-icon-search" v-model="productName" @keyup.enter.native="addDataJurisdiction('search')" clearable></el-input> <el-input placeholder="请输入产品名称" prefix-icon="el-icon-search" v-model="productName" @keyup.enter.native="addDataJurisdiction('search')" clearable></el-input>
</div> </div>
</div> </div>
<el-table :data="boxDataPlatform" stripe header-align="center" @selection-change="boxDataPlatformSelection" :row-key="getRowKeys"> <el-table v-loading="dataLoading" :data="boxDataPlatform" stripe header-align="center" @selection-change="boxDataPlatformSelection" :row-key="getRowKeys">
<el-table-column type="selection" :selectable="selectable" width="55" align="center"></el-table-column> <el-table-column type="selection" :selectable="selectable" width="55" align="center"></el-table-column>
<el-table-column type="index" width="100" label="序号" align="center"></el-table-column> <el-table-column type="index" width="100" label="序号" align="center"></el-table-column>
<el-table-column prop="productName" label="产品名称" align="center"></el-table-column> <el-table-column prop="productName" label="产品名称" align="center"></el-table-column>
@ -497,6 +498,7 @@ export default {
disabled:false,// 查看禁用。 disabled:false,// 查看禁用。
editDisabled:false,// 编辑禁用 editDisabled:false,// 编辑禁用
renewDisabled:false,// 续费禁用 renewDisabled:false,// 续费禁用
dataLoading:false,// 产品弹框加载
whetherSubmit:false,/* 提交否 */ whetherSubmit:false,/* 提交否 */
@ -515,7 +517,7 @@ export default {
customerName:'',// 客户名称 customerName:'',// 客户名称
}, },
jurisdictionData: [],// 课程权限 jurisdictionData: [],// 课程权限
dataPlatform:[],// 数据平台data dataPlatform:[{}],// 数据平台data
contract:{ // 合同信息 contract:{ // 合同信息
contractName:'', // 合同名称 contractName:'', // 合同名称
@ -861,10 +863,14 @@ export default {
status:1, status:1,
productName:this.productName productName:this.productName
} }
this.dataLoading = true
this.$post(this.api.listByEntity,param).then(res=>{ this.$post(this.api.listByEntity,param).then(res=>{
this.boxDataPlatform = res.pageList.records this.boxDataPlatform = res.pageList.records
this.platfromTotals = res.pageList.total this.platfromTotals = res.pageList.total
this.dataLoading = false
}).catch(err=>{ }).catch(err=>{
this.dataLoading = false
}) })
}, },

Write Preview
Loading…
Cancel
Save