| | |
| | | <el-col :span=" 16 " class="title">{{ title }}</el-col> |
| | | <el-col :span=" 8 "> |
| | | <el-row justify="end" class="btn-group"> |
| | | <el-button v-for="(b, i) in buttons" :key=" i " :type=" b.color ? b.color : 'primary' " size="small">{{ b.name |
| | | }}</el-button> |
| | | <el-button |
| | | v-for="(b, i) in buttons" |
| | | :key="i" |
| | | :type="b.color ? b.color : 'primary'" |
| | | size="small" |
| | | @click="b.click" |
| | | >{{ b.name }}</el-button |
| | | > |
| | | </el-row> |
| | | </el-col> |
| | | </el-row> |
| | | <el-row class="tag-group" v-if="title"> |
| | | <el-space> |
| | | <el-tag v-for="(d, i) in descriptions" :key=" i " type="info" size="small">{{ d.name + ": " + d.value }}</el-tag> |
| | | <el-tag v-for="(d, i) in descriptions" :key="i" type="info" size="small">{{ |
| | | d.name + ': ' + d.value |
| | | }}</el-tag> |
| | | </el-space> |
| | | </el-row> |
| | | </div> |
| | |
| | | type: Array, |
| | | default: () => [ |
| | | { |
| | | name: "", |
| | | value: "", |
| | | }, |
| | | ], |
| | | name: '', |
| | | value: '' |
| | | } |
| | | ] |
| | | }, |
| | | buttons: { |
| | | type: Array, |
| | | default: () => [ |
| | | { |
| | | name: "", |
| | | color: "primary", |
| | | }, |
| | | ], |
| | | }, |
| | | }, |
| | | name: '', |
| | | color: 'primary', |
| | | click: () => {} |
| | | } |
| | | ] |
| | | } |
| | | } |
| | | }; |
| | | </script> |
| | | <style scoped> |