index.ftl 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!-- 关键字列表 -->
  2. <link rel="stylesheet" href="../../../../static/mweixin/css/keyword-list.css">
  3. <div id="keyword-list" class="keyword-list ms-weixin-content" v-if="menuVue.menuActive == '关键词回复'">
  4. <el-container>
  5. <!--右侧头部-->
  6. <el-header class="ms-header" height="50px">
  7. <el-row>
  8. <el-button type="primary" size="small" icon="el-icon-plus" @click="menuVue.menuActive = '关键词表单'">添加</el-button>
  9. <el-button class="ms-fr" size="small" icon="el-icon-refresh">重置</el-button>
  10. </el-row>
  11. </el-header>
  12. <el-container>
  13. <!--内容头部-->
  14. <el-header class="ms-tr ms-header">
  15. <el-input size="medium" placeholder="请输入内容" suffix-icon="el-icon-search">
  16. </el-input>
  17. </el-header>
  18. <!--素材列表-->
  19. <el-main class="ms-admin-picture-list ms-container">
  20. <el-table :data="tableData" border style="width: 100%">
  21. <el-table-column prop="date" label="规则名" width="180" align='center'>
  22. </el-table-column>
  23. <el-table-column prop="name" label="关键词" width="180" align='center'>
  24. </el-table-column>
  25. <el-table-column prop="address" label="消息回复类型" align='center'>
  26. </el-table-column>
  27. <el-table-column prop="address" label="发送对象" align='center'>
  28. </el-table-column>
  29. <el-table-column prop="address" label="回复方式" align='center'>
  30. </el-table-column>
  31. </el-table>
  32. </el-main>
  33. </el-container>
  34. </el-container>
  35. </div>
  36. <script>
  37. var keywordListVue = new Vue({
  38. el: '#keyword-list',
  39. data: {
  40. tableData: [{
  41. date: '2016-05-02',
  42. name: '王小虎',
  43. address: '上海市普陀区金沙江路 1518 弄'
  44. }, {
  45. date: '2016-05-04',
  46. name: '王小虎',
  47. address: '上海市普陀区金沙江路 1517 弄'
  48. }, {
  49. date: '2016-05-01',
  50. name: '王小虎',
  51. address: '上海市普陀区金沙江路 1519 弄'
  52. }, {
  53. date: '2016-05-03',
  54. name: '王小虎',
  55. address: '上海市普陀区金沙江路 1516 弄'
  56. }]
  57. },
  58. methods: {
  59. // 获取关键词列表
  60. list: function() {
  61. }
  62. }
  63. })
  64. </script>