修改样式

This commit is contained in:
宋伟佳
2021-11-12 17:38:37 +08:00
parent 36884ea627
commit faf043f76e
16 changed files with 349 additions and 49 deletions
@@ -407,7 +407,6 @@ export default {
}, },
//动态表单读取 //动态表单读取
getFormFieldList(item) { getFormFieldList(item) {
console.log(item);
this.$nextTick(() => { this.$nextTick(() => {
this.listForm = JSON.parse(JSON.stringify(item)); this.listForm = JSON.parse(JSON.stringify(item));
if (item.form === undefined) { if (item.form === undefined) {
@@ -472,9 +471,13 @@ export default {
}, },
//提交事件 //提交事件
handleSubmit() { handleSubmit() {
let dataChildren = []
let dataListChildren = [] let dataListChildren = []
this.dataList.forEach(item => { this.dataList.forEach(item => {
dataListChildren.push(item.children) dataChildren.push(item.children)
})
dataChildren.forEach((item,index) => {
dataListChildren = dataListChildren.concat(item)
}) })
this.isSubmit = true; this.isSubmit = true;
this.listForm.commentText = this.commentText; this.listForm.commentText = this.commentText;
@@ -873,6 +873,7 @@ export default {
}, },
//动态表单读取 //动态表单读取
getFormFieldList(item) { getFormFieldList(item) {
console.log(item);
this.$nextTick(() => { this.$nextTick(() => {
this.listForm = JSON.parse(JSON.stringify(item)); this.listForm = JSON.parse(JSON.stringify(item));
if (item.form === undefined) { if (item.form === undefined) {
@@ -98,5 +98,30 @@ export default {
background: #fff; background: #fff;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
/deep/ .el-tabs {
flex: auto;
display: flex;
flex-direction: column;
/deep/ .el-tabs__header {
margin: 0 !important;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex;
flex-direction: column;
.el-tab-pane {
height: 100%;
flex: auto;
display: flex;
flex-direction: column;
}
}
}
} }
</style> </style>
@@ -47,12 +47,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格--> <!-- 表格-->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: auto" style="width: auto"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -248,7 +249,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
name:this.formLabelAlign.name, name:this.formLabelAlign.name,
@@ -266,7 +267,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -299,6 +300,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child2{ .child2{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -47,12 +47,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格--> <!-- 表格-->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: auto" style="width: auto"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -295,7 +296,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
name:this.formLabelAlign.name, name:this.formLabelAlign.name,
@@ -314,7 +315,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -332,9 +333,7 @@ export default {
//编辑(修改) //编辑(修改)
drawer2:function (index,row) { drawer2:function (index,row) {
this.formLabelAlign2=Object.assign({},row); this.formLabelAlign2=Object.assign({},row);
_index=index;
console.log(index); console.log(index);
console.log(_index);
}, },
//点击确定(编辑)(没出) //点击确定(编辑)(没出)
editSubForm(){ editSubForm(){
@@ -380,6 +379,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child1{ .child1{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -108,5 +108,37 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.listOf-Cost{
height: 100%;
padding: 0 10px;
background: #fff;
display: flex;
flex-direction: column;
/deep/ .el-tabs {
flex: auto;
display: flex;
flex-direction: column;
/deep/ .el-tabs__header {
margin: 0 !important;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex;
flex-direction: column;
.el-tab-pane {
height: 100%;
flex: auto;
display: flex;
flex-direction: column;
}
}
}
}
</style> </style>
@@ -50,12 +50,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -352,7 +353,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
holdUnit:this.formLabelAlign.holdUnit, holdUnit:this.formLabelAlign.holdUnit,
@@ -379,7 +380,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -415,6 +416,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child3{ .child3{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -49,12 +49,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -365,7 +366,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
unitName:this.formLabelAlign.unitName, unitName:this.formLabelAlign.unitName,
@@ -395,7 +396,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -432,6 +433,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child2{ .child2{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -49,12 +49,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: auto" style="width: auto"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -462,6 +463,7 @@ export default {
nature:'', nature:'',
state:'' state:''
}, },
formInline2: {},
tableData:[{ tableData:[{
totalName: '1', totalName: '1',
branchName:'1', branchName:'1',
@@ -535,14 +537,11 @@ export default {
}, },
methods: { methods: {
handleSelectionChange(val) {
this.multipleSelection = val;
},
//新增方法 //新增方法
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
totalName:this.formLabelAlign.totalName, totalName:this.formLabelAlign.totalName,
@@ -582,7 +581,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -622,6 +621,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child1{ .child1{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -49,12 +49,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: 100%" style="width: 100%"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -107,7 +108,6 @@
width="150" width="150"
> >
</el-table-column> </el-table-column>
</el-table-column>
<el-table-column <el-table-column
align="center" align="center"
prop="standardType" prop="standardType"
@@ -467,7 +467,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
stage:this.formLabelAlign.stage, stage:this.formLabelAlign.stage,
@@ -502,7 +502,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -517,14 +517,6 @@ export default {
}) })
}) })
}, },
//清空
resetForm(formName) {
this[formName] = {};
this.$nextTick(() => {
this.$refs[formName].resetFields()
});
},
/*增加行和删除行*/ /*增加行和删除行*/
handleSizeChange(val) { handleSizeChange(val) {
console.log(`每页 ${val} 条`); console.log(`每页 ${val} 条`);
@@ -545,6 +537,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child4{ .child4{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -47,12 +47,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: auto" style="width: auto"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -267,7 +268,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
type:this.formLabelAlign.type, type:this.formLabelAlign.type,
@@ -286,7 +287,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -327,6 +328,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child3{ .child3{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -47,12 +47,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格--> <!-- 表格-->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: auto" style="width: auto"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -286,7 +287,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
type:this.formLabelAlign.type, type:this.formLabelAlign.type,
@@ -305,7 +306,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -342,6 +343,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child4{ .child4{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -47,12 +47,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格--> <!-- 表格-->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: auto" style="width: auto"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -307,7 +308,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
holdUnit:this.formLabelAlign.holdUnit, holdUnit:this.formLabelAlign.holdUnit,
@@ -327,7 +328,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -363,6 +364,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child2{ .child2{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -47,12 +47,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格 --> <!-- 表格 -->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: auto" style="width: auto"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -299,7 +300,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
totalName:this.formLabelAlign.totalName, totalName:this.formLabelAlign.totalName,
@@ -320,7 +321,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -361,6 +362,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.child1{ .child1{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px
@@ -46,5 +46,37 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.subsidy-Cost{
height: 100%;
padding: 0 10px;
background: #fff;
display: flex;
flex-direction: column;
/deep/ .el-tabs {
flex: auto;
display: flex;
flex-direction: column;
/deep/ .el-tabs__header {
margin: 0 !important;
}
.el-tabs__content {
height: 100% !important;
flex: auto;
position: relative;
display: flex;
flex-direction: column;
.el-tab-pane {
height: 100%;
flex: auto;
display: flex;
flex-direction: column;
}
}
}
}
</style> </style>
@@ -47,12 +47,13 @@
</el-form> </el-form>
</div> </div>
<!-- 表格--> <!-- 表格-->
<div class=""> <div class="container">
<el-table <el-table
:data="tableData" :data="tableData"
tooltip-effect="dark" tooltip-effect="dark"
style="width: auto" style="width: auto"
border border
height="100%"
:header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px', :header-cell-style="{background: '#f5f1f1', color: '#333333', fontSize: '16px',
fontWeight: 'bold', height: '48px'}" fontWeight: 'bold', height: '48px'}"
@selection-change="handleSelectionChange"> @selection-change="handleSelectionChange">
@@ -325,7 +326,7 @@ export default {
submit: function(){ submit: function(){
this.$confirm('确认进行添加','是否继续?','提示',{ this.$confirm('确认进行添加','是否继续?','提示',{
confirmButtonText: '确定', confirmButtonText: '确定',
confirmButtonText: '取消', cancelButtonText: '取消',
}).then(()=>{ }).then(()=>{
this.tableData.push({ this.tableData.push({
type:this.formLabelAlign.type, type:this.formLabelAlign.type,
@@ -346,7 +347,7 @@ export default {
deleteDetail: function(index,rows) { deleteDetail: function(index,rows) {
this.$confirm('此操作将删除数据,','是否继续?','提示',{ this.$confirm('此操作将删除数据,','是否继续?','提示',{
confirmButtonText:'确定', confirmButtonText:'确定',
confirmButtonText:'取消', cancelButtonText:'取消',
type:'warning' type:'warning'
}).then(()=>{ }).then(()=>{
this.tableData.splice(index,1) this.tableData.splice(index,1)
@@ -382,6 +383,25 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.children{ .children{
height: 100%;
display: flex;
flex-direction: column;
.container {
display: flex;
flex-direction: column;
position: relative;
flex: auto;
width: 100%;
height: calc(100% - 110px) !important;
.pagination {
position: static;
/deep/ .pagination-slot {
padding: 0;
}
}
}
.leading-in{ .leading-in{
width: 400px; width: 400px;
height: 200px height: 200px