| | |
| | | <template> |
| | | |
| | | <div class="box"> |
| | | <div class="content"> |
| | | <div class="content_form"> |
| | | <el-form ref="form" :model="form" label-width="120px"> |
| | | <el-form-item label="短信模板"> |
| | | <div style="display: flex; align-items: self-start;"> |
| | | <el-input type="textarea" rows="5" v-model="form.desc"></el-input> |
| | | <el-button type="primary" style="margin-left: 10px;">保存</el-button> |
| | | </div> |
| | | </el-form-item> |
| | | <el-form-item label="邮箱模板"> |
| | | <div style="display: flex; align-items: self-start;"> |
| | | <el-input type="textarea" rows="5" v-model="form.desc"></el-input> |
| | | <el-button type="primary" style="margin-left: 10px;">保存</el-button> |
| | | </div> |
| | | </el-form-item> |
| | | </el-form> |
| | | </div> |
| | | <el-button @click="$refs.templateKeywords.open('模板关键字')">模板关键字</el-button> |
| | | </div> |
| | | <templateKeywords ref="templateKeywords" /> |
| | | </div> |
| | | </template> |
| | | |
| | | <script> |
| | | import templateKeywords from './components/templateKeywords' |
| | | export default { |
| | | name: 'collectionSettings' |
| | | name: 'collectionSettings', |
| | | data() { |
| | | return { |
| | | form: { |
| | | desc: '' |
| | | } |
| | | } |
| | | }, |
| | | components: { templateKeywords } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .box { |
| | | width: 100%; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | .content { |
| | | width: 100%; |
| | | padding: 20px; |
| | | box-sizing: border-box; |
| | | background: #ffffff; |
| | | display: flex; |
| | | align-items: self-start; |
| | | justify-content: space-between; |
| | | .content_form { |
| | | width: 60%; |
| | | } |
| | | } |
| | | } |
| | | </style> |