scott
/
crm


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119
							{extend name="public/layout" /} {block name="title"}集团列表{/block} {block name="body"}

<link rel="stylesheet" href="__LAYUI__/common.css" media="all">
<style type="text/css">
	html,
	body {
		display: block;
		min-width: 1100px;
	}

	.layui-table thead tr,
	.layui-table-header {
		background-color: #D8E6F1 !important;
	}

	.layui-fluid {
		display: block;
		box-shadow: 0 0 4px 0 #B6CADE;
		border-radius: 5px;
		margin: 15px;
		background-color: #ffffff;
	}

	.layui-tab {
		padding: 15px;
		height: 100%;
	}

	.layui-form-item {
		width: 100%;
	}

	.layui-form-item .layui-inline {
		display: block;
		float: left;
		width: 145px;
		height: 38px;
		line-height: 38px;
		background: #FFFFFF;
		margin-right: 16px;
	}

	.layui-form-item .layui-input-inline {
		width: 145px;
		line-height: 38px;
		margin-bottom: 0;
	}

	.layui-form-item .layui-input-inline .layui-input {
		border: 1px solid #9DB6CF;
		border-radius: 5px;
	}

	.layui-form-select dl dd.layui-this {
		background-color: #249EFB;
	}

	.layui-form-item div.searchBox {
		width: 320px;
		background: #FFFFFF;
		border: 1px solid #B6CADE;
		border-radius: 24px;
		height: 38px;
		overflow: hidden;
		padding-left: 18px;
		position: relative;
		margin-bottom: 0px;
		float: right;
	}

	.searchBox .inputBox {
		width: 240px;
		float: left;
		height: 36px;
		line-height: 36px;
		border-width: 0;
	}

	.searchBtn {
		position: absolute;
		top: 0;
		right: 0;
		width: 51px;
		height: 38px;
		background-color: #fff;
	}

	.searchBtn img {
		position: absolute;
		width: 26px;
		top: 6px;
		left: 0;
	}

	.editBox,
	.deltBox {
		width: auto;
		height: auto;
		padding: 0;
		line-height: 0;
		border-width: 0;
		background-color: transparent;
	}

	.editBox {
		margin-right: 20px;
	}

	.deltBox {
		margin-left: 20px !important;
	}

	.editBox img,
	.deltBox img {
		display: block;
		width: 14px;
	}

	#edit-company-group {
		margin-top: 20px;
	}

	#edit-company-group .layui-form-label {
		width: 100px;
	}

	#edit-company-group .layui-form-item .layui-input-inline {
		width: 205px;
	}

	#company-brand {
		margin: 20px 10px;
	}

	.layui-table-view .layui-table {
		width: -webkit-fill-available;
	}

	#edit-company-brand {
		margin: 20px 10px;
	}

	#edit-company-brand .layui-form-label {
		width: 90px;
	}

	#add-company-shop .layui-form-label {
		width: 100px;
	}

	#add-company-shop .layui-input-inline {
		width: 230px;
	}

	#add-company-shop .layui-form-select dl {
		max-height: 120px;
	}

	#edit-company-shop .layui-form-label {
		width: 100px;
	}

	#edit-company-shop .layui-input-inline {
		width: 230px;
	}

	#edit-company-shop .layui-form-select dl {
		max-height: 120px;
	}
</style>

<body>
	<div class="layui-fluid">
		<div class="layui-card">
			<div class="layui-form layui-card-header layuiadmin-card-header-auto">

				<div class="layui-form-item clearfix relative">
					<div style="padding-bottom: 10px; float:left">
						<button class="layui-btn layuiadmin-btn-course" data-type="add">新建集团</button></button>
					</div>
					<div class="layui-inline pull-left clearfix searchBox">
						<input type="text" name="keyword" placeholder="请输入搜索名称" autocomplete="off"
							class="layui-input inputBox">
						<button class="layui-btn layuiadmin-btn-course searchBtn" lay-submit
							lay-filter="LAY-user-front-search">
							<img src="__LAYUI__/image/sous.png" alt="">
						</button>
					</div>
				</div>
			</div>

			<div class="layui-card-body">
				<table id="company-table" lay-filter="company-table"></table>

				<script type="text/html" id="table-bind">
					<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="brand">品牌</a>
					<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="shop">店面</a>
				</script>
			</div>
		</div>
	</div>

	<form class="layui-form" name="edit-company-group" lay-filter="edit-company-group" id="edit-company-group"
		style="display: none;">
		<div class="layui-form-item">
			<label class="layui-form-label">集团名</label>
			<div class="layui-input-inline">
				<input type="text" name="company_name" placeholder="请输入集团名" autocomplete="off" class="layui-input"
					style="max-width: 500px;">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">初始账号</label>
			<div class="layui-input-inline">
				<input type="text" name="phone" placeholder="请输入集团初始账号（手机号）" autocomplete="off" class="layui-input"
					style="max-width: 500px;">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">集团电话</label>
			<div class="layui-input-inline">
				<input type="text" name="tel" placeholder="请输入集团电话" autocomplete="off" class="layui-input"
					style="max-width: 500px;">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">到期时间</label>
			<div class="layui-input-inline">
				<input type="text" name="end_date" id="end_date" placeholder="集团到期时间" autocomplete="off"
					class="layui-input">
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">小程序</label>
			<div class="layui-input-inline">
				<select name="mini">
					{volist name="miniprogram" id="mini"}
						<option value="{$mini.id}">{$mini.type}</option>
					{/volist}
				</select>
			</div>
		</div>
		<div class="layui-form-item">
			<label class="layui-form-label">店面数量</label>
			<div class="layui-input-inline">
				<input type="text" name="shop_number" placeholder="可开通店面数量" autocomplete="off" class="layui-input"
					style="max-width: 500px;">
			</div>
		</div>
		<div class="layui-form-item layui-hide">
			<input type="button" lay-submit lay-filter="edit-company-group-submit" id="submit" value="确认添加">
		</div>
	</form>

	<div id="company-brand" style="display: none;">
		<table id="company-brand-table" lay-filter="company-brand-list">
			<thead>
				<tr>
					<th lay-data="{field:'username'}">品牌名</th>
					<th lay-data="{field:'logo'}">品牌logo</th>
					<th lay-data="{field:'op', toolbar:'#company-brand-table-op'}">操作</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
		<script type="text/html" id="company-brand-table-op">
			<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="editBrand">编辑</a>
		</script>
	</div>

	<div id="edit-company-brand" style="display: none;">
		<form class="layui-form" name="edit-company-brand" lay-filter="edit-company-brand"
			enctype="multipart/form-data">
			<div class="layui-form-item">
				<label class="layui-form-label">品牌名</label>
				<div class="layui-input-inline">
					<input type="text" name="brand_name" placeholder="请输入品牌名" autocomplete="off" class="layui-input"
						style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">LOGO</label>
				<div class="layui-input-inline" id="upload-drag">
					<div class="layui-upload-drag">
						<i class="layui-icon">&#xe681;</i>
						<p>上传LOGO</p>
					</div>
				</div>
			</div>
			<div class="layui-form-item layui-hide">
				<input type="button" lay-submit lay-filter="edit-company-brand-submit" id="submit" value="确认添加">
			</div>
		</form>
	</div>

	<div id="add-company-shop" style="display: none;">
		<form class="layui-form" id="add-company-shop-form" enctype="multipart/form-data" style="margin: 20px 10px;">
			<div class="layui-form-item">
				<label class="layui-form-label">店面名称</label>
				<div class="layui-input-inline">
					<input type="text" name="company_name" placeholder="请输入店面名称" autocomplete="off" class="layui-input"
						style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">店面电话</label>
				<div class="layui-input-inline">
					<input type="text" name="tel" placeholder="请输入店面电话" autocomplete="off" class="layui-input"
						style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">负责人姓名</label>
				<div class="layui-input-inline">
					<input type="text" name="leader_name" placeholder="请输入负责人姓名" autocomplete="off" class="layui-input"
						style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">初始账号</label>
				<div class="layui-input-inline">
					<input type="text" name="phone" id="phone" placeholder="请输入初始账号（手机号）" autocomplete="off"
						class="layui-input" style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">所属地域</label>
				<div class="layui-input-inline">
					<select name="province" id="add-province" lay-filter="province">
						<option value="">请选择省份</option>

					</select>
					<select name="city">
						<option value="">请选择城市</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">店面品牌</label>
				<div class="layui-input-inline">
					<select name="company_brand" id="add-shop-branch">
						<option value="">请选择品牌</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">到期时间</label>
				<div class="layui-input-inline">
					<input type="text" id="shop_end_dates" name="end_date" placeholder="店面到期时间" autocomplete="off" class="layui-input"
						style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">小程序</label>
				<div class="layui-input-inline">
					<select name="mini">
						{volist name="miniprogram" id="mini"}
							<option value="{$mini.id}">{$mini.type}</option>
						{/volist}
					</select>
				</div>
			</div>
			<div class="layui-form-item layui-hide">
				<input type="hidden" name="company_group" value="" />
				<input type="button" lay-submit lay-filter="add-shop-submit" id="submit" value="保存">
			</div>
		</form>
	</div>
	<div id="edit-company-shop" style="display: none;">
		<form class="layui-form" id="edit-company-shop-form" enctype="multipart/form-data" style="margin: 20px 10px;">
			<div class="layui-form-item">
				<label class="layui-form-label">店面名称</label>
				<div class="layui-input-inline">
					<input type="text" name="company_name" placeholder="请输入店面名称" autocomplete="off" class="layui-input"
						style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">店面电话</label>
				<div class="layui-input-inline">
					<input type="text" name="tel" placeholder="请输入店面电话" autocomplete="off" class="layui-input"
						style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">负责人姓名</label>
				<div class="layui-input-inline">
					<input type="text" name="leader_name" placeholder="请输入负责人姓名" autocomplete="off" class="layui-input"
						style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">所属地域</label>
				<div class="layui-input-inline">
					<select name="province" id="edit-province" lay-filter="province">
						<option value="">请选择省份</option>

					</select>
					<select name="city" id="city">
						<option value="">请选择城市</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">店面品牌</label>
				<div class="layui-input-inline">
					<select name="company_brand" id="edit-shop-branch">
						<option value="">请选择品牌</option>
					</select>
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">到期时间</label>
				<div class="layui-input-inline">
					<input type="text" id="shop_end_date" name="end_date" placeholder="店面到期时间" autocomplete="off" class="layui-input"
						style="max-width: 500px;">
				</div>
			</div>
			<div class="layui-form-item">
				<label class="layui-form-label">小程序</label>
				<div class="layui-input-inline">
					<select name="mini">
						{volist name="miniprogram" id="mini"}
							<option value="{$mini.id}">{$mini.type}</option>
						{/volist}
					</select>
				</div>
			</div>
			<div class="layui-form-item layui-hide">
				<input type="hidden" name="id" value="" />
				<input type="button" lay-submit lay-filter="edit-shop-submit" id="submit" value="保存">
			</div>
		</form>
	</div>
</body>
{/block} {block name="js"}
<!-- 开关禁用需要关闭该集团下的所有账号 -->
<!-- <script type="text/html" id="switchTpl">
    <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="开|关" lay-filter="switchStatus" {{ d.status== 1 ? 'checked' : '' }}>
</script> -->
<script src="/static/js/full-citys.js"></script>
<script type="text/html" id="miniBind">
	{{# if(d.bind_mini==1){ }}
		<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="mini"><i class="layui-icon" title="已绑定小程序" style="color: #1e9fff;">&#xe672;</i></a>
	{{# }else{ }}
		<a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="mini" title="未绑定小程序"><i class="layui-icon">&#xe672;</i></a>
	{{# } }}
	 
</script>
<script type="text/html" id="editEndDate">
	<div class="layui-input-date">{{d.end_date}}</div>
</script>
<script type="text/html" id="loginTpl">
	<a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="login">查看</a>
</script>
<script>
	var provs = DC.getProvs();
	provs.forEach(element => {
		let option = document.createElement("option");
		option.setAttribute('value', element.id);
		option.innerHTML = element.name;
		document.getElementById('add-province').appendChild(option.cloneNode(true));
		document.getElementById('edit-province').appendChild(option);
	});

	var brand;

	layui.config({
		base: '__LAYUI__/',
		urlbase: '/adminall'
	}).extend({
		index: 'lib/index' //主入口模块
	}).use(['index', 'form', 'laydate', 'table', 'upload'], function () {
		var $ = layui.$,
			form = layui.form,
			laydate = layui.laydate,
			upload = layui.upload,
			table = layui.table,
			// 事件
			active = {
				// 添加集团
				add: function () {
					editCompanyGroup({
						title: '新建集团'
					});
				},

				// 品牌管理
				brandList(id) {
					let tbody = $('#company-brand').find('#company-brand-table').find('tbody');
					tbody.html('');
					$.get('{:url("company/brand")}?id=' + id, function (res) {
						if (res.code > 0) layer.msg(res.msg, {
							anim: 0
							, time: 2000
						});
						brand = res.data;
						res.data.forEach(element => {
							tbody.append("<tr><td>" + element.brand_name + "</td><td><img style='width:28px' src='" + element.logo + "'></td><td></td></tr>");
						});
						table.init('company-brand-list');
					});
				},
				brand(data) {
					this.brandList(data.id);
					let that = this;
					layer.open({
						type: 1,
						title: '品牌列表',
						content: $('#company-brand'),
						area: ['400px', '300px'],
						btn: ['添加品牌'],
						yes: function () {
							that.addBranch({
								title: '添加品牌',
								data: {
									company_group: data.id
								}
							});
						},
						id: 'layer-company-brand'
					})
				},
				addBranch(option) {
					let editCompanyBrandForm = $('#edit-company-brand').find('form');
					editCompanyBrandForm.append('<input type="hidden" name="company_group" id="company_group" value="' + option.data.company_group + '"/>');
					let data = option.data;
					layer.open({
						type: 1,
						title: option.title,
						content: $('#edit-company-brand'),
						area: ['400px', '350px'],
						btn: ['保存'],
						yes(index) {
							editCompanyBrandForm.find('#submit').click();
						},
						end() {
							editCompanyBrandForm[0].reset();
							$('#edit-company-brand').find('#company_group').remove();
							$('#edit-company-brand').find('#upload-drag').html('<div class="layui-upload-drag"><i class="layui-icon"></i><p>上传LOGO</p></div>');
						},
						id: 'layer-add-company-brand'
					})
				},
				editBrand(option) {
					let editCompanyBrandForm = $('#edit-company-brand').find('form');
					let data = option.data;
					editCompanyBrandForm.append('<input type="hidden" name="id" id="brand_id" value="' + data.id + '"/>');
					editCompanyBrandForm.append('<input type="hidden" name="company_group" id="company_group" value="' + data.company_group + '"/>');
					editCompanyBrandForm.find('input[name="brand_name"]').val(data.brand_name);
					editCompanyBrandForm.find('#upload-drag').html('<img src="'+data.logo+'" style="height: 100%;width:100%;">');
					layer.open({
						type: 1,
						title: option.title,
						content: $('#edit-company-brand'),
						area: ['400px', '350px'],
						btn: ['保存'],
						yes(index) {
							editCompanyBrandForm.find('#submit').click();
						},
						end() {
							editCompanyBrandForm[0].reset();
							$('#edit-company-brand').find('#brand_id').remove();
							$('#edit-company-brand').find('#company_group').remove();
							$('#edit-company-brand').find('#upload-drag').html('<div class="layui-upload-drag"><i class="layui-icon"></i><p>上传LOGO</p></div>');
						},
						id: 'layer-add-company-brand'
					})
				},

				// 店面管理
				companyBrandList(id, domid, def = 0) {
					$.get('{:url("company/brand")}?id=' + id, function (res) {
						if (res.code > 0) layer.msg(res.msg, {
							anim: 0
							, time: 2000
						});
						else {
							let selectDom = $(domid);
							selectDom.html('<option value="">请选择品牌</option>');
							res.data.forEach(element => {
								if (element.id == def)
									selectDom.append("<option value='" + element.id + "' selected>" + element.brand_name + "</option>");
								else
									selectDom.append("<option value='" + element.id + "'>" + element.brand_name + "</option>");
							});
							form.render('select');
						}
					});
				},
				shop(data) {
					let that = this;
					layer.open({
						type: 2,
						title: '店面列表',
						content: '{:url("company/shop")}?id=' + data.id,
						area: ['1200px', '500px'],
						btn: ['添加店铺'],
						yes: function () {
							// that.companyBrandList(data.id, '#add-shop-branch');
							that.addShop({
								title: '添加店铺',
								data: {
									company_group: data.id
								}
							});
						},
						id: 'layer-company-shop'
					});
				},
				login(data) {
					let that = this;
					layer.open({
						type: 2,
						title: '登录记录',
						content: '{:url("company/loginlog")}?id=' + data.id,
						area: ['1200px', '700px'],
						// btn: ['添加店铺'],
						yes: function () {
							// that.companyBrandList(data.id, '#add-shop-branch');
							// that.addShop({
							// 	title: '添加店铺',
							// 	data: {
							// 		company_group: data.id
							// 	}
							// });
						},
						id: 'layer-company-shop'
					});
				},
				addShop(option) {
					// let editCompanyShopForm = $('#add-company-shop').find('form');
					let data = option.data;
					// editCompanyShopForm.find('input[name="company_group"]').val(data.company_group);
					layer.open({
						id: 'add-company-shop-layer',
						type: 2,
						title: option.title,
						content: layui.setter.urlbase + "/company/new_add_shop?company_id=" + data.company_group,
						area: ['400px', '580px'],
						// btn: ['保存'],
						yes(index, layero) {
							// var submit = layero.find('iframe').contents().find(
                            //     "#add-shop-submit");
                            // submit.click();
						},
						end() {
							// editCompanyShopForm[0].reset();
							// editCompanyShopForm.find('#company_group').remove();
							let shopListIndex = $('#layer-company-shop').closest('.layui-layer').attr('times');
							let iframeSrc = $('#layer-company-shop').find('iframe').attr('src');
							layer.iframeSrc(shopListIndex, iframeSrc);
						},
						id: 'layer-company-add-shop'
					})
				},

				editShop(option) {
					let data = option.data;
					// this.companyBrandList(data.company_group, '#edit-shop-branch', data.company_brand);
					// let editCompanyShopForm = $('#edit-company-shop').find('form');
					// editCompanyShopForm.find('input[name="id"]').val(data.id);
					// editCompanyShopForm.find('input[name="company_name"]').val(data.company_name);
					// editCompanyShopForm.find('input[name="leader_name"]').val(data.leader_name);
					// editCompanyShopForm.find('input[name="tel"]').val(data.tel);
					// editCompanyShopForm.find('input[name="end_date"]').val(data.end_date);
					// let provinceObj = DC.find(data.city);
					// editCompanyShopForm.find('select[name="province"]').val(provinceObj.pid);

					// var citys = DC.getCitys(provinceObj.pid);
					// let city = editCompanyShopForm.find('select[name="city"]');
					// city.html('');
					// city.append('<option value="">请选择城市</option>');
					// citys.forEach(elem => {
					// 	if (elem.name == data.city)
					// 		city.append('<option id="' + elem.name + '" selected>' + elem.name + '</option>');
					// 	else
					// 		city.append('<option id="' + elem.name + '">' + elem.name + '</option>');
					// });

					layer.open({
						id: 'edit-company-shop-layer',
						type: 2,
						title: option.title,
						content: layui.setter.urlbase + "/company/new_edit_shop?company_id=" + data.company_group + '&id=' + data.id,
						area: ['400px', '580px'],
						// btn: ['保存'],
						yes(index, layero) {
							// editCompanyShopForm.find('#submit').click();
							// var submit = layero.find('iframe').contents().find(
                            //     "#edit-shop-submit");
                            // submit.click();
						},
						end() {
							// editCompanyShopForm[0].reset();
							let shopListIndex = $('#layer-company-shop').closest('.layui-layer').attr('times');
							let iframeSrc = $('#layer-company-shop').find('iframe').attr('src');
							layer.iframeSrc(shopListIndex, iframeSrc);
						},
						id: 'layer-company-edit-shop'
					})
				},
			};

		// 图片上传初始化
		upload.render({
			elem: '#upload-drag',
			accept: 'image',
			exts: 'png|jpg|jpeg',
			auto: false,
			field: 'logo',
			size: 1 * 1024,
			choose: function (obj) {
				obj.preview(function (index, file, result) {
					$('#upload-drag').html('<img src="' + result + '" style="height: 100%;width:100%;">');
				});
			}
		});
		table.init('company-brand-list');
		form.on('select(province)', function (data) {
			let = prov_id = data.value;
			var citys = DC.getCitys(prov_id);
			let city = $(data.elem).siblings('select');
			city.html('');
			city.append('<option value="">请选择城市</option>');
			citys.forEach(elem => {
				city.append('<option id="' + elem.name + '">' + elem.name + '</option>');
			});
			form.render('select');
		});
		// 页面按钮
		$('.layui-btn.layuiadmin-btn-course').on('click', function () {
			var type = $(this).data('type');
			active[type] ? active[type].call(this) : '';
		});
		/* 集团列表 */
		table.render({
			elem: '#company-table',
			autoSort: false,
			url: layui.setter.urlbase + '/company/group.html',
			cols: [
				[{
					type: 'numbers',
					field: 'id',
					title: '序号',
					align: 'center',
				}, {
					field: 'company_name',
					title: '集团名称',
					// width: '25%',
					edit: 'text',
					style: 'color: skyblue;cursor: pointer;',
					align: 'center',
				}, {
					field: 'tel',
					title: '集团电话',
					align: 'center',
				},{
					field: 'type',
					title: '小程序',
					align: 'center',
				}, {
					field: 'start_date',
					title: '开通时间',
					// minWidth: 100,
					align: 'center',
				}, {
					field: 'end_date',
					title: '到期时间',
					// minWidth: 100,
					// templet: '#editEndDate',
					// style: 'color: skyblue;cursor: pointer;',
					align: 'center',
					// }, {
					// 	field: 'status', 
					// 	title: '禁用',
					// 	width: 100, 
					// 	templet: '#switchTpl'
					// }, {
					// 小程序的设置，修改影响面较大
					// 	title: '设置集团配置',
					// 	width: 150, 
					// 	align: 'center',
					// 	templet: '#miniBind'
				}, {
					field: 'shop_number',
					title: '开通店面数量',
					width: 150,
					align: 'center',
					edit: 'text',
					style: 'color: skyblue;cursor: pointer;',
				}, {
					field: 'root_id',
					title: '登录记录',
					width: 100,
					templet: '#loginTpl',
					align: 'center',
				}, {
					title: '操作',
					// width: 150,
					align: 'center',
					toolbar: '#table-bind'
				}]
			],
			id: 'company-table',
			done: function (res, curr, count) {
				//日期控件
				$(".layui-input-date").each(function (i) {
					layui.laydate.render({
						elem: this,
						done: function (value, date) {
							extendedExpiration(res.data[i]['id'], value);
						}
					});
				});
			},
			page: true,
			limit: 30,
			height: 'full-220',
			text: '对不起，加载出现异常！'
		});
		// 检索
		form.on('submit(LAY-user-front-search)', function (data) {
			var field = data.field;

			//执行重载
			table.reload('company-table', {
				where: field
				, page: {
					curr: 1
				}
			});
		});
		table.on('tool(company-table)', function (obj) {
			var data = obj.data;
			type = obj.event;
			active[type] ? active[type](data) : '';
		});
		form.on('switch(switchStatus)', function (obj) {
			var id = obj.value;
			$.ajax({
				type: "post",
				url: '{:url("adminall/company/auth")}',
				data: { id: id },
				success: function (res) {
					layer.msg(res.msg);
				}
			});
		});
		// 延长集团账号的到期时间
		function extendedExpiration(id, value) {
			$.post('{:url("adminall/company/endDate")}', { id: id, value: value }, function (res) {
				if (res.code === 0) {
					layer.msg(res.msg, { anim: 0 });
				} else {
					layer.msg(res.msg, { anim: 6 });
				}
			});
		}
		table.on('edit(company-table)', function (obj) {
			var field = obj.field;
			var id = obj.data.id;
			var value = obj.value;
			if (field == 'shop_number') {
				var len = /^[0-9]\d*$/;
				if(!len.test(value)){
					layer.msg('请输入纯数字', { anim: 6 });
					return false;
				}
			}
			$.post("{:url('company/setInfo')}", { id: id, set_value: value, field: field}, function (res) {
				if (res.code === 0) {
					layer.msg(res.msg, { anim: 0 });
				} else {
					layer.msg(res.msg, { anim: 6 });
				}
			})
		});
		// 表单页面
		function editCompanyGroup(option) {
			let oldHtml = $('#edit-company-group').html();
			if (option.hasOwnProperty('data')) {
				let data = option.data;
				// 设置默认值
				$('#edit-company-group').find("input[name='company_name']").val(data.company_name)
				$('#edit-company-group').find("input[name='phone']").val(data.phone)
				laydate.render({
					elem: '#end_date'
					, value: data.end_date
				});
				$('#edit-company-group').append('<input type="hidden" name="id" id="id" value="' + option.data.id + '"/>');
			} else {
				laydate.render({
					elem: '#end_date'
				});
			}
			layer.open({
				title: option.title,
				type: 1,
				content: $('#edit-company-group'),
				area: ['340px', '480px'],
				btn: ['确定'],
				yes: function () {
					//点击确认触发 iframe 内容中的按钮提交
					$('#edit-company-group').find('#submit').click();
				},
				end() {
					$('#edit-company-group')[0].reset();
					$('#edit-company-group').find('#id').remove();
				},
				id: 'layer-company-edit-group'
			});
		}
		// 表单提交
		form.on('submit(edit-company-group-submit)', function (obj) {
			let data = obj.field;
			let url = '{:url("company/addSave")}';
			if (data.id) url = '{:url("company/editSave")}';
			let load = layer.load(0, { shade: 0.3 });
			let index = $('#layer-company-edit-group').closest('.layui-layer').attr('times');
			$.post(url, data, function (res) {
				if (res.code === 0) {
					layer.msg(res.msg, {
						anim: 0
						, time: 2000
					}, function () {
						table.reload('company-table')
						layer.close(index);
						layer.close(load);
					});
				} else {
					layer.msg(res.msg, {
						anim: 6
						, time: 2000
					});
					layer.close(load);
				}
			});
		});

		// 添加品牌表单提交
		form.on('submit(edit-company-brand-submit)', function (obj) {
			let formData = new FormData(obj.form);
			let url = '{:url("company/addBrand")}';
			if (obj.field.id) url = '{:url("company/editBrand")}';
			let load = layer.load(0, { shade: 0.3 });
			let index = $('#layer-add-company-brand').closest('.layui-layer').attr('times');
			$.ajax({
				url: url,
				type: 'post',
				data: formData,
				dataType: 'json',
				processData: false,
				contentType: false,
				success: function (res) {
					if (res.code === 0) {
						layer.msg(res.msg, {
							anim: 0
							, time: 2000
						}, function () {
							active.brandList(obj.field.company_group);
							layer.close(index);
							layer.close(load);
						});
					} else {
						layer.msg(res.msg, {
							anim: 6
							, time: 2000
						});
						layer.close(load);
					}
				}
			});
		});

		// 添加店铺 add-shop-submit
		// form.on('submit(add-shop-submit)', function (obj) {
		// 	let index = $('#layer-company-add-shop').closest('.layui-layer').attr('times');
		// 	let shopListIndex = $('#layer-company-shop').closest('.layui-layer').attr('times');
		// 	let iframeSrc = $('#layer-company-shop').find('iframe').attr('src');
		// 	let load = layer.load(0, { shade: 0.3 });
		// 	let url = '{:url("company/addShop")}';
		// 	$.post(url, obj.field, function (res) {
		// 		if (res.code === 0) {
		// 			layer.msg(res.msg, {
		// 				anim: 0
		// 				, time: 2000
		// 			}, function () {
		// 				layer.close(index);
		// 				layer.close(load);
		// 				layer.iframeSrc(shopListIndex, iframeSrc);
		// 			});
		// 		} else {
		// 			layer.msg(res.msg, {
		// 				anim: 6
		// 				, time: 2000
		// 			});
		// 			layer.close(load);
		// 		}
		// 	});
		// 	return false;
		// });

		// form.on('submit(edit-shop-submit)', function (obj) {
		// 	let index = $('#layer-company-edit-shop').closest('.layui-layer').attr('times');
		// 	let shopListIndex = $('#layer-company-shop').closest('.layui-layer').attr('times');
		// 	let iframeSrc = $('#layer-company-shop').find('iframe').attr('src');
		// 	let load = layer.load(0, { shade: 0.3 });
		// 	let url = '{:url("company/editShop")}';
		// 	$.post(url, obj.field, function (res) {
		// 		if (res.code === 0) {
		// 			layer.msg(res.msg, {
		// 				anim: 0
		// 				, time: 2000
		// 			}, function () {
		// 				layer.close(index);
		// 				layer.close(load);
		// 				layer.iframeSrc(shopListIndex, iframeSrc);
		// 			});
		// 		} else {
		// 			layer.msg(res.msg, {
		// 				anim: 6
		// 				, time: 2000
		// 			});
		// 			layer.close(load);
		// 		}
		// 	});
		// 	return false;
		// });

		window.editCompanyShop = function (data) {
			active.editShop({
				title: data.company_name + '店面编辑',
				data: data
			});
		}

		window.wechatSetting = function (option) {
			layer.open({
                type: 2,
                title: '企微设置',
                content: "{:url('company/wework')}?company_id=" + option.id,
                resize: false,
                area: ['80%', '80%'],
                // btn: ['确定', '取消'],
                yes: function (index, layero) {
                    //点击确认触发 iframe 内容中的按钮提交
                    // var submit = layero.find('iframe').contents().find("#talkskill-submit");
                    // submit.click();
                }
            });
		}

		window.wechatEditSetting = function (option) {
			layer.open({
                type: 2,
                title: '编辑企微设置',
                content: "{:url('company/wework')}?company_id=" + option.company_id + '&id=' + option.id,
                resize: false,
                resize: false,
                area: ['80%', '80%'],
                // btn: ['确定', '取消'],
                yes: function (index, layero) {
                    //点击确认触发 iframe 内容中的按钮提交
                    // var submit = layero.find('iframe').contents().find("#talkskill-submit");
                    // submit.click();
					// #layui-layer2
                },
				end: function () {
					window.reloadFunc();
				}
            });
		}

		window.wechatlist = function (option) {
			layer.open({
                type: 2,
                title: '企微列表',
                content: "{:url('company/wework_index')}?company_id=" + option.id,
                resize: false,
                area: ['80%', '80%'],
                // btn: ['添加设置', '复制设置'],
                success: function (index, layero) {
                    //点击确认触发 iframe 内容中的按钮提交
                    // var submit = layero.find('iframe').contents().find("#talkskill-submit");
                    // submit.click();
                },
            });
		}

		table.on('tool(company-brand-list)', function (obj) {
			console.log(obj);
			let index = $(obj.tr).data('index');
			let event = obj.event;
			if (event == 'editBrand' && brand[index] && active[event]) {
				active[event]({
					title: '编辑品牌',
					data: brand[index]
				})

			}
		});

	    laydate.render({
	        elem: '#shop_end_date'
	        , type: 'date'
	        // , range: true
	        // , format: 'H:mm'
        });
	    laydate.render({
	        elem: '#shop_end_dates'
	        , type: 'date'
	        // , range: true
	        // , format: 'H:mm'
        });
	});
</script>
{/block}