keyword-reply.ftl 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <!-- 关键字回复 -->
  2. <!DOCTYPE html>
  3. <html lang="">
  4. <head>
  5. <title></title>
  6. <!-- <#include "/include/head-file.ftl"/> -->
  7. <!--#include virtual="../include/head-file.ftl" -->
  8. <link rel="stylesheet" href="../../../static/mweixin/css/keyword-reply.css">
  9. </head>
  10. <body>
  11. <div id="keyword-reply" class="keyword-reply ms-container">
  12. <el-table :data="tableData" border style="width: 100%">
  13. <el-table-column prop="date" label="规则名" width="180" align='center'>
  14. </el-table-column>
  15. <el-table-column prop="name" label="关键词" width="180" align='center'>
  16. </el-table-column>
  17. <el-table-column prop="address" label="消息回复类型" align='center'>
  18. </el-table-column>
  19. <el-table-column prop="address" label="发送对象" align='center'>
  20. </el-table-column>
  21. <el-table-column prop="address" label="回复方式" align='center'>
  22. </el-table-column>
  23. </el-table>
  24. </div>
  25. </body>
  26. </html>
  27. <script>
  28. var keywordReplyVue = new Vue({
  29. el: '#keyword-reply',
  30. data: {
  31. tableData: [{
  32. date: '2016-05-02',
  33. name: '王小虎',
  34. address: '上海市普陀区金沙江路 1518 弄'
  35. }, {
  36. date: '2016-05-04',
  37. name: '王小虎',
  38. address: '上海市普陀区金沙江路 1517 弄'
  39. }, {
  40. date: '2016-05-01',
  41. name: '王小虎',
  42. address: '上海市普陀区金沙江路 1519 弄'
  43. }, {
  44. date: '2016-05-03',
  45. name: '王小虎',
  46. address: '上海市普陀区金沙江路 1516 弄'
  47. }]
  48. }
  49. })
  50. </script>