channel.html 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. #parse("sys/header.html")
  6. </head>
  7. <body>
  8. <div id="rrapp" v-cloak>
  9. <div v-show="showList">
  10. <Row :gutter="16">
  11. <div class="search-group">
  12. <i-col span="4">
  13. <i-input v-model="q.name" @on-enter="query" placeholder="名称"/>
  14. </i-col>
  15. <i-button @click="query">查询</i-button>
  16. </div>
  17. <div class="buttons-group">
  18. #if($shiro.hasPermission("channel:save"))
  19. <i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</i-button>
  20. #end
  21. #if($shiro.hasPermission("channel:update"))
  22. <i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>
  23. #end
  24. #if($shiro.hasPermission("channel:delete"))
  25. <i-button type="error" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
  26. #end
  27. </div>
  28. </Row>
  29. <table id="jqGrid"></table>
  30. <div id="jqGridPager"></div>
  31. </div>
  32. <Card v-show="!showList">
  33. <p slot="title">{{title}}</p>
  34. <i-form ref="formValidate" :model="channel" :rules="ruleValidate" :label-width="80">
  35. <Form-item label="名称" prop="name" style="width: 288px;">
  36. <i-select v-model="channel.name">
  37. <i-option v-for="category in categoryList" :value="category.name"
  38. :key="category.name">{{category.name}}
  39. </i-option>
  40. </i-select>
  41. </Form-item>
  42. <Form-item label="url" prop="url">
  43. <i-input v-model="channel.url" placeholder="url"/>
  44. </Form-item>
  45. <Row>
  46. <i-col span="16">
  47. <Form-item label="icon链接" prop="iconUrl">
  48. <i-input v-model="channel.iconUrl" placeholder="icon链接" readonly/>
  49. </Form-item>
  50. </i-col>
  51. <i-col span="4">
  52. <Form-item :label-width="1">
  53. <Upload style="width: 300px;" action="../sys/oss/upload" :format="['jpg','jpeg','png']"
  54. max-size="50"
  55. :on-success="handleSuccessIconUrl" :on-format-error="handleFormatError"
  56. :show-upload-list="false"
  57. :on-exceeded-size="handleMaxSize">
  58. <i-button icon="ios-cloud-upload-outline">上传图片</i-button>
  59. </Upload>
  60. </Form-item>
  61. </i-col>
  62. <i-col span="4">
  63. <Form-item :label-width="1">
  64. <i-button icon="eye" @click="eyeImageIconUrl">预览图片</i-button>
  65. </Form-item>
  66. </i-col>
  67. </Row>
  68. <Form-item label="排序" prop="sortOrder">
  69. <Input-number :min="0" :step="1" v-model="channel.sortOrder" placeholder="排序" style="width: 188px;"/>
  70. </Form-item>
  71. <Form-item>
  72. <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
  73. <i-button type="warning" @click="reload" style="margin-left: 8px"/>
  74. 返回</i-button>
  75. <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>
  76. </Form-item>
  77. </i-form>
  78. </Card>
  79. </div>
  80. <script src="${rc.contextPath}/js/shop/channel.js?_${date.systemTime}"></script>
  81. </body>
  82. </html>