You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
104 lines
3.5 KiB
104 lines
3.5 KiB
5 months ago
|
<template>
|
||
|
|
<el-dialog title="新增" append-to-body :modelValue="openShow" width="70%" @close="closeDialog">
|
||
|
|
|
||
|
|
<div style="margin-bottom: 12px;">
|
||
|
|
<el-button type="primary" @click="addTable">插入一行</el-button>
|
||
|
|
<!-- <el-button type="danger" @click="delTable">删除行</el-button> -->
|
||
|
|
</div>
|
||
|
|
<el-table :data="tableData" style="width: 100%">
|
||
|
|
<el-table-column type="selection" width="55">
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column prop="categoryText" label="类别" align="center">
|
||
|
|
<template #header>
|
||
|
|
<span><i style="color:red">*</i>类别</span>
|
||
|
|
</template>
|
||
|
|
<template #default="scope">
|
||
|
|
<el-select v-model="value" placeholder="请选择">
|
||
|
|
<el-option label="类别一" value="1">
|
||
|
|
</el-option>
|
||
|
|
<el-option label="类别二" value="2">
|
||
|
|
</el-option>
|
||
|
|
</el-select>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column prop="days" label="天数" align="center">
|
||
|
|
<template #header>
|
||
|
|
<span><i style="color:red">*</i>天数</span>
|
||
|
|
</template>
|
||
|
|
<template #default="scope">
|
||
|
|
<el-input-number v-model="scope.row.days" controls-position="right" @change="handleChange"
|
||
|
|
:min="1"></el-input-number>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column prop="colorText" label="颜色" align="center">
|
||
|
|
<template #header>
|
||
|
|
<span><i style="color:red">*</i>颜色</span>
|
||
|
|
</template>
|
||
|
|
<template #default="scope">
|
||
|
|
<el-input v-model="scope.row.colorText" placeholder="请输入内容"></el-input>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
<el-table-column fixed="right" label="操作" width="80">
|
||
|
|
<template #default="scope">
|
||
|
|
<el-button @click.native.prevent="delTable(scope.row, scope.$index)" type="text" size="small">
|
||
|
|
删除
|
||
|
|
</el-button>
|
||
|
|
</template>
|
||
|
|
</el-table-column>
|
||
|
|
</el-table>
|
||
|
|
|
||
|
|
|
||
|
|
<template #footer>
|
||
|
|
<span class="dialog-footer">
|
||
|
|
<el-button @click="closeDialog">取 消</el-button>
|
||
|
|
<el-button type="primary" @click="submit">确 定</el-button>
|
||
|
|
</span>
|
||
|
|
</template>
|
||
|
|
</el-dialog>
|
||
|
|
</template>
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
props: {
|
||
|
|
showDialog: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
},
|
||
|
|
moldAddMore: {
|
||
|
|
type: Boolean,
|
||
|
|
default: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
openShow: false,
|
||
|
|
tableData: []
|
||
|
|
}
|
||
|
|
},
|
||
|
|
mounted() {
|
||
|
|
this.openShow = this.showDialog
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
closeDialog() {
|
||
|
|
this.openShow = false
|
||
|
|
this.$emit('closeDialog');
|
||
|
|
},
|
||
|
|
// 插入一行
|
||
|
|
addTable() {
|
||
|
|
this.tableData.push({
|
||
|
|
code: '3',
|
||
|
|
No: '3',
|
||
|
|
number: '3',
|
||
|
|
shuliang: '',
|
||
|
|
shuliang: 0,
|
||
|
|
memo: ''
|
||
|
|
|
||
|
|
})
|
||
|
|
},
|
||
|
|
// 删除一行
|
||
|
|
delTable(row, index) {
|
||
|
|
this.tableData.splice(index, 1)
|
||
|
|
},
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped></style>
|