<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
	<%@ include file="/common/taglibs.jsp"%>
		<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
			<!DOCTYPE html>
			<html>

			<head>
				<title> 发布公告</title>
				<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>

				<link href="<c:url value='/scripts/lib/layui/layui.css'/>" rel="stylesheet" type="text/css" />
				<link media="screen" type="text/css" href="<c:url value='/scripts/lib/ueditor/themes/default/css/ueditor.min.css'/>" rel="stylesheet"
				/>
				<!-- Theme style -->
				<link href="<c:url value='/styles/AdminLTE.css'/>" rel="stylesheet" type="text/css" />
				<link href="<c:url value='/styles/notice/noticeAppPublish.css?v=20230526'/>" rel="stylesheet" type="text/css" />
				<link href="<c:url value='/scripts/lib/plugins/noticePhotoClip/cropper.css'/>" rel="stylesheet" type="text/css" />
				<link href="<c:url value='/scripts/lib/plugins/noticePhotoClip/myCrop.css'/>" rel="stylesheet" type="text/css" />

				<script type="text/javascript" src="<c:url value='/scripts/lib/jquery-1.8.2.min.js'/>"></script>
				<script type="text/javascript" src="<c:url value='/scripts/lib/ueditor/ueditor.config.js?v=20230526.3'/>"></script>
				<script type="text/javascript" src="<c:url value='/scripts/lib/ueditor/ueditor.all.js?v=20230526.3'/>"></script>
				<script type="text/javascript" src="<c:url value='/scripts/lib/layui/layui.js'/>"></script>
				<script type="text/javascript" src="<c:url value='/scripts/lib/template-native.js'/>"></script>

				<script src="<c:url value='/scripts/admin/notice/element/vue.js?v=1234'/>"></script>
				<link rel="stylesheet" href="//superdesk.avic-s.com/avicfile/theme/theme-chalk.css">
				<script src="<c:url value='/scripts/admin/notice/element/element.js?v=1234'/>"></script>
				<!-- <script src = "//cdn.polyfill.io/v2/polyfill.min.js"></script> -->
				<script src="<c:url value='/scripts/admin/notice/element/polyfill.js?v=12345555'/>"></script>
				<style type="text/css">
					.docs-tooltip {
						width: 76px;
						height: 40px;
						border: 1px solid #34A0FE;
						border-radius: 4px;
						color: #ffffff;
						background: #34A0FE;
						box-sizing: border-box;
						line-height: 27px;
						font-size: 16px;
					}

					#photoBtn {
						background: #ffffff;
						border: 0;
						color: #34A0FE
					}

					.cropper-container.cropper-bg {
						margin-top: 18%;
					}
					.el-input__inner{
					height: 33px !important;
					line-height: 33px !important;
				}
				.el-radio__input{
					width: 20px !important;
					height: 20px !important;
				}
				.dialog-pop .el-input__inner{
					height: 40px !important;
					line-height: 40px !important;
				}
				.dialog-pop{
					display: none;
				}
				.checkbox-item-cb{
					font-size: 14px;
				color: #333;
				font-weight: 600;
				}
				.choose-tip-name{
					display: inline-block;
					font-size: 15px;
					font-weight: 600;
				color: #333333;
				padding: 12px 0;
				}
				.tag-item-name{
					position: relative;
					margin: 0 8px 6px 0;
					padding: 0 28px 0 9px;
					display: inline-block;
					height: 30px;
					line-height: 30px;
					min-width: 70px;
					background: #EEEEEE;
					border-radius: 15px;
					font-size: 14px;
					color: #333333;
				}
				.btn-blue-width90{
					padding: 0;
					width: 90px;
					text-align: center;
					height: 40px;
					line-height: 40px;
					border: 1px solid #158DF5;
					color: #158DF6!important;
					font-size: 14px;
					border-radius: 4px;
					cursor: pointer;
					background: #fff;
				}
				.el-checkbox__input.is-checked + .el-checkbox__label{
					color: #333 !important;
				}
				.cell-box{
					padding: 12px 0;
					font-size: 15px;
					color: #333;
					border-bottom: 1px solid #ddd;
				}
				.el-menu-item.is-active {
				color: #409EFF !important;
				font-size: 16px;
				font-weight: 600;
				}
				.tag-size{
					display: flex !important;
				}
				.sub-item-name{
					flex: 1;
				}
				.icon-check-item{
					font-size: 20px;
					color: #409EFF;
					font-weight: 600;
					margin-right: 20px;
				}
				.tag-css{
					margin: 5px;
				}
				.custom-tree-node{
					width: 100%;
					display: flex;
				}
				.el-tree-node-name{
					flex: 1;
				}
				.search-input{
					height: 40px !important;
					line-height: 40px !important;
				}
				.img-sup-icon{
					width: 18px;
					height: 18px;
					margin-right: 10px;
				}

				.tv-choose-content{
					margin-top:5px;
					color: #333;
					font-size: 15px;
					max-width: 600px;
					word-break:break-all;
					word-wrap:break-word;
					line-height: 25px;
				}
				.submit-btn{
					margin-left: 20px;
				}
				.el-radio__inner{
					width: 20px !important;
					height: 20px !important;
					}
				.el-radio__input.is-checked .el-radio__inner::after {
				content: "";
				width: 10px;
				height: 5px;
				border: 2px solid white;
				border-top: transparent;
				border-right: transparent;
				text-align: center;
				display: block;
				position: absolute;
					top: 4px;
				left: 3px;
				vertical-align: middle;
				transform: rotate(-45deg);
				border-radius: 0px;
				background: none;
				}
					/*文件夹图标*/
				.span-button.ico_open {
					background-position: -110px -16px;
				}

				/*文件图标*/
				.span-button.ico_docu {
					background-position: -110px -32px;
				}
				/*按钮图片组*/
				.span-button {
					line-height: 0;
					margin: 0;
					width: 16px;
					height: 16px;
					display: inline-block;
					vertical-align: middle;
					border: 0 none;
					cursor: pointer;
					outline: none;
					background-color: transparent;
					background-repeat: no-repeat;
					background-attachment: scroll;
					background-image: url("http://wx.palmnest.com/avicfile/2019/ysf/zTreeStandard.png");
				}
				.search-rs-title{
					margin-top: 15px;
					font-size: 15px;
					color: #333;
					background: #eee;
					padding: 8px 10px;
				}
				.choose-dep-stp {
					width: 120px;
					background: #fff;
				}
				.btn-blue-stp {
				margin-left: 20px;
				margin-top: -12px;
				padding: 0;
				text-align: center;
				height: 40px;
				line-height: 40px;
				border: 1px solid #158DF6;
				color: #158DF6!important;
				font-size: 16px;
				border-radius: 4px;
				cursor: pointer;
			}
				</style>


			</head>

			<body>
				<div  id="app">
				<div class="bread-wp">公告通知 > 发布公告消息 > 公告</div>
				<!-- 是否有发送公众号所有用户权限 -->
		        <perm:hasPermission permCode="pc:notice:publish:newPublic">
		          <input type="hidden" value="1" id="perm-publish" />
		        </perm:hasPermission>
				<div class="right-content">
					<input type="hidden" value="${ctx}" id="contextPath">
					<input type="hidden" value="" id="noticeId">
					<input type="hidden" value="${editType}" id="editType">

					<ul class="third-tabs">
						<li class="third-tab active">
							<a href="noticeAppPublish">公告</a>
						</li>
						<li class="third-tab">
							<a href="wxPublish">微信模板消息</a>
						</li>
						<li class="third-tab">
							<a href="msgPublish">短信消息</a>
						</li>
						<li class="third-tab">
							<a href="emailPublish">邮件消息</a>
						</li>
					</ul>
					<div class="main-content-mode-wp">
						<form:form id="conditionform" class="clearfloat notice-form">
							<input type="hidden" class="state" name="state" />
							<div class="part-wp">
								<c:if test="${fn:length(orgs) > 1}">
									<span class="search-tips org_title">请选择项目</span>
									<input class="default-select" name="orgId" id="orgId" placeholder="请选择项目" readonly />
		              				<div class="sortOrg_wrap _hide">
		              					<div class="sortOrg_search_div">
		              						<input class="default-select sortOrg_search" type="text" autocomplete="off" id='sortOrg_search'/>
			              					<span class="sortOrg_search_btn">

			              					</span>
		              					</div>
		              					<div class="orgName_div">
		              						<span>已选项目:</span>
		              					</div>
		              					<div class="sortOrg_cheak_all_wrap">
		              						<span class="item_cheak item_cheak_all"></span>
		              						<span>所有项目</span>
		              					</div>
		              					<ul class="org_list">
		              					</ul>
		              				</div>
								</c:if>
								<c:if test="${fn:length(orgs) == 1}">
									<input type="hidden" id="orgId" name="orgId" value="${orgs[0].id}" class="single-orgid">
								</c:if>
							</div>
							<div class="part-wp">
								<span class="search-tips margin-r-30">选择发布类型</span>
								<select name="city" class="small-input" id="state">
									<option value="">未选择</option>
									<option value="1">公告</option>
									<option value="2">banner</option>
									<option value="3">生成链接</option>
									<option value="5">楼闪送banner</option>
									<option value="6">周边商户banner</option>
									<option value="7">企业云卡banner</option>
								</select>
							</div>
							<div id="part-wp" class="part-wp choose-publish-con">
								<span class="search-tips">选择发布内容</span>
								<select name="city" class="small-input" id="content">
									<option value="">未选择</option>
									<option value="1">图文消息</option>
									<option value="2">跳转链接</option>
								</select>
							</div>

							<div class="part-wp approvalStyle">
								<span class="search-tips">审核类型</span>
								<select name="city" class="small-input" id="approvalType">
								  <option value="">请选择审核类型</option>
								</select>
							  </div>
						</form:form>
					</div>
					<div>

						<!-- 公告 -->
						<div id="announcement" class=" app-publish-wrapper clearfloat">
							<div class="announcement-left main-content-mode-wp">
								<div class="small-notice-list">
									<div class="small-notice-item current">
										<div class="s-notice-wp">
											<div class="s-notice-title">标题</div>
											<div class="s-notice-cover"></div>
										</div>
										<div class="notice-operate-wp">
											<span class="n-up-bnt"></span>
											<span class="n-down-bnt"></span>
											<span class="n-del-bnt"></span>
										</div>
									</div>
								</div>
								<div class="add-notice-wp">
									<span class="add-notice-btn"></span>
								</div>
							</div>
							<div class="announcement-right main-content-mode-wp" style="width: calc(100% - 400px);">
								<div class="announcement-list">
									<div class="announcement-item">
										<div class="cover-wp clearfloat">
											<span class="tips">封面图片</span>
											<div class="cover-con">
												<div class="img-wrapper"></div>
												<div class="upload-btn-wp">
													<span class="upload-icon"></span>
													<input id="photoBtn" type="button" onclick="document.getElementById('inputImage').click()" value="选择照片">
													<!-- 可以增加自己的样式 -->
													<input id="inputImage" type="file" accept="image/*" style="display: none;" />
													<br/>
													<img id="showImg" style="display: none" data-type="1" />
													<!-- <span class="upload-tips">上传图片</span>
													<input type="file" class="upload-input" /> -->
												</div>
											</div>
										</div>
										<div class="titles-wp clearfloat">
											<span class="tips">主题</span>
											<input class="editot-input title-con" type="text" />
										</div>
										<div class="content-wp clearfloat">
											<span class="tips">正文</span>
											<div id="myeditor_a_1" class="u_editor" style=""></div>
										</div>
										<div class="summary-wp clearfloat">
											<span class="tips">摘要</span>
											<textarea rows="" cols="" class="summary-con"></textarea>
										</div>
									</div>
								</div>
								<div class="announcement-port">
									<div class="port-wp clearfloat">
										<span class="tips">发布端口</span>
										<div class="port-con">
											<div class="checkbox-wp">
												<span class="checkbox-input">
													<input type="checkbox" id="app" class="check-item" data-type="1" name="app" />
													<span class="checkbox-inner"></span>
												</span>
												<label class="checkbox-con" for="app">APP端</label>
											</div>
											<div  style="display: inline-block;"
											v-if="contextBasePath=='wx.palmnest.com' || contextBasePath=='superdesk.avic-s.com' || contextBasePath=='localhost:8084'">
												<div class="checkbox-wp">
													<span class="checkbox-input">
														<input type="checkbox" id="wx" class="check-item" data-type="2" name="wx" />
														<span class="checkbox-inner"></span>
													</span>
													<label class="checkbox-con" for="wx">微信服务之窗</label>
												</div>
												<div class="checkbox-wp" >
													<span class="checkbox-input">
														<input type="checkbox" id="public" class="check-item" data-type="3" name="public" />
														<span class="checkbox-inner"></span>
													</span>
													<label class="checkbox-con" for="public" >公众号图文消息</label>
												</div>
											</div>
											<div v-else  style="display: inline-block;">
												<div class="checkbox-wp" >
													<span class="checkbox-input">
														<input type="checkbox" id="wx" class="check-item" data-type="2" name="wx" />
														<span class="checkbox-inner"></span>
													</span>
													<label class="checkbox-con" for="wx" >小程序端</label>
												</div>

												<div class="checkbox-wp" >
													<span class="checkbox-input">
														<input type="checkbox" id="public" class="check-item" data-type="3" name="public" />
														<span class="checkbox-inner"></span>
													</span>
													<label class="checkbox-con" for="public" >图文推送</label>
												</div>
											</div>
											<div class="checkbox-wp">
												<span class="checkbox-input">
													<input type="checkbox" id="pushMsg" class="check-item" data-type="1" name="pushMsg" />
													<span class="checkbox-inner"></span>
												</span>
												<label class="checkbox-con" for="pushMsg">模板消息</label>
											</div>

										</div>
									</div>
									<div class="public-item-wp clearfloat public-extra-wp">
										<span class="tips">公众号发布对象</span>
										<div class="public-item-con">
											<div class="radio-wp radio-block radio-perm" >
												<span class="radio-input">
													<input type="radio" id="pb-all" data-type="1"  class="radio-item" name="public"  checked="checked" >
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="pb-all">公众号所有粉丝<span style="font-weight:normal">（公众号所有粉丝会受到公众号推送）</span></label>
											</div>
											<div class="radio-wp radio-block" >
												<span class="radio-input">
													<input type="radio" id="pb-item" data-type="2"  class="radio-item" name="public" >
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="pb-item">项目所有用户<span style="font-weight:normal">（登录过楼宇之窗的用户才会受到公众号推送）</span></label>
											</div>
											<div class="radio-wp radio-block" >
												<span class="radio-input">
													<input type="radio" id="pb-some" data-type="3" class="radio-item" name="public" >
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="pb-some">项目部分用户</label>

											</div>
											<div class="radio-wp radio-block" >
												<span class="radio-input">
													<input type="radio" id="pb-some" data-type="4" class="radio-item" name="public" >
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="pb-some">部门/分组发送</label>
												<button class="btn-blue-stp choose-dep-stp" @click="chooseHandler">选择部门/分组</button>
											</div>
											<div class="search-select-wp"></div>
											<div class="tv-choose-content" >
												<el-tag
												class="tag-css tag-top"
												v-for="(item, index) in chooseDepList"  :key="index"
												closable
												:disable-transitions="false"
												  @close="deleteResultDepHandler(item, index)">
												{{item.name}}
											  </el-tag>
											  </div>
										</div>
									</div>
									<div class="msg-list-wp clearfloat public-extra-msglist">
										<span class="tips">加入消息列表</span>
										<div class="msg-dis-content">
										<div class="msg-list-con">
											<div class="msg-radio">
												<div class="radio-wp " style="margin-right: 15px;" >
													<span class="radio-input">
														<input type="radio" id="msg-yes" data-type="1" class="radio-item" name="msg" >
														<span class="radio-inner"></span>
													</span>
													<label class="radio-con" for="msg-yes">是</label>
												</div>
												<div class="radio-wp " style="margin-right: 15px;">
													<span class="radio-input">
														<input type="radio" id="msg-no" data-type="0" class="radio-item" name="msg" >
														<span class="radio-inner"></span>
													</span>
													<label class="radio-con" for="msg-no">否</label>
												</div>
											</div>
										</div>
										<div class="msg-tips-list">注：加入消息列表后会在公众号消息列表展示，加入列表发送微信推送每日只能发送一次。</div>
									</div>
									</div>

									<div class="approve-type-edit">
									<div class="msg-list-wp clearfloat approvael-result">
										<span class="tips">审核结果</span>
										<div class="msg-list-con">
											<div class="msg-radio">
												<div class="radio-wp " style="margin-right: 15px;" >
													<span class="radio-input">
														<input type="radio" id="status-pass" class="radio-item" data-type="1" name="approveStatus" />
														<span class="radio-inner"></span>
													</span>
													<label class="radio-con" for="status-pass">通过</label>

												</div>
												<div class="radio-wp " style="margin-right: 15px;">
													<span class="radio-input">
														<input type="radio" id="status-fail" class="radio-item status" data-type="2" name="approveStatus" />
														<span class="radio-inner"></span>
													</span>
													<label class="radio-con" for="status-fail">不通过</label>
												</div>
											</div>
										</div>
									</div>
									<div class="summary-wp clearfloat">
										<span class="tips">描述</span>
										<textarea rows="" cols="" class="summary-con-wx"></textarea>
									</div>
								</div>
								</div>
								<!-- <div class="port-wp clearfloat  showPushMsg">
									<span class="tips">微信模版消息通知</span>
									<div class="port-con">
										<div class="checkbox-wp">
											<span class="checkbox-input">
												<input type="checkbox" id="pushMsg" class="check-item" data-type="1" name="pushMsg" />
												<span class="checkbox-inner"></span>
											</span>
											<label class="checkbox-con" for="pushMsg">开启</label>
										</div>
									</div>
								</div>
								<div class="msg-temples-tips">开启后会给公众号所有粉丝发送微信模版消息通知</div> -->
								<div class="btns-wp">
										<button class="btn-back-110 edit-back-btn">返回</button>
										<button class="btn-blue-110 preview-btn">预览</button>
										<button class="btn-yellow-110 submit-btn">提交发送</button>
									</div>
							</div>


						</div>
						<!-- 生成链接 -->
						<div id="line" class="main-content-mode-wp app-publish-wrapper">
							<div class="titles-wp clearfloat">
								<span class="tips">主题</span>
								<input class="editot-input title-con" type="text" />
							</div>
							<div class="content-wp clearfloat">
								<span class="tips">正文</span>
								<div id="myeditor_b"></div>
							</div>
							<div class="produce-link-wp clearfloat">
								<span class="tips">生成链接</span>
								<input class="editot-input produce-link-con" type="text" readonly/>
							</div>
							<div class="approve-type-edit">
								<div class="msg-list-wp clearfloat approvael-result">
									<span class="tips">审核结果</span>
									<div class="msg-list-con">
										<div class="msg-radio">
											<div class="radio-wp " style="margin-right: 15px;" >
												<span class="radio-input">
													<input type="radio" id="status-pass" class="radio-item" data-type="1" name="approveStatus" />
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="status-pass">通过</label>

											</div>
											<div class="radio-wp " style="margin-right: 15px;">
												<span class="radio-input">
													<input type="radio" id="status-fail" class="radio-item status" data-type="2" name="approveStatus" />
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="status-fail">不通过</label>
											</div>
										</div>
									</div>
								</div>
								<div class="summary-wp clearfloat">
									<span class="tips">描述</span>
									<textarea rows="" cols="" class="summary-con-wx"></textarea>
								</div>
							</div>
							<div class="btns-wp">
							    <button class="btn-back-110 edit-back-btn">返回</button>
								<button class="btn-blue-110 preview-btn">预览</button>
								<button class="btn-yellow-110 submit-btn">生成链接</button>
							</div>
							<div class="use-tip">
								注：点击“生成链接”不会发送公告消息，会生成一个链接地址，粘贴到微信消息的“原文链接”处，用户在收到微信模板消息后，点击打开即能查看这篇公告消息。
							</div>
						</div>
						<!-- banner的跳转链接 -->
						<div id="link" class="main-content-mode-wp app-publish-wrapper">
							<div class="cover-wp clearfloat">
								<span class="tips">banner图片</span>
								<div class="cover-con">
									<div class="img-wrapper"></div>
									<div class="upload-btn-wp">
										<span class="upload-icon"></span>
										<input id="photoBtn" type="button" onclick="document.getElementById('inputImage').click()" value="选择照片">
										<!-- 可以增加自己的样式 -->
										<input id="inputImage" type="file" accept="image/*" style="display: none;" />
										<br/>
										<img id="showImg" style="display: none" />
										<!-- <span class="upload-tips">上传图片</span>
										<input type="file" class="upload-input" /> -->
									</div>
								</div>
							</div>
							<div class="titles-wp clearfloat">
								<span class="tips">跳转链接</span>
								<input class="editot-input link-con" type="text" />
							</div>

							<div class="port-wp clearfloat">
								<span class="tips">发布端口</span>
								<div class="port-con">
									<div class="checkbox-wp">
										<span class="checkbox-input">
											<input type="checkbox" id="app3" class="check-item" data-type="1" name="app3" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="app3">APP端</label>
									</div>
									<div class="checkbox-wp"
									v-if="contextBasePath=='wx.palmnest.com' || contextBasePath=='superdesk.avic-s.com' || contextBasePath=='localhost:8084'">
										<span class="checkbox-input">
											<input type="checkbox" id="wx3" class="check-item" data-type="2" name="wx3" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="wx3">微信服务之窗</label>
									</div>
									<div class="checkbox-wp" v-else>
										<span class="checkbox-input">
											<input type="checkbox" id="wx3" class="check-item" data-type="2" name="wx3" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="wx3">小程序端</label>
									</div>

									<div class="checkbox-wp">
										<span class="checkbox-input">
											<input type="checkbox" id="pushMsgBannerLink" class="check-item" data-type="1" name="pushMsgBannerLink" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="pushMsgBannerLink">模板消息</label>
									</div>
								</div>
							</div>
							<div class="public-item-wp clearfloat public-extra-bannerLink-wp">
								<span class="tips">公众号发布对象</span>
								<div class="public-item-con">
									<div class="radio-wp radio-block radio-perm" >
										<span class="radio-input">
											<input type="radio" id="pb-all" data-type="1"  class="radio-item" name="publicLink"  checked="checked" >
											<span class="radio-inner"></span>
										</span>
										<label class="radio-con" for="pb-all">公众号所有粉丝<span style="font-weight:normal">（公众号所有粉丝会受到公众号推送）</span></label>
									</div>
									<div class="radio-wp radio-block" >
										<span class="radio-input">
											<input type="radio" id="pb-item" data-type="2"  class="radio-item" name="publicLink" >
											<span class="radio-inner"></span>
										</span>
										<label class="radio-con" for="pb-item">项目所有用户<span style="font-weight:normal">（登录过楼宇之窗的用户才会受到公众号推送）</span></label>
									</div>
									<div class="radio-wp radio-block" >
										<span class="radio-input">
											<input type="radio" id="pb-some" data-type="3" class="radio-item" name="publicLink" >
											<span class="radio-inner"></span>
										</span>
										<label class="radio-con" for="pb-some">项目部分用户</label>

									</div>
									<div class="radio-wp radio-block" >
										<span class="radio-input">
											<input type="radio" id="pb-some" data-type="4" class="radio-item" name="publicLink" >
											<span class="radio-inner"></span>
										</span>
										<label class="radio-con" for="pb-some">部门/分组发送</label>
										<button class="btn-blue-stp choose-dep-stp" @click="chooseHandler">选择部门/分组</button>
									</div>
									<div class="search-select-wp"></div>
									<div class="tv-choose-content tv-chose-dept" >
										<el-tag
										class="tag-css tag-top"
										v-for="(item, index) in chooseDepList"  :key="index"
										closable
										:disable-transitions="false"
										  @close="deleteResultDepHandler(item, index)">
										{{item.name}}
									  </el-tag>
									  </div>
								</div>
							</div>

							<div class="approve-type-edit">
								<div class="msg-list-wp clearfloat approvael-result">
									<span class="tips">审核结果</span>
									<div class="msg-list-con">
										<div class="msg-radio">
											<div class="radio-wp " style="margin-right: 15px;" >
												<span class="radio-input">
													<input type="radio" id="status-pass" class="radio-item" data-type="1" name="approveStatus" />
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="status-pass">通过</label>

											</div>
											<div class="radio-wp " style="margin-right: 15px;">
												<span class="radio-input">
													<input type="radio" id="status-fail" class="radio-item status" data-type="2" name="approveStatus" />
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="status-fail">不通过</label>
											</div>
										</div>
									</div>
								</div>
								<div class="summary-wp clearfloat">
									<span class="tips">描述</span>
									<textarea rows="" cols="" class="summary-con-wx"></textarea>
								</div>
							</div>
							<!-- <div class="port-wp clearfloat  showPushMsg">
								<span class="tips">微信模版消息通知</span>
								<div class="port-con">
									<div class="checkbox-wp">
										<span class="checkbox-input">
											<input type="checkbox" id="pushMsg" class="check-item" data-type="1" name="pushMsg" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="pushMsg">开启</label>
									</div>
								</div>

							</div>
							<div class="msg-temples-tips">开启后会给公众号所有粉丝发送微信模版消息通知</div> -->
							<div class="btns-wp">
							   <button class="btn-back-110 edit-back-btn">返回</button>
								<button class="btn-blue-110 preview-btn">预览</button>
								<button class="btn-yellow-110 submit-btn">提交发送</button>
							</div>
						</div>

						<!-- banner的图文消息 -->
						<div id="graphic" class="main-content-mode-wp app-publish-wrapper">
							<div class="cover-wp clearfloat">
								<span class="tips">banner图片</span>
								<div class="cover-con">
									<div class="img-wrapper"></div>
									<div class="upload-btn-wp">
										<span class="upload-icon"></span>
										<input id="photoBtn" type="button" onclick="document.getElementById('inputImage').click()" value="选择照片">
										<!-- 可以增加自己的样式 -->
										<input id="inputImage" type="file" accept="image/*" style="display: none;" />
										<br/>
										<img id="showImg" style="display: none" />
										<!-- <span class="upload-tips">上传图片</span>
										<input type="file" class="upload-input" /> -->
									</div>
								</div>
							</div>
							<div class="titles-wp clearfloat">
								<span class="tips">主题</span>
								<input class="editot-input title-con" type="text" />
							</div>
							<div class="content-wp clearfloat">
								<span class="tips">正文</span>
								<div id="myeditor_c"></div>
							</div>
							<div class="port-wp clearfloat">
								<span class="tips">发布端口</span>
								<div class="port-con">
									<div class="checkbox-wp">
										<span class="checkbox-input">
											<input type="checkbox" id="app2" class="check-item" data-type="1" name="app2" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="app2">APP端</label>
									</div>
									<div class="checkbox-wp"
									v-if="contextBasePath=='wx.palmnest.com' || contextBasePath=='superdesk.avic-s.com' || contextBasePath=='localhost:8085'">
										<span class="checkbox-input">
											<input type="checkbox" id="wx2" class="check-item" data-type="2" name="wx2" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="wx2" >微信服务之窗</label>
									</div>
									<div class="checkbox-wp" v-else>
										<span class="checkbox-input">
											<input type="checkbox" id="wx2" class="check-item" data-type="2" name="wx2" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="wx2" >小程序端</label>
									</div>
									<div class="checkbox-wp">
										<span class="checkbox-input">
											<input type="checkbox" id="pushBannerImage" class="check-item" data-type="1" name="pushBannerImage" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="pushBannerImage">模板消息</label>
									</div>


								</div>
							</div>
							 <div class="public-item-wp clearfloat public-extra-banner-wp">
								<span class="tips">公众号发布对象</span>
								<div class="public-item-con">
									<div class="radio-wp radio-block" >
										<span class="radio-input">
											<input type="radio" id="pb-all1" data-type="1"  class="radio-item" name="publicBanner" >
											<span class="radio-inner"></span>
										</span>
										<label class="radio-con" for="pb-all1">公众号所有粉丝<span style="font-weight:normal">（公众号所有粉丝会受到公众号推送）</span></label>
									</div>
									<div class="radio-wp radio-block" >
										<span class="radio-input">
											<input type="radio" id="pb-item1" data-type="2"  class="radio-item" name="publicBanner" >
											<span class="radio-inner"></span>
										</span>
										<label class="radio-con" for="pb-item1">项目所有用户<span style="font-weight:normal">（登录过楼宇之窗的用户才会受到公众号推送）</span></label>
									</div>
									<div class="radio-wp radio-block" >
										<span class="radio-input">
											<input type="radio" id="pb-some1" data-type="3" class="radio-item" name="publicBanner" >
											<span class="radio-inner"></span>
										</span>
										<label class="radio-con" for="pb-some1">项目部分用户</label>
									</div>
									<div class="radio-wp radio-block" >
										<span class="radio-input">
											<input type="radio" id="pb-some" data-type="4" class="radio-item" name="publicBanner" >
											<span class="radio-inner"></span>
										</span>
										<label class="radio-con" for="pb-some">部门/分组发送</label>
										<button class="btn-blue-stp choose-dep-stp" @click="chooseHandler">选择部门/分组</button>
									</div>
									<div class="search-select-wp"></div>
									<div class="tv-choose-content" >
										<el-tag
										class="tag-css tag-top"
										v-for="(item, index) in chooseDepList"  :key="index"
										closable
										:disable-transitions="false"
										  @close="deleteResultDepHandler(item, index)">
										{{item.name}}
									  </el-tag>
									  </div>
								</div>
							</div>
						<!--	<div class="msg-list-wp clearfloat public-extra-wp">
								<span class="tips">加入消息列表</span>
								<div class="msg-list-con">
									<div class="msg-radio">
										<div class="radio-wp " style="margin-right: 15px;" >
											<span class="radio-input">
												<input type="radio" id="msg-yes" data-type="1" class="radio-item" name="msg1" >
												<span class="radio-inner"></span>
											</span>
											<label class="radio-con" for="msg-yes">是</label>
										</div>
										<div class="radio-wp " style="margin-right: 15px;">
											<span class="radio-input">
												<input type="radio" id="msg-no" data-type="0" class="radio-item" name="msg1" >
												<span class="radio-inner"></span>
											</span>
											<label class="radio-con" for="msg-no">否</label>
										</div>
									</div>
									<div class="msg-tip">注：加入消息列表后会在公众号消息列表展示，加入列表发送微信推送每日只能发送一次。</div>
								</div>
							</div> -->

							<div class="approve-type-edit">
								<div class="msg-list-wp clearfloat approvael-result">
									<span class="tips">审核结果</span>
									<div class="msg-list-con">
										<div class="msg-radio">
											<div class="radio-wp " style="margin-right: 15px;" >
												<span class="radio-input">
													<input type="radio" id="status-pass" class="radio-item" data-type="1" name="approveStatus" />
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="status-pass">通过</label>

											</div>
											<div class="radio-wp " style="margin-right: 15px;">
												<span class="radio-input">
													<input type="radio" id="status-fail" class="radio-item status" data-type="2" name="approveStatus" />
													<span class="radio-inner"></span>
												</span>
												<label class="radio-con" for="status-fail">不通过</label>
											</div>
										</div>
									</div>
								</div>
								<div class="summary-wp clearfloat">
									<span class="tips">描述</span>
									<textarea rows="" cols="" class="summary-con-wx"></textarea>
								</div>
							</div>
							<!-- <div class="port-wp clearfloat  showPushMsg">
								<span class="tips">微信模版消息通知</span>
								<div class="port-con">
									<div class="checkbox-wp">
										<span class="checkbox-input">
											<input type="checkbox" id="pushMsg" class="check-item" data-type="1" name="pushMsg" />
											<span class="checkbox-inner"></span>
										</span>
										<label class="checkbox-con" for="pushMsg">开启</label>
									</div>
								</div>
							</div>
							<div class="msg-temples-tips">开启后会给公众号所有粉丝发送微信模版消息通知</div> -->
							<div class="btns-wp">
								 <button class="btn-back-110 edit-back-btn">返回</button>
								<button class="btn-blue-110 preview-btn">预览</button>
								<button class="btn-yellow-110 submit-btn">提交发送</button>
							</div>
						</div>

						<!-- 裁剪 -->
						<div style="padding: 0;margin: 0;position:fixed;display: none;top: 0;left: 0;z-index: 10000;margin-left: 10%;" id="containerDiv">
							<div style="display: none;" id="imgEdit">
								<div class="img-container">
									<img src="" alt="Picture">
								</div>
							</div>
							<div class="row" id="actions" style="padding: 0;margin: 0;width: 100px;position: fixed;top: 56%;z-index: 1000;">
								<div class=" docs-buttons">
									<div class="btn-group btn-group-crop " style="float: right;">
										<button id="imgCutConfirm" data-method="getCroppedCanvas" data-option="{ &quot;width&quot;: 988, &quot;height&quot;: 438 }"
										  style="height: auto;margin-right: 17px;">
											<span class="docs-tooltip" data-toggle="tooltip" title="">确认</span>
										</button>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="dialog-pop">
					<el-dialog
					  :title="titleName"
					  :close-on-click-modal="false"
					  width="800px"
					  :visible.sync="isDislagVisable"
					  >
				  <div style="float: left">
					<div style="float:left;width: 480px;height: 500px;">
						  <div style="display: flex">
							<el-input
							  class="search-input"
							  placeholder="请输入部门、分组名称搜索"
							  prefix-icon="el-icon-search" clearable @change="changeInput"
							  v-model.trim="searchText">
							</el-input>
							<el-button slot="append" icon="el-icon-search" @click="searchDeptOrSup"></el-button>
						  </div>
						<div class="search-data-wrap" v-show="false">
						  <div style="overflow-y: scroll;height: 440px;">
							<div v-if=" searchDataList.deptList && searchDataList.deptList.length>0">
							<div class="search-rs-title">部门</div>
							<div class="list-box click-cursor" v-for="(item, index) in searchDataList.deptList" :key="item.id"
							  :class="{'line-top': index != 0}">
							  <div class="cell-box">
								<div class="tag-size" v-on:click="searchDataHandler(item)">
								  <img src="http://wx.palmnest.com/avicfile/2019/ysf/img_docum.png" class="img-sup-icon"/>
								  <span class="sub-item-name">{{item.name}}</span>
							  <span v-if="backSelectedHandler(item.id)" class="radio-icon el-icon-check icon-check-item"></span>
								</div>
							  </div>
							</div>
						  </div>
							<div v-if="searchDataList.groupList&&searchDataList.groupList.length>0">
							<div class="search-rs-title" >分组</div>
							<div class="list-box click-cursor" v-for="(item, index) in searchDataList.groupList" :key="item.id"
							  :class="{'line-top': index != 0}">
							  <div class="cell-box">
								<div class="tag-size" v-on:click="searchDataHandler(item)">
								  <img src="../../../../super_service/images/admin/tag-icon.png" class="img-sup-icon"/>
								  <span class="sub-item-name">{{item.name}}</span>
							  <span v-if="backSelectedHandler(item.id)" class="radio-icon el-icon-check icon-check-item"></span>
								</div>
							  </div>
							</div>
						  </div>
						  </div>
						</div>
					   <div class="default-data-wrap" v-show="true">
					  <div class="tree-group-box box-top10 box-right15">
						<el-menu :default-active="activeIndex" mode="horizontal" @select="handleSelect">
						  <el-menu-item index="1" v-if="indexType == 1||indexType == 0">部门</el-menu-item>
						  <el-menu-item index="2" v-if="indexType == 2||indexType == 0">分组</el-menu-item>
						</el-menu>
					  </div>
					  <div style="overflow-y: scroll;height: 400px;" v-if="activeIndex == 1">
						  <el-tree :data="dataTree"  default-expand-all node-key="id" @node-click="handleNodeClick"
						  :filter-node-method="filterNodeHandler"  :expand-on-click-node="false"
							  ref="tree" highlight-current  :props="defaultProps">
						<span class="custom-tree-node" slot-scope="{node, data}">
						<span @mouseover="showTip(data.id)" @mouseout="hideTip"  class="el-tree-node-name">
						  <span v-if="data.childList&&data.childList.length>0||data.levels==0"
							  class="span-button ico_open"></span>
						  <span v-else class="span-button ico_docu"></span>
						  <span>{{node.label}}</span>
						  </span>
						  <span v-if="backSelectedDepHandler(data.id)" class="radio-icon el-icon-check icon-check-item"></span>
						</span>
						</el-tree>
					  </div>
					  <div style="overflow-y: scroll;height: 385px;" v-if="activeIndex == 2">
						<div class="list-box click-cursor" v-for="(item, index) in tagList" :key="item.id"
							  :class="{'line-top': index != 0}">
						  <div class="cell-box">
							<div class="tag-size" v-on:click="tagBtnHandler(item)">
							  <img src="../../../../super_service/images/admin/tag-icon.png" class="img-sup-icon"/>
							  <span class="sub-item-name">{{item.name}}</span>
								  <span v-if="backSelectedHandler(item.id)" class="radio-icon el-icon-check icon-check-item"></span>
							</div>
						  </div>
						</div>
					  </div>
					 </div>
					</div>
					<div style="margin-left:10px;float: left;width: 1px;height: 480px; background: #F3F3F3"></div>
					<div style="margin-left:10px;float:left;width: 250px;">
					  <div style="width: 100%">已选择</div>
					  <div style="width: 100%;height: 460px;overflow-y: scroll;">
						<el-tag
						  class="tag-css tag-top"
						  v-for="(item, index) in identityList"  :key="index"
						  closable
						  :disable-transitions="false"
							  @close="deleteTagHandler(item, index)">
						  {{item.name}}
						</el-tag>
					  </div>
					</div>
				  </div>
					  <span slot="footer" class="dialog-footer">
					  <el-button size="small" @click="dialogCancle">返回</el-button>
					  <el-button size="small" type="primary" @click="chooseDataSubmit">确定</el-button>
					  </span>
				   </el-dialog>
				  </div>
			</div>
			<script type="text/javascript">
				// 在页面加载好后就初始化vue实例,也可以在外面直接初始化
				$(document).ready(function(){
					const vm = new Vue({
						el:'#app',
						data(){
							return {
								contextBasePath:'',
								searchDataList:{},
								inputUser:'',
								userList:[],
								checkedUsers:[],//选择的用户
								chooseList:[],
								ifShowSearch:false,
								checkRadio:0,
								isOpenApprove:0,///判断是否开启了多级审核 1.开启了多级审核 2，没有开启多级审核
								titleName: '请选择部门和分组',
								searchNote: '',
								activeIndex: '1',
								indexType: '0',
								isDislagVisable: false,
								identityList:[],// 弹框右边选中的数据
								chooseDepList:[],//选中的数据
								templeTitle:'',
								dataForm:{
									approvalId:'',
									templeId:'',
									wxItem:'',
									orgId:'',
								},
								radioCkeck:0,
								orgOptions:[],
								wxOptions:[],
								approvalOptions:[],
								templeOptions:[],
								templeContentOptions:[],
								checkedInportUsers:[],
								inportUseList:[],
								linkUrl:'',
								dataTree: [],
								tagList: [],
									selectedId: '',
								searchText: '',
								defaultProps: {
								children: 'childList',
								label: 'nameinfo'
								},
							}
						},
						   //监听搜索框的查询参数变化，然后进行过滤
							watch:{
							searchText(val) {
								if(this.activeIndex==1){
								setTimeout(() => {
									this.$refs.tree.filter(val)
								}, 1000);
								}else{
								this.getSubgroupList(val)
								}
							 },
							 chooseDepList:{
								handler (newValue, oldValue){
									if(newValue && newValue.length>0){
										$("#announcement .tv-choose-content").val(JSON.stringify(newValue));
										$("#graphic .tv-choose-content").val(JSON.stringify(newValue));
										$("#link .tv-choose-content").val(JSON.stringify(newValue));
									}else{
										$("#announcement .tv-choose-content").val("");
										$("#graphic .tv-choose-content").val("");
										$("#link .tv-choose-content").val("");
									}
									console.log("announcement===",$("#announcement .tv-choose-content").val())
									console.log("graphic===",$("#graphic .tv-choose-content").val())
									console.log("link===",$("#link .tv-choose-content").val())
								},
								deep: true

							 },
							},
						methods:{
							  // 递归获取所有节点数据
							  getAllNodeId (expandedKeys, moduleDataList) {
								for (let i = 0; i < moduleDataList.length; i++) {
								expandedKeys.push({
									id: moduleDataList[i].id,
									levels: moduleDataList[i].levels,
									nameinfo: moduleDataList[i].nameinfo,
									orgInfo: moduleDataList[i].orgInfo,
									parentid: moduleDataList[i].parentid,
									rank: moduleDataList[i].rank,
									visible: moduleDataList[i].visible,
									childList: [],
								});
								if (moduleDataList[i].childList) {
									expandedKeys = this.getAllNodeId(expandedKeys, moduleDataList[i].childList)
								}
								}
								return expandedKeys
							},
								// 处理选中数据
								processSelectedData(data, backData) {
								let dataList = [];
								if (data.id) {
								dataList = this.getAllNodeId(dataList, [data]);
								backData(dataList)
								} else {
								backData([])
								}
							},

					handleNodeClick(data,node,inde){
						this.processSelectedData(data, backData => {
						console.log('backData', backData);
						if (this.backSelectedDepHandler(data.id)) {
						   backData.forEach(item => {
							let indexRow = this.backSelectedDepHandler(item.id, true);
							this.identityList.splice(indexRow, 1);
						 })
						} else {
						  this.identityList = this.unique(this.identityList.concat(backData))
						}
						console.log("最后选中的列表",this.identityList)

						let newArr=[]
							for (const data of this.identityList) {
								let resultObj={}
							resultObj['id']=data.id
							resultObj['name']= data.name?data.name:data.nameinfo
							if(data.levels==0){
								resultObj['type']=1
							}else{
								resultObj['type']=2
							}
							newArr.push(resultObj)
							}
					   this.identityList=[...newArr]

					  console.log("最后选中11111",this.identityList)

					 });
					},

         // 数据根据id去重
					unique(arr) {
						const res = new Map();
						return arr.filter((arr) => !res.has(arr.id) && res.set(arr.id, 1));
					},
						getCheckedKeys() {
						console.log(this.$refs.tree.getCheckedKeys());
						},
						setCheckedKeys() {
						this.$refs.tree.setCheckedKeys([3]);
						},

							//鼠标经过树节点时触发
						showTip() {

						},
						//鼠标离开树节点时触发
						hideTip() {

						},
						submit(){
						this.isDislagVisable=true
						},
							 //弹框搜索
						searchDeptOrSup(){
							let _this = this;
							if(_this.activeIndex==2 ){
								_this.getSubgroupList(_this.searchText)
							}
						},
						dialogCancle(){
							this.isDislagVisable=false
							this.identityList=[]
						},
						chooseDataSubmit(){
							console.log("已选中的数据",this.identityList)
							this.isDislagVisable=false
							let newArr=[]
							if(this.identityList.length>0){
								for (const key in this.identityList) {
									if(this.identityList[key].id){
										newArr.push(this.identityList[key])
									}
								}
							}
							this.chooseDepList=newArr
							console.log("已选中的数据最后的展示",)
						},
						changeInput(value){
							if(value){
								this.ifShowSearch=true
							}else{
								this.ifShowSearch=false
							}
						},
								filterNodeHandler(value, data, node) {
								if (!value) {
									return true
								}
								let level = node.level
								let _array = [] //这里使用数组存储 只是为了存储值。
								this.getReturnNode(node, _array, value)
								let result = false
								_array.forEach(item => {
									result = result || item
								})
								return result
								},
								getReturnNode(node, _array, value) {
								let isHasData = node.data && node.data.nameinfo && node.data.nameinfo.indexOf(value) !== -1
								isHasData ? _array.push(isHasData) : ''
								if (!isHasData && node.level != 1 && node.parent) {
									this.getReturnNode(node.parent, _array, value)
								}
								},
								deleteResultDepHandler(data, index){
									console.log('弹框删除 deleteResultDepHandler',data ,this.chooseDepList)
									this.chooseDepList.splice(index, 1);

								},
									deleteTagHandler(data, index){
									this.identityList.splice(index, 1);
									console.log('弹框删除',data ,this.chooseDepList)
								},
								handleSelect(val) {
									this.activeIndex = val;
								if(this.activeIndex==1){
									setTimeout(() => {
										this.$refs.tree.filter(this.searchText)
									}, 1000);
									}else{
									this.getSubgroupList(this.searchText)
								  }
								},
									backSelectedDepHandler(id, isIndex = false){
									let isYN = false;
									let seleIndex = -1;
									this.identityList.every((item, index) => {
									if (item.id == id) {
										seleIndex = index;
										isYN = true;
										return false;
									} else {
										return true;
									}
									})
									if (isIndex) {
									return seleIndex;
									} else {
									return isYN;
									}
									} ,
									backSelectedHandler(id, isIndex = false) {
									let isYN = false;
									let seleIndex = -1;
									this.identityList.every((item, index) => {
									if (item.id == id) {
										seleIndex = index;
										isYN = true;
										return false;
									} else {
										return true;
									}
									})
									if (isIndex) {
									return seleIndex;
									} else {
									return isYN;
									}
								},
								chooseHandler(){
									var $dom =$("#announcement");
									var $domBanner=$("#graphic");
									var $domLink=$("#link");
									if($dom.find("input:radio[name='public']:checked").data("type")==4
									||$domBanner.find("input:radio[name='publicBanner']:checked").data("type")==4 ||
									$domLink.find("input:radio[name='publicLink']:checked").data("type")==4){
										this.getDeptTreeList();
										this.getSubgroupList('');
										this.isDislagVisable=true
										this.searchText=""
										let newArr=[]
										if(this.chooseDepList && this.chooseDepList.length>0){
										for (const key in this.chooseDepList) {
											if(this.chooseDepList[key].id){
												newArr.push(this.chooseDepList[key])
											}
										 }
										}
										this.identityList=newArr
										$(".dialog-pop").show();

									}

								},
								// 分组
							tagBtnHandler(data) {
								if (this.backSelectedHandler(data.id)) {
								let indexRow = this.backSelectedHandler(data.id, true);
								if (indexRow != -1) {
									this.identityList.splice(indexRow, 1);
								}
								} else {
									let newArr=[]
								let resultObj={}
								resultObj['id']=data.id
								resultObj['name']=data.name
								resultObj['type']=3
								newArr.push(resultObj)
						          this.identityList=[...this.identityList,...newArr]
								}
								},
							getDeptTreeList(){
								var _this = this;
								if (!_this.dataForm.orgId) {
									_this.$message({message: '请选择项目!', type: 'error'});
									return false;
								};
								$.ajax({
								// url: "http://wx.palmnest.com/super_cloud/api/organisation/department/getDeptTree",
								url:   '/super_cloud/api/organisation/department/getDeptTree',
								type: "POST",
								dataType: "json",
								data: {
									orgId:_this.dataForm.orgId,//项目Id
									virtId: _this.inputUser,//
								},
								success: function (data) {
									// console.log("部门返回",data)
									if(data.code == 200 && data.data){
									_this.dataTree=data.data
									}else{
									_this.dataTree=[]
									}
								},
								error: function(err){

								}
								});
							},
							getProjectList:function(){
							var _this = this
							$.ajax({
								type: "post",
								url:  "/super_service/admin/templ/getOrgList",
								success: function (data) {
									if (data.code == 200) {
										if(data.data.length==1){
											_this.dataForm.orgId=data.data[0].id
											console.log("公告的orgid",_this.dataForm.orgId)
										}
									}
								},
								error: function (error) {
								}
							});
						},
						getQueryString: function (name) {
							var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
							var r = window.location.search.substr(1).match(reg);
							if (r != null) return unescape(r[2]);
							return null;
						},
						ajaxDetail(id){
							var _this = this;
								$.ajax({
									type: "post",
									url:  "/super_service/notice/appNotice/getDetail",
									data: {
										"id": id
									},
									success: function (data) {
										if (data.code == 200) {
											var result=data.data
											_this.chooseDepList=result.deptGroupJson
										}
									}
								});
						},
      					//   //分组数据
							getSubgroupList(val){
								var _this = this;
								if (!_this.dataForm.orgId) {
								_this.$message({message: '请选择项目!', type: 'error'});
								return false;
								};
							$.ajax({
								// url:  'http://wx.palmnest.com/super_cloud/api/organisation/subgroup/getAll',
								url:  '/super_cloud/api/organisation/subgroup/getAll',
								type: "POST",
								dataType: "json",
								data: {
								pageSize:1,
								pageNo:1000,
								"conditions['orgId']":_this.dataForm.orgId,//项目Id 以逗号分隔 最后面不要带逗号
								"conditions['name']": val,//姓名、手机号、项目名 模糊搜索，默认传""
								},
								success: function (data) {
								// console.log("分组返回",data)
								if(data.code == 200 && data.data){
									_this.tagList=data.data
								}else{
									_this.tagList=[]
								}
								},
								error: function(err){

								}
							});
							},
						},
						created(){
							this.contextBasePath = window.location.host
						 	console.log("contextBasePath",this.contextBasePath)
							 this.getProjectList();
							 var id = this.getQueryString("id");
							 if (id) {
								this.ajaxDetail(id)
							}

						},
					})
				})
			</script>
				<script>
					Array.prototype.remove = function(val) {
						var index = this.indexOf(val);
						if (index > -1) {
							this.splice(index, 1);
						}
					};
				</script>
				<script type="text/javascript" src="${ctx }/scripts/admin/cjqt.js"></script>
				<script type="text/javascript" src="<c:url value='/scripts/lib/plugins/noticePhotoClip/base64Tool.js?v=1.0.4'/>"></script>

				<script type="text/javascript" src="<c:url value='/scripts/lib/plugins/noticePhotoClip/jquery.min.js'/>"></script>
				<script type="text/javascript" src="<c:url value='/scripts/lib/plugins/noticePhotoClip/exif.js'/>"></script>
				<script type="text/javascript" src="<c:url value='/scripts/lib/plugins/noticePhotoClip/bootstrap.min.js'/>"></script>
				<script type="text/javascript" src="<c:url value='/scripts/lib/plugins/noticePhotoClip/cropper.js'/>"></script>
				<script type="text/javascript" src="<c:url value='/scripts/lib/plugins/noticePhotoClip/myCrop.js?v=20230331.1'/>"></script>
				<script type="text/javascript" src="<c:url value='/scripts/admin/notice/noticeAppPublish.js?v=20230331.1'/>"></script>
			</body>

			</html>
