goodsgroup.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  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.title" @on-enter="query" placeholder="标题"/>
  14. </i-col>
  15. <i-col span="4">
  16. <i-input v-model="q.subtitle" @on-enter="query" placeholder="子标题"/>
  17. </i-col>
  18. <i-col span="4">
  19. <i-input v-model="q.goodsName" @on-enter="query" placeholder="商品名称"/>
  20. </i-col>
  21. <i-button @click="query">查询</i-button>
  22. </div>
  23. <div class="buttons-group">
  24. <i-button type="info" @click="toRecord">&nbsp;团购记录</i-button>
  25. #if($shiro.hasPermission("goodsgroup:save"))
  26. <i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</i-button>
  27. #end
  28. #if($shiro.hasPermission("goodsgroup:update"))
  29. <i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>
  30. #end
  31. #if($shiro.hasPermission("goodsgroup:delete"))
  32. <i-button type="error" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
  33. #end
  34. </div>
  35. </Row>
  36. <table id="jqGrid"></table>
  37. <div id="jqGridPager"></div>
  38. </div>
  39. <Card v-show="!showList">
  40. <p slot="title">{{title}}</p>
  41. <i-form ref="formValidate" :model="goodsGroup" :rules="ruleValidate" :label-width="100">
  42. <Form-item label="团购主题" prop="title">
  43. <i-input v-model="goodsGroup.title" placeholder="团购主题"/>
  44. </Form-item>
  45. <Form-item label="子标题" prop="subtitle">
  46. <i-input v-model="goodsGroup.subtitle" placeholder="子标题"/>
  47. </Form-item>
  48. <Row>
  49. <i-col span="16">
  50. <Form-item label="活动图片" prop="itemPicUrl">
  51. <i-input v-model="goodsGroup.itemPicUrl" placeholder="活动条例图片" readonly/>
  52. </Form-item>
  53. </i-col>
  54. <i-col span="4">
  55. <Form-item :label-width="1">
  56. <Upload style="width: 300px;" action="../sys/oss/upload" :format="['jpg','jpeg','png']"
  57. max-size="100"
  58. :on-success="handleSuccess" :on-format-error="handleFormatError"
  59. :show-upload-list="false"
  60. :on-exceeded-size="handleMaxSize">
  61. <i-button icon="ios-cloud-upload-outline">上传图片</i-button>
  62. </Upload>
  63. </Form-item>
  64. </i-col>
  65. <i-col span="4">
  66. <Form-item :label-width="1">
  67. <i-button icon="eye" @click="eyeImage">预览图片</i-button>
  68. </Form-item>
  69. </i-col>
  70. </Row>
  71. <Row>
  72. <i-col span="16">
  73. <Form-item label="缩列图" prop="abbrPicUrl">
  74. <i-input v-model="goodsGroup.abbrPicUrl" placeholder="缩列图" readonly/>
  75. </Form-item>
  76. </i-col>
  77. <i-col span="4">
  78. <Form-item :label-width="1">
  79. <Upload style="width: 300px;" action="../sys/oss/upload" :format="['jpg','jpeg','png']"
  80. max-size="100"
  81. :on-success="handleAbbrSuccess" :on-format-error="handleFormatError"
  82. :show-upload-list="false"
  83. :on-exceeded-size="handleMaxSize">
  84. <i-button icon="ios-cloud-upload-outline">上传图片</i-button>
  85. </Upload>
  86. </Form-item>
  87. </i-col>
  88. <i-col span="4">
  89. <Form-item :label-width="1">
  90. <i-button icon="eye" @click="eyeAbbrImage">预览图片</i-button>
  91. </Form-item>
  92. </i-col>
  93. </Row>
  94. <Form-item label="广告语" prop="adDesc">
  95. <i-input type="textarea" v-model="goodsGroup.adDesc" placeholder="广告语"/>
  96. </Form-item>
  97. <!--<Form-item label="开团次数" prop="launchNum">-->
  98. <!--<Input-number :min="0" v-model="goodsGroup.launchNum" placeholder="开团次数" style="width: 188px;"/>-->
  99. <!--</Form-item>-->
  100. <Form-item label="商品" prop="goodsId">
  101. <i-select v-model="goodsGroup.goodsId" filterable style="width: 188px;">
  102. <i-option v-for="goods in goodss" :value="goods.id" :key="goods.id">{{goods.name}}</i-option>
  103. </i-select>
  104. </Form-item>
  105. <Form-item label="最低开团人数" prop="minOpenGroup">
  106. <Input-number :min="0" :step="1" v-model="goodsGroup.minOpenGroup" placeholder="最低开团人数"
  107. style="width: 188px;"/>
  108. </Form-item>
  109. <Form-item label="团购价格" prop="retailMinPrice">
  110. <i-input v-model="goodsGroup.retailMinPrice" placeholder="团购价格"/>
  111. </Form-item>
  112. <Form-item label="开团时间" prop="openTime">
  113. <Date-picker v-model="goodsGroup.openTime" placeholder="开团时间"/>
  114. </Form-item>
  115. <Form-item label="结束时间" prop="endTime">
  116. <Date-picker v-model="goodsGroup.endTime" placeholder="结束时间"/>
  117. </Form-item>
  118. <Form-item label="状态" prop="openStatus">
  119. <i-select v-model="goodsGroup.openStatus" style="width: 188px;">
  120. <i-option v-for="status in selStatus" :value="status.id" :key="status.id">{{status.name}}</i-option>
  121. </i-select>
  122. </Form-item>
  123. <Form-item label="开团有效期" prop="validDays">
  124. <i-input v-model="goodsGroup.validDays" placeholder="开团有效期"/>
  125. </Form-item>
  126. <Form-item label="排序" prop="sortOrder">
  127. <Input-number :min="0" v-model="goodsGroup.sortOrder" placeholder="排序" style="width: 188px;"/>
  128. </Form-item>
  129. <Form-item>
  130. <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
  131. <i-button type="warning" @click="reload" style="margin-left: 8px"/>
  132. 返回</i-button>
  133. <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>
  134. </Form-item>
  135. </i-form>
  136. </Card>
  137. </div>
  138. <script src="${rc.contextPath}/js/shop/goodsgroup.js?_${date.systemTime}"></script>
  139. </body>
  140. </html>