5 changed files with 319 additions and 30 deletions
@ -0,0 +1,82 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<el-table :data="tableData" style="width: 50%" border> |
||||
|
<el-table-column label="" prop="D2" /> |
||||
|
<el-table-column label="制停距离（m）" prop="D1"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input v-model="scope.row.D1" /> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Table2', |
||||
|
components: {}, |
||||
|
props: { |
||||
|
tabelHeader: { |
||||
|
type: Array, |
||||
|
require: true, |
||||
|
default: () => { |
||||
|
return [] |
||||
|
} |
||||
|
}, |
||||
|
tableData: { |
||||
|
type: Array, |
||||
|
require: true, |
||||
|
default: () => { |
||||
|
return [] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
options: [ |
||||
|
{ |
||||
|
value: '√', |
||||
|
id: '1' |
||||
|
}, |
||||
|
{ |
||||
|
value: 'X', |
||||
|
id: '2' |
||||
|
}, |
||||
|
{ |
||||
|
value: '/', |
||||
|
id: '3' |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
computed: {}, |
||||
|
created() { |
||||
|
this.tableData = [ |
||||
|
{ |
||||
|
D1: '', |
||||
|
D2: '第一行' |
||||
|
}, |
||||
|
{ |
||||
|
D1: '', |
||||
|
D2: '第二行' |
||||
|
}, |
||||
|
{ |
||||
|
D1: '', |
||||
|
D2: '第三行' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style scoped> |
||||
|
.searchBox { |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,108 @@ |
|||||
|
<template> |
||||
|
<div class="app-container"> |
||||
|
<baseInfo :from-type="type" :array-group="arrayGroup" /> |
||||
|
</div> |
||||
|
</template> |
||||
|
<script> |
||||
|
import baseInfo from '@/views/ysjl/3000/common/index' |
||||
|
|
||||
|
export default { |
||||
|
name: 'ElevatorYeyin', |
||||
|
components: { baseInfo }, |
||||
|
data() { |
||||
|
return { |
||||
|
type: '5', |
||||
|
arrayGroup: [ |
||||
|
{ |
||||
|
header: [ |
||||
|
{ |
||||
|
label: '', |
||||
|
prop: 'D2', |
||||
|
type: 1 |
||||
|
}, |
||||
|
{ |
||||
|
label: '制停距离（m）', |
||||
|
prop: 'D1', |
||||
|
type: 1 |
||||
|
} |
||||
|
], |
||||
|
data: [{ |
||||
|
D2: '第一次', |
||||
|
D1: '' |
||||
|
}, { |
||||
|
D2: '第二次', |
||||
|
D1: '' |
||||
|
}, { |
||||
|
D2: '第三次', |
||||
|
D1: '' |
||||
|
}] |
||||
|
} |
||||
|
], |
||||
|
tableHeader2: [ |
||||
|
{ |
||||
|
label: '载荷', |
||||
|
type: 1 |
||||
|
}, |
||||
|
{ |
||||
|
label: '30%', |
||||
|
prop: 'D1', |
||||
|
type: 1 |
||||
|
}, |
||||
|
{ |
||||
|
label: '40%', |
||||
|
prop: 'D2', |
||||
|
type: 1 |
||||
|
}, |
||||
|
{ |
||||
|
label: '45%', |
||||
|
prop: 'D3', |
||||
|
type: 1 |
||||
|
}, |
||||
|
{ |
||||
|
label: '50%', |
||||
|
prop: 'D4', |
||||
|
type: 1 |
||||
|
}, |
||||
|
{ |
||||
|
label: '60%', |
||||
|
prop: 'D5', |
||||
|
type: 1 |
||||
|
} |
||||
|
], |
||||
|
list: [], |
||||
|
list1: [] |
||||
|
} |
||||
|
}, |
||||
|
computed: {}, |
||||
|
created() {}, |
||||
|
methods: {} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style> |
||||
|
.el-input__inner { |
||||
|
border: 1px solid #00000075; |
||||
|
border-radius: 4px; |
||||
|
} |
||||
|
.el-textarea__inner { |
||||
|
border: 1px solid #91393975; |
||||
|
border-radius: 4px; |
||||
|
} |
||||
|
.el-form-item__error { |
||||
|
padding-top: 0; |
||||
|
position: absolute; |
||||
|
} |
||||
|
.el-input.is-disabled .el-input__inner { |
||||
|
color: #606266; |
||||
|
} |
||||
|
.el-textarea.is-disabled .el-textarea__inner { |
||||
|
color: #606266; |
||||
|
} |
||||
|
.el-dialog__body { |
||||
|
padding-top: 10px; |
||||
|
} |
||||
|
.myTable .el-input__inner { |
||||
|
padding: 0 5px; |
||||
|
text-align: center; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue