3fb1a933921fe1fef8ea5ebe530b4842.php 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367
  1. <?php /*a:3:{s:68:"D:\phpstudy_pro\WWW\CRMEB\app\admin\view\system\system_store\add.php";i:1651136344;s:56:"D:\phpstudy_pro\WWW\CRMEB\app\admin\view\public\head.php";i:1595820902;s:57:"D:\phpstudy_pro\WWW\CRMEB\app\admin\view\public\style.php";i:1595820902;}*/ ?>
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;">
  7. <link rel="stylesheet" href="/system/css/main.css">
  8. <link rel="stylesheet" href="/static/css/animate.css">
  9. <!--<script type="text/javascript" src="/static/plug/basket.js"></script>-->
  10. <script type="text/javascript" src="/static/plug/requirejs/require.js"></script>
  11. <?php /* <script type="text/javascript" src="/static/plug/requirejs/require-basket-load.js"></script> */ ?>
  12. <script>
  13. var hostname = location.hostname;
  14. if(location.port) hostname += ':' + location.port;
  15. requirejs.config({
  16. map: {
  17. '*': {
  18. 'css': '/static/plug/requirejs/require-css.js'
  19. }
  20. },
  21. shim:{
  22. 'iview':{
  23. deps:['css!iviewcss']
  24. },
  25. 'layer':{
  26. deps:['css!layercss']
  27. }
  28. },
  29. baseUrl:'//'+hostname+'/',
  30. paths: {
  31. 'static':'static',
  32. 'system':'system',
  33. 'vue':'static/plug/vue/dist/vue.min',
  34. 'axios':'static/plug/axios.min',
  35. 'iview':'static/plug/iview/dist/iview.min',
  36. 'iviewcss':'static/plug/iview/dist/styles/iview',
  37. 'lodash':'static/plug/lodash',
  38. 'layer':'static/plug/layer/layer',
  39. 'layercss':'static/plug/layer/theme/default/layer',
  40. 'jquery':'static/plug/jquery/jquery.min',
  41. 'moment':'static/plug/moment',
  42. 'sweetalert':'static/plug/sweetalert2/sweetalert2.all.min',
  43. 'formCreate':'/static/plug/form-create/form-create.min',
  44. },
  45. basket: {
  46. excludes:['system/js/index','system/util/mpVueComponent','system/util/mpVuePackage']
  47. // excludes:['system/util/mpFormBuilder','system/js/index','system/util/mpVueComponent','system/util/mpVuePackage']
  48. }
  49. });
  50. </script>
  51. <script type="text/javascript" src="/system/util/mpFrame.js"></script>
  52. <script>
  53. $eb = parent._mpApi;
  54. // if(!$eb) top.location.reload();
  55. </script>
  56. <link href="/system/frame/css/bootstrap.min.css?v=3.4.0" rel="stylesheet">
  57. <link href="/system/frame/css/style.min.css?v=3.0.0" rel="stylesheet">
  58. <title><?php echo htmlentities((isset($title) && ($title !== '')?$title:'')); ?></title>
  59. <style></style>
  60. </head>
  61. <body>
  62. <div class="wrapper wrapper-content">
  63. <div class="row">
  64. <div class="col-sm-12">
  65. <div class="ibox float-e-margins">
  66. <div class="ibox-title">
  67. <h5>门店设置</h5>
  68. </div>
  69. <div id="store-attr" class="mp-form" v-cloak="">
  70. <i-Form :label-width="80" style="width: 100%">
  71. <template>
  72. <Alert type="warning">除门店简介外其他选项都是必填项</Alert>
  73. <Form-Item>
  74. <Row>
  75. <i-Col span="13">
  76. <span>门店名称:</span>
  77. <i-Input placeholder="门店名称" v-model="form.name" style="width: 80%" type="text"></i-Input>
  78. </i-Col>
  79. </Row>
  80. </Form-Item>
  81. <Form-Item>
  82. <Row>
  83. <i-Col span="13">
  84. <span>门店简介:</span>
  85. <i-Input placeholder="门店简介" v-model="form.introduction" style="width: 80%" type="text"></i-Input>
  86. </i-Col>
  87. </Row>
  88. </Form-Item>
  89. <Form-Item>
  90. <Row>
  91. <i-Col span="13">
  92. <span>门店手机号:</span>
  93. <i-Input placeholder="门店手机号" v-model="form.phone" style="width: 80%" type="text"></i-Input>
  94. </i-Col>
  95. </Row>
  96. </Form-Item>
  97. <Form-Item>
  98. <Row>
  99. <i-Col span="13">
  100. <span>门店地址:</span>
  101. <Cascader :data="addresData" :value.sync="form.address" @on-change="handleChange" style="width: 80%;display: inline-block;"></Cascader>
  102. </i-Col>
  103. </Row>
  104. </Form-Item>
  105. <Form-Item>
  106. <Row>
  107. <i-Col span="13">
  108. <span>详细地址:</span>
  109. <i-Input placeholder="详细地址" v-model="form.detailed_address" style="width: 80%" type="text"></i-Input>
  110. </i-Col>
  111. </Row>
  112. </Form-Item>
  113. <!-- <Form-Item>-->
  114. <!-- <Row>-->
  115. <!-- <i-Col span="13">-->
  116. <!-- <span>核销时效:</span>-->
  117. <!-- <Date-picker type="daterange" @on-change="changeValidTime" placeholder="选择日期" :value="form.valid_time"></Date-picker>-->
  118. <!-- </i-Col>-->
  119. <!-- </Row>-->
  120. <!-- </Form-Item>-->
  121. <Form-Item>
  122. <Row>
  123. <i-Col span="13">
  124. <span>营业时间:</span>
  125. <Time-picker type="timerange" @on-change="changeDayTime" placement="bottom-end" :value="form.day_time" placeholder="选择时间"></Time-picker>
  126. </i-Col>
  127. </Row>
  128. </Form-Item>
  129. <Form-Item>
  130. <Row>
  131. <i-Col span="13">
  132. <span>门店logo:</span>
  133. <div class="demo-upload-list" v-if="form.image">
  134. <template>
  135. <img :src="form.image">
  136. <div class="demo-upload-list-cover">
  137. <Icon type="ios-eye-outline" @click="visible = true "></Icon>
  138. <Icon type="ios-trash-outline" @click="form.image=''"></Icon>
  139. </div>
  140. </template>
  141. </div>
  142. <div class="ivu-upload" style="display: inline-block; width: 58px;" @click="openWindows('选择图片','<?php echo Url('widget.images/index',['fodder'=>'slider_image']); ?>',{w:900,h:550})" v-if="!form.image">
  143. <div class="ivu-upload ivu-upload-drag">
  144. <div style="width: 58px; height: 58px; line-height: 58px;">
  145. <i class="ivu-icon ivu-icon-camera" style="font-size: 20px;"></i>
  146. </div>
  147. </div>
  148. </div>
  149. <!-- <div style="width: 670px; height: 320px;bottom:10%;display: block; position: absolute;z-index: 999999" v-if="visible" @click="visible = false ">-->
  150. <!-- <img :src="form.image" style="max-width: 100%;max-height: 100%;width:auto;height:auto;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);" >-->
  151. <!-- </div>-->
  152. </i-Col>
  153. </Row>
  154. </Form-Item>
  155. <Form-Item>
  156. <Row>
  157. <i-Col span="13">
  158. <span>门头:</span>
  159. <div class="demo-upload-list" v-if="form.images">
  160. <template>
  161. <img :src="form.images">
  162. <div class="demo-upload-list-cover">
  163. <Icon type="ios-eye-outline" @click="visible = true "></Icon>
  164. <Icon type="ios-trash-outline" @click="form.images=''"></Icon>
  165. </div>
  166. </template>
  167. </div>
  168. <div class="ivu-upload" style="display: inline-block; width: 58px;" @click="openWindows('选择图片','<?php echo Url('widget.images/index',['fodder'=>'images']); ?>',{w:900,h:550})" v-if="!form.images">
  169. <div class="ivu-upload ivu-upload-drag">
  170. <div style="width: 58px; height: 58px; line-height: 58px;">
  171. <i class="ivu-icon ivu-icon-camera" style="font-size: 20px;"></i>
  172. </div>
  173. </div>
  174. </div>
  175. <div style="width: 670px; height: 320px;bottom:10%;display: block; position: absolute;z-index: 999999" v-if="visible" @click="visible = false ">
  176. <img :src="form.images" style="max-width: 100%;max-height: 100%;width:auto;height:auto;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);" >
  177. </div>
  178. </i-Col>
  179. </Row>
  180. </Form-Item>
  181. <Form-Item>
  182. <Row>
  183. <i-Col span="13">
  184. <span>门店:</span>
  185. <div class="demo-upload-list" v-if="form.images">
  186. <template>
  187. <img :src="form.slider_image">
  188. <div class="demo-upload-list-cover">
  189. <Icon type="ios-eye-outline" @click="visible = true "></Icon>
  190. <Icon type="ios-trash-outline" @click="form.slider_image=''"></Icon>
  191. </div>
  192. </template>
  193. </div>
  194. <div class="ivu-upload" style="display: inline-block; width: 58px;" @click="openWindows('选择图片','<?php echo Url('widget.images/index',['fodder'=>'slider_image']); ?>',{w:900,h:550})" v-if="!form.slider_image">
  195. <div class="ivu-upload ivu-upload-drag">
  196. <div style="width: 58px; height: 58px; line-height: 58px;">
  197. <i class="ivu-icon ivu-icon-camera" style="font-size: 20px;"></i>
  198. </div>
  199. </div>
  200. </div>
  201. <div style="width: 670px; height: 320px;bottom:10%;display: block; position: absolute;z-index: 999999" v-if="visible" @click="visible = false ">
  202. <img :src="form.slider_image" style="max-width: 100%;max-height: 100%;width:auto;height:auto;position: absolute;left: 50%;top: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);" >
  203. </div>
  204. </i-Col>
  205. </Row>
  206. </Form-Item>
  207. <Form-Item>
  208. <Row>
  209. <i-Col span="13">
  210. <span style="float: left">经纬度:</span>
  211. <Tooltip content="请点击查找位置进行选择位置">
  212. <i-Input placeholder="经纬度" v-model="form.latlng" :readonly="true" style="width: 80%" >
  213. <span slot="append" @click="openWindows('查找位置','<?php echo Url('select_address'); ?>',{w:400,h:700})" style="cursor:pointer">查找位置</span>
  214. </i-Input>
  215. </Tooltip>
  216. </i-Col>
  217. </Row>
  218. </Form-Item>
  219. </template>
  220. <Form-Item>
  221. <Row>
  222. <i-Col span="8" offset="6">
  223. <i-Button type="primary" @click="submit">提交</i-Button>
  224. </i-Col>
  225. </Row>
  226. </Form-Item>
  227. </i-Form>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. <script src="/static/plug/city.js"></script>
  234. <script>
  235. var storeData=<?php echo json_encode($store); ?>;
  236. mpFrame.start(function(Vue) {
  237. $.each(city,function (key,item) {
  238. city[key].value = item.label;
  239. if(item.children && item.children.length){
  240. $.each(item.children,function (i,v) {
  241. city[key].children[i].value=v.label;
  242. if(v.children && v.children.length){
  243. $.each(v.children,function (k,val) {
  244. city[key].children[i].children[k].value=val.label;
  245. });
  246. }
  247. });
  248. }
  249. });
  250. new Vue({
  251. data:function() {
  252. return {
  253. id:storeData.id || 0,
  254. addresData:city,
  255. form:{
  256. name:storeData.name || '',
  257. introduction:storeData.introduction || '',
  258. phone:storeData.phone || '',
  259. address:storeData.address || [],
  260. image:storeData.image || '',
  261. slider_image:storeData.slider_image || [] ,
  262. images:storeData.images || [] ,
  263. detailed_address:storeData.detailed_address || '',
  264. latlng:storeData.latlng || '',
  265. valid_time:storeData.valid_time || [],
  266. day_time:storeData.day_time || [],
  267. },
  268. visible:false,
  269. }
  270. },
  271. methods:{
  272. U: function (opt) {
  273. var m = opt.m || 'admin', c = opt.c || window.controlle || '', a = opt.a || 'index', q = opt.q || '',
  274. p = opt.p || {};
  275. var params = Object. keys(p).map(function (key) {
  276. return key + '/' + p[key];
  277. }).join('/');
  278. var gets = Object.keys(q).map(function (key) {
  279. return key+'='+ q[key];
  280. }).join('&');
  281. return '/' + m + '/' + c + '/' + a + (params == '' ? '' : '/' + params) + (gets == '' ? '' : '?' + gets);
  282. },
  283. uploadImage: function (name) {
  284. return this.createFrame('选择图片',this.U({c:"widget.images",a:'index',p:{fodder:name}}),{h:545,w:900});
  285. },
  286. changeDayTime:function(date){
  287. this.$set(this.form,'day_time',date);
  288. },
  289. changeValidTime:function(date){
  290. this.$set(this.form,'valid_time',date);
  291. },
  292. createFrame:function(title,src,opt){
  293. opt === undefined && (opt = {});
  294. var h = parent.document.body.clientHeight - 100;
  295. return layer.open({
  296. type: 2,
  297. title:title,
  298. area: [(opt.w || 700)+'px', (opt.h || h)+'px'],
  299. fixed: false, //不固定
  300. maxmin: true,
  301. moveOut:false,//true 可以拖出窗外 false 只能在窗内拖
  302. anim:5,//出场动画 isOutAnim bool 关闭动画
  303. offset:'auto',//['100px','100px'],//'auto',//初始位置 ['100px','100px'] t[ 上 左]
  304. shade:0,//遮罩
  305. resize:true,//是否允许拉伸
  306. content: src,//内容
  307. move:'.layui-layer-title'
  308. });
  309. },
  310. handleChange:function(value,selectedData){
  311. var that = this;
  312. that.form.address = [];
  313. $.each(selectedData,function (key,item) {
  314. that.form.address.push(item.label);
  315. });
  316. that.$set(that.form,'address',that.form.address);
  317. },
  318. openWindows:function(title,url,opt){
  319. return this.createFrame(title,url,opt);
  320. },
  321. changeIMG:function(name,url){
  322. this.form[name]=url;
  323. },
  324. isPhone:function(test){
  325. var reg = /^1[3456789]\d{9}$/;
  326. return reg.test(test);
  327. },
  328. submit:function () {
  329. var that = this;
  330. if(!that.form.name) return $eb.message('error','请填写门店行名称');
  331. if(!that.form.phone) return $eb.message('error','请输入手机号码');
  332. if(!that.isPhone(that.form.phone)) return $eb.message('error','请输入正确的手机号码');
  333. if(!that.form.address) return $eb.message('error','请选择门店地址');
  334. if(!that.form.detailed_address) return $eb.message('error','请填写门店详细地址');
  335. if(!that.form.image) return $eb.message('error','请选择门店logo');
  336. if(!that.form.valid_time) return $eb.message('error','请选择核销时效');
  337. if(!that.form.day_time) return $eb.message('error','请选择门店营业时间');
  338. if(!that.form.latlng) return $eb.message('error','请选择门店经纬度!');
  339. var index = layer.load(1, {
  340. shade: [0.5,'#fff']
  341. });
  342. $eb.axios.post('<?php echo Url("save"); ?>'+(that.id ? '?id='+that.id : ''),that.form).then(function (res) {
  343. layer.close(index);
  344. layer.msg(res.data.msg);
  345. if(res.data.data.id) that.id=res.data.data.id;
  346. }).catch(function (err) {
  347. console.log(err);
  348. layer.close(index);
  349. })
  350. },
  351. selectAdderss:function (data) {
  352. //lat 纬度 lng 经度
  353. this.form.latlng=data.latlng.lat+','+data.latlng.lng;
  354. }
  355. },
  356. mounted:function () {
  357. window.changeIMG=this.changeIMG;
  358. window.selectAdderss=this.selectAdderss;
  359. },
  360. }).$mount(document.getElementById('store-attr'))
  361. })
  362. </script>