mkactivityform.html 8.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152
  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. <Card v-show="showViewList">
  10. <p slot="title">活动形式管理</p>
  11. <Row :gutter="16">
  12. <div class="search-group">
  13. <i-col span="4">
  14. <i-input v-model="q.name" @on-enter="query" placeholder="名称"/>
  15. </i-col>
  16. <i-button @click="query">查询</i-button>
  17. <i-button @click="reloadSearch">重置</i-button>
  18. </div>
  19. <div class="buttons-group">
  20. #if($shiro.hasPermission("mkactivityform:save"))
  21. <i-button type="info" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</i-button>
  22. #end
  23. #if($shiro.hasPermission("mkactivityform:update"))
  24. <i-button type="warning" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>
  25. #end
  26. #if($shiro.hasPermission("mkactivityform:delete"))
  27. <i-button type="error" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
  28. #end
  29. </div>
  30. </Row>
  31. <table id="jqGrid"></table>
  32. <div id="jqGridPager"></div>
  33. </Card>
  34. <Card v-show="!showList">
  35. <p slot="title">{{title}}</p>
  36. <i-form ref="formValidate" :model="mkActivityForm" :rules="ruleValidate" :label-width="80">
  37. <Form-item label="活动形式代码" prop="mkCode">
  38. <i-input v-model="mkActivityForm.mkCode" placeholder="活动形式代码"/>
  39. </Form-item>
  40. <Form-item label="活动形式名称" prop="mkName">
  41. <i-input v-model="mkActivityForm.mkName" placeholder="活动形式名称"/>
  42. </Form-item>
  43. <Form-item>
  44. <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
  45. <i-button type="warning" @click="reload" style="margin-left: 8px"/>返回</i-button>
  46. <i-button type="ghost" @click="handleReset('formValidate')" style="margin-left: 8px">重置</i-button>
  47. </Form-item>
  48. </i-form>
  49. </Card>
  50. <!--营销方式-->
  51. <Card v-show="!showMkactivitiesViewList">
  52. <p slot="title">{{title}}</p>
  53. <Row :gutter="16">
  54. <div class="search-group">
  55. <i-col span="4">
  56. <i-input v-model="q.topic" @on-enter="queryMkactivities" placeholder="名称"/>
  57. </i-col>
  58. <i-button @click="queryMkactivities">查询</i-button>
  59. <i-button @click="reloadMkactivitiesSearch">重置</i-button>
  60. </div>
  61. <div class="buttons-group">
  62. <i-button type="info" @click="addMkactivities"><i class="fa fa-plus"></i>&nbsp;新增</i-button>
  63. <i-button type="warning" @click="updateMkactivities"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</i-button>
  64. <i-button type="error" @click="delMkactivities"><i class="fa fa-trash-o"></i>&nbsp;删除</i-button>
  65. <i-button type="warning" @click="reload">返回活动形式页</i-button>
  66. </div>
  67. </Row>
  68. <table id="jqGridOrder"></table>
  69. <div id="jqGridPagerOrder"></div>
  70. </Card>
  71. <Card v-show="!showMkactivitiesList">
  72. <p slot="title">{{title}}</p>
  73. <i-form ref="formMkactivitiesValidate" :model="mkActivities" :rules="ruleValidate" :label-width="80">
  74. <Form-item label="营销方式" prop="mkaTopic">
  75. <!-- <i-input v-model="mkActivities.mkaTopic" placeholder="活动主题"/>-->
  76. <i-select v-model="mkActivities.mkaTopic" placeholder="营销方式" filterable label-in-value>
  77. <i-option v-for="marketing in marketings" :value="marketing.id"
  78. :key="marketing.id">{{marketing.name}}
  79. </i-option>
  80. </i-select>
  81. </Form-item>
  82. <Form-item label="营销活动名称" prop="mkaName">
  83. <i-input type="text" v-model="mkActivities.mkaName" placeholder="营销活动名称"/>
  84. </Form-item>
  85. <Form-item label="商户" prop="merchSn">
  86. <i-select v-model="mkActivities.merchSn" filterable placeholder="商户" @on-change="changeMerch" label-in-value>
  87. <i-option v-for="merch in merchList" :value="merch.merchSn" :key="merch.merchSn">{{merch.merchName}}</i-option>
  88. </i-select>
  89. </Form-item>
  90. <Form-item label="第三方商户" prop="thirdMerchSn">
  91. <i-select v-model="mkActivities.thirdMerchSn" filterable placeholder="第三方商户" @on-change="changeThirdMerchantBiz" label-in-value>
  92. <i-option v-for="thirdMerchant in thirdMerchantBizList" :value="thirdMerchant.thirdPartyMerchCode"
  93. :key="thirdMerchant.thirdPartyMerchCode">{{thirdMerchant.thirdPartyMerchName}}</i-option>
  94. </i-select>
  95. </Form-item>
  96. <Form-item label="活动门店" prop="mkaStoreId" >
  97. <i-select v-if="isAdd" v-model="mkActivities.mkaStoreId" filterable placeholder="活动门店" label-in-value>
  98. <i-option v-for="store in storeList" :value="store.id" :key="store.id">{{store.storeName}}</i-option>
  99. </i-select>
  100. <i-select v-else v-model="mkActivities.mkaStoreId" disabled filterable placeholder="活动门店" label-in-value>
  101. <i-option v-for="store in storeList" :value="store.id" :key="store.id">{{store.storeName}}</i-option>
  102. </i-select>
  103. </Form-item>
  104. <Form-item label="活动优先级" prop="priority">
  105. <i-input v-model="mkActivities.priority" placeholder="活动优先级,数字越小优先级越高,最低为0"/>
  106. </Form-item>
  107. <Form-item label="是否启用" prop="mkaStatus">
  108. <Radio-group v-model="mkActivities.mkaStatus">
  109. <Radio label="1">
  110. <span>是</span>
  111. </Radio>
  112. <Radio label="0">
  113. <span>否</span>
  114. </Radio>
  115. </Radio-group>
  116. </Form-item>
  117. <Form-item label="开始时间" prop="mkaStartTime">
  118. <Date-picker type="datetime" format="yyyy-MM-dd HH:mm:ss" v-model="mkActivities.mkaStartTime" @on-change="getMkaStartTime" placeholder="开始时间" style="width: 240px"></Date-picker>
  119. </Form-item>
  120. <Form-item label="结束时间" prop="mkdEndTime">
  121. <Date-picker type="datetime" format="yyyy-MM-dd HH:mm:ss" v-model="mkActivities.mkdEndTime" @on-change="getMkdEndTime" placeholder="结束时间" style="width: 240px"></Date-picker>
  122. </Form-item>
  123. <!--<Form-item label="是否提前结束" prop="mkaEndEarly">
  124. <Radio-group v-model="mkActivities.mkaEndEarly" @on-change="changeMkaEndEarly">
  125. <Radio label="1">
  126. <span>是</span>
  127. </Radio>
  128. <Radio label="0">
  129. <span>否</span>
  130. </Radio>
  131. </Radio-group>
  132. </Form-item>-->
  133. <!--<Form-item label="提前结束时间" prop="mkdEndEarlyTime" v-show="isMkdEndEarlyTimeShow">
  134. <Date-picker type="datetime" format="yyyy-MM-dd HH:mm:ss" v-model="mkActivities.mkdEndEarlyTime" @on-change="getMkdEndEarlyTime" placeholder="提前结束时间" style="width: 240px"></Date-picker>
  135. </Form-item>-->
  136. <Form-item>
  137. <i-button type="primary" @click="handleMkactivitiesSubmit('formMkactivitiesValidate')">提交</i-button>
  138. <i-button type="warning" @click="reloadMkactivities" style="margin-left: 8px"/>返回</i-button>
  139. <i-button type="ghost" @click="handleReset('formMkactivitiesValidate')" style="margin-left: 8px">重置</i-button>
  140. </Form-item>
  141. </i-form>
  142. </Card>
  143. </div>
  144. <script src="${rc.contextPath}/js/mk/mkactivityform.js?_${date.systemTime}"></script>
  145. </body>
  146. </html>