program.blade.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244
  1. <script>
  2. Vue.component('program', {
  3. props: ["pro"],
  4. delimiters: ['[[', ']]'],
  5. data(){
  6. return{
  7. tabID:0,
  8. tree:[],
  9. Brands:[],
  10. url:'',
  11. keyword:'',
  12. Goods:[],
  13. store:[
  14. {"name":"商城首页","href":"/pages/index/index"},
  15. {"name":"全部商品","href":"/packageC/member/searchAll/searchAll"},
  16. {"name":"门店聚合页面","href":"/packageC/o2o/o2oHome/o2oHome"},
  17. ],
  18. member:[
  19. {"name":"我的订单","href":"/packageA/member/myOrder_v2/myOrder_v2"},
  20. // {"name":"我的购物车","href":"/pages/buy/cart_v2/cart_v2"},
  21. {"name":"我的收藏","href":"/packageD/member/collection/collection"},
  22. {"name":"我的足迹","href":"/packageD/member/footprint/footprint"},
  23. {"name":"会员充值","href":"/packageA/member/balance/balance/balance"},
  24. {"name":"收货地址","href":"/packageD/member/addressList/addressList"},
  25. ],
  26. webapp:[
  27. {"name":"会员信息","href":"/packageA/member/info/info"},
  28. {"name":"修改手机","href":"/packageA/member/editmobile/editmobile"},
  29. {"name":"会员余额","href":"/packageA/member/balance/balance/balance"},
  30. {"name":"余额明细","href":"/packageA/member/balance/detailed/detailed"},
  31. {"name":"会员积分","href":"/packageB/member/Integral_love/Integral_love "},
  32. {"name":"我的收入","href":"/packageB/member/income/income/income"},
  33. {"name":"收入提现","href":"/packageA/member/withdrawal/withdrawal"},
  34. {"name":"收入明细","href":"/packageA/member/extension/incomedetails/incomedetails"},
  35. {"name":"收入明细详情","href":"/packageA/member/income_details_info/income_details_info"},
  36. {"name":"收入提现记录","href":"/packageA/member/presentationRecord_v2/presentationRecord_v2?orderType=extension"},
  37. {"name":"收货地址","href":"/packageD/member/addressList/addressList"},
  38. {"name":"添加收货地址","href":"/packageD/member/addressAdd_v2/addressAdd_v2"},
  39. {"name":"未提现分销佣金","href":"/packageA/member/extension/notPresent/notPresent"},
  40. {"name":"我的足迹","href":"/packageD/member/footprint/footprint"},
  41. {"name":"我的收藏","href":"/packageD/member/collection/collection"},
  42. {"name":"我的关系","href":"/packageD/member/myRelationship/myRelationship"},
  43. {"name":"我的评价","href":"/packageD/member/myEvaluation/myEvaluation"},
  44. {"name":"分销商","href":"/packageA/member/distribution/distribution"},
  45. {"name":"预计佣金","href":"/packageA/member/extension/commission/commission"},
  46. {"name":"未结算佣金","href":"/packageA/member/extension/unsettled/unsettled"},
  47. {"name":"已结算佣金","href":"/packageA/member/extension/alreadySettled/alreadySettled"},
  48. {"name":"未提现佣金","href":"/packageA/member/extension/notPresent/notPresent"},
  49. {"name":"已提现佣金","href":"/packageA/member/extension/present/present"},
  50. {"name":"售后列表","href":"/packageD/member/myOrder/Aftersaleslist/Aftersaleslist"},
  51. {"name":"优惠券","href":"/packageA/member/coupon_v2/coupon_v2"},
  52. {"name":"领券中心","href":"/packageD/coupon/coupon_store"},
  53. {"name":"搜索","href":"/packageB/member/category/search_v2/search_v2"},
  54. {"name":"品牌","href":"/packageB/member/category/brand_v2/brand_v2"},
  55. {"name":"音频文章","href":"packageA/member/course/VoiceList/VoiceL"},
  56. ],
  57. diy:[
  58. {"name":"分类导航","href":"/pages/category_v2/category_v2"},
  59. {"name":"我的推广","href":"/pages/member/extension/extension"},
  60. {"name":"购物车","href":"/pages/buy/cart_v2/cart_v2"},
  61. {"name":"会员中心","href":"/pages/member/index_v2/index_v2"},
  62. ],
  63. newDiy:[
  64. {"name":"分类导航","href":"/packageG/pages/category_v2/category_v2"},
  65. {"name":"我的推广","href":"/packageG/pages/member/extension/extension"},
  66. {"name":"购物车","href":"/packageG/pages/buy/cart_v2/cart_v2"},
  67. {"name":"会员中心","href":"/packageG/member_v2/member_v2"},
  68. ],
  69. }
  70. },
  71. watch:{
  72. },
  73. mounted: function(){
  74. },
  75. methods:{
  76. inniData(){
  77. this.tabID=0;
  78. this.url='';
  79. this.keyword='';
  80. this.Goods=[];
  81. },
  82. addHref(item){
  83. let child=item;
  84. let confirm=this.Show;
  85. confirm=false;
  86. this.$emit("addpro",child,confirm);
  87. this.inniData();
  88. },
  89. closeShow(){
  90. let item=this.Show;
  91. item=false;
  92. this.$emit('replacepro', item);
  93. this.inniData();
  94. },
  95. check(){
  96. // var Expression=/http?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;
  97. // var objExp=new RegExp(Expression);
  98. // if(objExp.test(this.url)==true){
  99. let child=this.url;
  100. let confirm=this.pro;
  101. confirm=false;
  102. this.$emit("addpro",child,confirm);
  103. this.url=''
  104. // }
  105. // else{
  106. // this.$message('请输入正确的网址');
  107. // }
  108. },
  109. search() {
  110. let json={
  111. kw:this.keyword
  112. }
  113. this.$http.post('{!! yzWebFullUrl('goods.goods.getSmallMyLinkGoods') !!}',json).then(function (response){
  114. this.Goods=response.body;
  115. },function (response) {
  116. console.log(response);
  117. }
  118. );
  119. },
  120. getLevel() {
  121. this.tabID=2;
  122. this.$http.get('{!! yzWebFullUrl('link.link.categoryLink') !!}').then(function (response){
  123. this.tree=response.data;
  124. },function (response) {
  125. console.log(response);
  126. }
  127. );
  128. },
  129. getBrands() {
  130. this.tabID=3;
  131. this.$http.get('{!! yzWebFullUrl('link.link.smallProceduresBrandLink') !!}').then(function (response){
  132. this.Brands=response.data;
  133. },function (response) {
  134. console.log(response);
  135. }
  136. );
  137. },
  138. },
  139. template: `
  140. <div class="dialog" v-if="pro">
  141. <div class="dialog-cover" v-if="pro" @click="closeShow"></div>
  142. <div class="dialog-content">
  143. <div class="close" @click="closeShow">X</div>
  144. <div class="dialog-header">
  145. <ul class="tablist">
  146. <li @click="tabID=0"><a :class="{popTab:tabID==0}">系统页面</a></li>
  147. <li @click="tabID=1"><a :class="{popTab:tabID==1}">商品链接</a></li>
  148. <li @click="getLevel"><a :class="{popTab:tabID==2}">商品分类</a></li>
  149. <li @click="getBrands"><a :class="{popTab:tabID==3}">商品品牌</a></li>
  150. <li @click="tabID=4"><a :class="{popTab:tabID==4}">自定义链接</a></li>
  151. </ul>
  152. </div>
  153. <div class="link-content" v-show="tabID==0">
  154. <div class="page">
  155. <h4><i class="fa fa-folder-open-o"></i>商城页面链接</h4>
  156. <span class="link" v-for="(item,index,key) in store" @click="addHref(item.href)" :href="item.href">[[item.name]]</span>
  157. </div>
  158. <div class="page">
  159. <h4><i class="fa fa-folder-open-o"></i>会员中心链接</h4>
  160. <span class="link" v-for="(item,index,key) in member" @click="addHref(item.href)" :href="item.href">[[item.name]]</span>
  161. </div>
  162. <div class="page">
  163. <h4><i class="fa fa-folder-open-o"></i>其他链接</h4>
  164. <span class="link" v-for="(item,index,key) in webapp" @click="addHref(item.href)" :href="item.href">[[item.name]]</span>
  165. </div>
  166. <div class="page">
  167. <h4><i class="fa fa-folder-open-o"></i>旧装修页面</h4>
  168. <span class="link" v-for="(item,index,key) in diy" @click="addHref(item.href)" :href="item.href">[[item.name]]</span>
  169. </div>
  170. <div class="page">
  171. <h4><i class="fa fa-folder-open-o"></i>新装修页面</h4>
  172. <span class="link" v-for="(item,index,key) in newDiy" @click="addHref(item.href)" :href="item.href">[[item.name]]</span>
  173. </div>
  174. </div>
  175. <div class="search-content" v-show="tabID==1">
  176. <input type="text" placeholder="请输入商品名称进行搜索 (多规格商品不支持一键下单)" class="sou" v-model="keyword">
  177. <span class="sou-btn" @click="search">搜索</span>
  178. <div class="search-goods" style="max-height: 400px;overflow: scroll;overflow-x: hidden;">
  179. <div class="goods" v-for="(item,index,key) in Goods">
  180. <div class="info">
  181. <div class="img">
  182. <img :src="item.thumb">
  183. </div>
  184. <div class="right-content">
  185. <div class="top"><span class="text">[[item.title]]</span><span :href="item.url" class="href" @click="addHref(item.url)">详情链接</span></div>
  186. <div class="bottom"><span>原价:¥[[item.market_price]]</span><span>现价¥[[item.price]]</span></div>
  187. </div>
  188. <div style="clear: both;"></div>
  189. </div>
  190. <div style="clear: both;"></div>
  191. </div>
  192. </div>
  193. </div>
  194. <div class="classification-content" v-show="tabID==2">
  195. <div class="tree" v-for="(item,index,key) in tree" >
  196. <div class="first-tree">
  197. <span class="name">[[item.name]]</span>
  198. <span class="link-href" @click="addHref(item.procedures_url)" :href="item.procedures_url">选择</span>
  199. </div>
  200. <div v-for="(list,index,key) in item.has_many_children" v-if="item.has_many_children.length>0" class="tree-two">
  201. <div class="second-tree">
  202. <div class="name">
  203. <span class="line"></span>
  204. <span class="text">[[list.name]]</span>
  205. </div>
  206. <span class="link-href" @click="addHref(list.procedures_url)" :href="list.procedures_url">选择</span>
  207. </div>
  208. <div v-for="(obj,index,key) in list.has_many_children" v-if="list.has_many_children.length>0">
  209. <div class="third-tree">
  210. <div class="name">
  211. <span class="line"></span>
  212. <span class="text">[[obj.name]]</span>
  213. </div>
  214. <span class="link-href" @click="addHref(obj.procedures_url)" :href="obj.procedures_url">选择</span>
  215. </div>
  216. </div>
  217. </div>
  218. </div>
  219. </div>
  220. <div class="brands-content" v-show="tabID==3">
  221. <div class="link" v-for="(item,index,key) in Brands">
  222. <span class="name">[[item.name]]</span>
  223. <span class="link-href" @click="addHref(item.url)" :href="item.url">选择</span>
  224. </div>
  225. </div>
  226. <div class="customize-content" v-show="tabID==4">
  227. <span class="text">链接地址</span>
  228. <div class="right">
  229. <textarea class="input" placeholder="" v-model="url"></textarea>
  230. <div class="insert" @click="check">插入</div>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. `
  236. });
  237. </script>