{$layout}
{$template "instance_menu"}
{$template "/code_editor"}

<form class="ui form" data-tea-action="$" data-tea-success="success">
	<csrf-token></csrf-token>
	<input type="hidden" name="instanceId" :value="instance.id"/>

	<div class="config-section">
		<div class="section-title">{{t('admins_recipients_instances_update@编辑媒介实例')}}</div>

		<div class="config-item">
			<div class="item-label">{{t('admins_recipients_instances_update@媒介名称')}} *</div>
			<div class="item-content">
				<input type="text" name="name" ref="focus" maxlength="100" v-model="instance.name" :placeholder="t('admins_recipients_instances_update@给当前媒介填写一个容易识别的名称。')"/>
				<p class="comment">{{t('admins_recipients_instances_update@给当前媒介填写一个容易识别的名称。')}}</p>
			</div>
		</div>
		<div class="config-item">
			<div class="item-label">{{t('admins_recipients_instances_update@媒介类型')}} *</div>
			<div class="item-content">
				<message-media-selector :v-media-type="instance.media.type" @change="changeMediaType"></message-media-selector>
			</div>
		</div>

		<!-- E-mail -->
		<div v-show="mediaType == 'email'">
			<div class="config-item">
				<div class="item-label">{{t('SMTP')}} *</div>
				<div class="item-content">
					<input type="text" name="emailSmtp" v-model="instance.params.smtp" maxlength="500" :placeholder="t('类似于_host', ['smtp.example.com:465'])"/>
					<p class="comment">{{t('admins_recipients_instances_update@只支持SSL（或TLS）连接，端口通常为：465或587。')}}</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@账号')}} *</div>
				<div class="item-content">
					<input type="text" name="emailUsername" v-model="instance.params.username" maxlength="500" placeholder="类似于 xxx@example.com" @input="changeEmailUsername"/>
					<p class="comment">{{t('admins_recipients_instances_update@邮箱账号，比如{0}',['123456@qq.com'])}}<span v-html="emailUsernameHelp"></span>。</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@密码')}} *</div>
				<div class="item-content">
					<input type="password" name="emailPassword" v-model="instance.params.password" maxlength="100"/>
					<p class="comment">{{t('admins_recipients_instances_update@账号对应的密码或者授权码（比如QQ邮箱就需要授权码）。')}}</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@发送者Email')}}</div>
				<div class="item-content">
					<input type="text" name="emailFrom" v-model="instance.params.from" maxlength="500" placeholder="类似于 xxx@example.com"/>
					<p class="comment">{{t('admins_recipients_instances_update@默认和账号一致')}}</p>
				</div>
			</div>
		</div>

		<!-- WebHook -->
		<div v-show="mediaType == 'webHook'">
			<div class="config-item">
				<div class="item-label">{{t('URL')}} *</div>
				<div class="item-content">
					<input type="text" name="webHookURL" v-model="instance.params.url" maxlength="500" placeholder="http://..."/>
					<p class="comment">{{t('可以在URL中使用')}}<code-label>${MessageUser}</code-label>、<code-label>${MessageSubject}</code-label>{{t('和')}}<code-label>${MessageBody}</code-label>{{t('来代表接收人标识、标题和内容。')}}</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@请求方法')}} *</div>
				<div class="item-content">
					<b-select
						style="width:10em"
						name="webHookMethod"
						v-model="webHookMethod"
						:options="[
							...methods.map(method => ({
								label: method,
								value: method,
							}))
						]"
					></b-select>
					<p class="comment" v-if="webHookMethod == 'POST'">{{t('将以POST方式发送')}}<code-label>${MessageUser}</code-label>、<code-label>${MessageSubject}</code-label>、<code-label>${MessageBody}</code-label>{{t('admins_recipients_instances_update@参数，分别代表接收人标识、标题和内容')}}</p>
				</div>
			</div>
			<div class="config-item" v-show="advancedOptionsVisible">
				<div class="item-label">{{t('admins_recipients_instances_update@自定义报头')}}</div>
				<div class="item-content">
					<div class="webHook-headers-box">
							<span class="ui label small basic" v-for="(header,index) in webHookHeaders">{{header.name}}:{{header.value}}
								<input type="hidden" name="webHookHeaderNames" :value="header.name"/>
								<input type="hidden" name="webHookHeaderValues" :value="header.value"/>
								<a href="" :title="t('admins_recipients_instances_update@删除')" @click.prevent="removeWebHookHeader(index)"><i class="icon remove"></i></a>
							</span>
					</div>
					<div style="margin-top: 1em">
						<b-add-button @click="addWebHookHeader()" v-if="!webHookHeadersAdding"></b-add-button>
					</div>
					<div v-if="webHookHeadersAdding" style="margin-top: 1em">
						<div class="ui fields inline">
							<div class="ui field">
								<input type="text" name="webHookHeaderName" v-model="webHookHeadersAddingName" size="10" :placeholder="t('admins_recipients_instances_update@名称')" maxlength="100" @keyup.enter="confirmWebHookHeadersAdding" @keypress.enter.prevent="1"/>
							</div>
							<div class="ui field">:</div>
							<div class="ui field">
								<input type="text" :placeholder="t('admins_recipients_instances_update@值')" v-model="webHookHeadersAddingValue" size="20" maxlength="256" @keyup.enter="confirmWebHookHeadersAdding" @keypress.enter.prevent="1"/>
							</div>
							<div class="ui field">
								<button class="ui button tiny" type="button" @click.prevent="confirmWebHookHeadersAdding()">{{t('admins_recipients_instances_update@确定')}}</button>
								&nbsp;  <a href="" @click.prevent="cancelWebHookHeadersAdding()">{{t('admins_recipients_instances_update@取消')}}</a>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="config-item" v-show="webHookMethod == 'POST' && advancedOptionsVisible">
				<div class="item-label">{{t('admins_recipients_instances_update@自定义内容')}}</div>
				<div class="item-content">
					<div class="ui menu tabular small attached">
						<a href="" class="item" :class="{active:webHookContentType == 'params'}" @click.prevent="selectWebHookContentType('params')">{{t('admins_recipients_instances_update@参数对')}}</a>
						<a href="" class="item" :class="{active:webHookContentType == 'body'}" @click.prevent="selectWebHookContentType('body')">{{t('admins_recipients_instances_update@文本内容')}}</a>
					</div>
					<div class="ui segment attached" v-if="webHookContentType == 'params'">
						<input type="hidden" name="webHookContentType" value="params"/>
						<div class="webHook-headers-box">
								<span class="ui label small basic" v-for="(param,index) in webHookParams">{{param.name}}:{{param.value}}
									<input type="hidden" name="webHookParamNames" :value="param.name"/>
									<input type="hidden" name="webHookParamValues" :value="param.value"/>
									<a href="" :title="t('admins_recipients_instances_update@删除')" @click.prevent="removeWebHookParam(index)"><i class="icon remove"></i></a>
								</span>
						</div>
						<b-add-button @click="addWebHookParam()" v-if="!webHookParamsAdding"></b-add-button>
						<div v-if="webHookParamsAdding">
							<input type="hidden" name="webHookContentType" value="params"/>
							<div class="ui fields inline">
								<div class="ui field">
									<input type="text" name="webHookParamName" v-model="webHookParamsAddingName" :placeholder="t('admins_recipients_instances_update@名称')" maxlength="100" @keyup.enter="confirmWebHookParamsAdding" @keypress.enter.prevent="1"/>
								</div>
								<div class="ui field">:</div>
								<div class="ui field">
									<textarea type="text" :placeholder="t('admins_recipients_instances_update@值')" v-model="webHookParamsAddingValue" cols="50" maxlength="1024" rows="2"></textarea>
								</div>
							</div>
							<button class="ui button tiny" type="button" @click.prevent="confirmWebHookParamsAdding()">{{t('admins_recipients_instances_update@确认添加')}}</button>
							&nbsp;  <a href="" @click.prevent="cancelWebHookParamsAdding()">{{t('admins_recipients_instances_update@取消')}}</a>
						</div>
					</div>
					<div class="ui segment attached" v-if="webHookContentType == 'body'">
						<input type="hidden" name="webHookContentType" value="body"/>
						<textarea name="webHookBody" v-model="webHookBody" rows="5" :placeholder="t('admins_recipients_instances_update@发送的内容')"></textarea>
						<p class="comment">
							{{t('admins_recipients_instances_update@内容中可以使用三个变量：')}}<code-label>${MessageUser}</code-label>、<code-label>${MessageSubject}</code-label>和<code-label>${MessageBody}</code-label>{{t('admins_recipients_instances_update@参数，分别代表接收人标识、标题和内容')}}
						</p>
					</div>
				</div>
			</div>
		</div>

		<!-- Script -->
		<div v-show="mediaType == 'script'">
			<div class="config-item">
				<div class="item-content" style="overflow:hidden">
					<input type="hidden" name="scriptType" :value="scriptTab"/>
					<input type="hidden" name="scriptLang" :value="scriptLang"/>
					<div class="ui tabular menu attached small">
						<a class="item" :class="{active:scriptTab == 'path'}" @click.prevent="selectScriptTab('path')">{{t('admins_recipients_instances_update@脚本文件')}}</a>
						<a class="item" :class="{active:scriptTab == 'code'}" @click.prevent="selectScriptTab('code')">{{t('admins_recipients_instances_update@脚本代码')}}</a>
					</div>
					<div class="ui bottom segment attached" v-show="scriptTab == 'path'">
						<input type="text" name="scriptPath" v-model="instance.params.path" maxlength="500"/>
						<p class="comment">{{t('如果是Shell脚本，请不要忘记在头部添加')}} <em>#!{{t('脚本解释工具')}}</em>，{{t('比如')}} <em>#!/bin/bash</em>{{t('执行此脚本时，在脚本中可以使用')}}<code-label>${MessageUser}</code-label>、<code-label>${MessageSubject}</code-label>、<code-label>${MessageBody}</code-label>{{t('三个环境变量分别代表通知的接收人标识、标题和内容。')}}</p>
					</div>
					<div class="ui bottom segment attached" v-show="scriptTab == 'code'" style="padding-top:0">
						<div class="ui menu text small">
							<first-menu>
								<menu-item v-for="lang in scriptLangs" :key="lang.code + scriptLang" :href="''" :active="lang.code == scriptLang" @click.prevent="selectScriptLang(lang.code)">{{lang.name}}</menu-item>
							</first-menu>
						</div>
						<textarea name="scriptCode" id="script-code-editor" rows="1"></textarea>
						<p class="comment">{{t('如果是Shell脚本，请不要忘记在头部添加')}} <em>#!{{t('脚本解释工具')}}</em>，{{t('比如')}} <em>#!/bin/bash</em>{{t('执行此脚本时，在脚本中可以使用')}}<code-label>${MessageUser}</code-label>、<code-label>${MessageSubject}</code-label>、<code-label>${MessageBody}</code-label>{{t('三个环境变量分别代表通知的接收人标识、标题和内容。')}}</p>
					</div>
				</div>
			</div>
			<div class="config-item" v-show="advancedOptionsVisible">
				<div class="item-label">{{t('admins_recipients_instances_update@当前工作目录')}}<em>（CWD）</em></div>
				<div class="item-content">
					<input type="text" name="scriptCwd" v-model="instance.params.cwd" maxlength="500"/>
				</div>
			</div>
			<div class="config-item" v-show="advancedOptionsVisible">
				<div class="item-label">{{t('admins_recipients_instances_update@环境变量')}}<em>（ENV）</em></div>
				<div class="item-content">
					<div class="ui field">
							<span class="ui label small basic" v-for="(var1, index) in env">
								<input type="hidden" name="scriptEnvNames" :value="var1.name"/>
								<input type="hidden" name="scriptEnvValues" :value="var1.value"/>
								<em>{{var1.name}}</em>: {{var1.value}}
								<a href="" @click.prevent="removeEnv(index)"><i class="icon remove"></i></a>
							</span>
					</div>
					<div v-if="envAdding" class="ui fields inline">
						<div class="ui field">
							<input type="text" name="envAddingName" v-model="envAddingName" :placeholder="t('admins_recipients_instances_update@变量名')" style="width:9em" @keyup.enter="confirmAddEnv" @keypress.enter.prevent="1"/>
						</div>
						<div class="ui field">
							<input type="text" name="envAddingValue" v-model="envAddingValue" :placeholder="t('admins_recipients_instances_update@变量值')" style="width:15em" @keyup.enter="confirmAddEnv" @keypress.enter.prevent="1"/>
						</div>
						<div class="ui field">
							<button class="ui button" type="button" @click="confirmAddEnv()">{{t('admins_recipients_instances_update@添加')}}</button>
						</div>
						<div class="ui field">
							<a href="" @click.prevent="cancelEnv()"><i class="icon remove"></i></a>
						</div>
					</div>
					<div class="ui field">
						<b-add-button @click="addEnv()"></b-add-button>
					</div>
				</div>
			</div>
		</div>

		<!-- 钉钉 -->
		<div v-show="mediaType == 'dingTalk'">
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@Hook地址')}} *</div>
				<div class="item-content">
					<textarea name="dingTalkWebHookURL" maxlength="500" placeholder="https://oapi.dingtalk.com/robot/send?access_token=xxx" v-model="instance.params.webHookURL" rows="2"></textarea>
					<p class="comment">{{t('填入自定义群机器人的Hook地址，')}}<a href="https://open.dingtalk.com/document/orgapp/custom-robot-access" target="_blank">{{t('获取方法')}}</a>。</p>
				</div>
			</div>
		</div>

		<!-- 企业微信 -->
		<div v-show="mediaType == 'qyWeixin'">
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@企业ID')}} *</div>
				<div class="item-content">
					<input type="text" name="qyWeixinCorporateId" maxlength="100" v-model="instance.params.corporateId" />
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@应用AgentId')}} *</div>
				<div class="item-content">
					<input type="text" name="qyWeixinAgentId" maxlength="100" v-model="instance.params.agentId"/>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@应用Secret')}} *</div>
				<div class="item-content">
					<input type="text" name="qyWeixinAppSecret" maxlength="100" v-model="instance.params.appSecret"/>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@内容文本格式')}}</div>
				<div class="item-content">
					<b-select
						style="width:10em"
						name="qyWeixinTextFormat"
						v-model="instance.params.textFormat"
						:options="[
							{label: t('admins_recipients_instances_update@普通文本'), value: 'text'},
							{label: 'Markdown', value: 'markdown'},
						]"
					></b-select>
					<p class="comment" v-if="instance.params.textFormat == 'markdown'">{{t('企业微信目前只支持少数的Markdown语法，')}}<a href="https://work.weixin.qq.com/api/doc#90000/90135/90236/%E6%94%AF%E6%8C%81%E7%9A%84markdown%E8%AF%AD%E6%B3%95" target="_blank">{{t('点击这里了解')}}</a>。</p>
				</div>
			</div>
		</div>

		<!-- 企业微信群机器人 -->
		<div v-show="mediaType == 'qyWeixinRobot'">
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@WebHook地址')}} *</div>
				<div class="item-content">
					<textarea name="qyWeixinRobotWebHookURL" v-model="instance.params.webHookURL" maxlength="500" placeholder="https://qyapi.weixin.qq.com/cgi-bin/webHook/send?key=xxx" rows="2"></textarea>
					<p class="comment">{{t('填入自定义群机器人的WebHook地址，')}}<a href="https://open.work.weixin.qq.com/help2/pc/14931" target="_blank">{{t('获取方法')}}</a>。</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@内容文本格式')}}</div>
				<div class="item-content">
					<b-select
						style="width:10em"
						name="qyWeixinRobotTextFormat"
						v-model="instance.params.textFormat"
						:options="[
							{label: t('admins_recipients_instances_update@普通文本'), value: 'text'},
							{label: 'Markdown', value: 'markdown'},
						]"
					></b-select>
					<p class="comment" v-if="instance.params.textFormat == 'markdown'">{{t('企业微信目前只支持少数的Markdown语法，')}}<a href="https://work.weixin.qq.com/api/doc#90000/90135/91760/markdown%E7%B1%BB%E5%9E%8B" target="_blank">{{t('点击这里了解')}}</a>。</p>
				</div>
			</div>
		</div>

		<!-- 阿里云短信 -->
		<div v-show="mediaType == 'aliyunSms'">
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@签名名称')}} *</div>
				<div class="item-content">
					<input type="text" name="aliyunSmsSign" maxlength="100" v-model="instance.params.sign"/>
					<p class="comment">{{t('admins_recipients_instances_update@已经审核通过的短信签名名称')}}</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@模板CODE')}} *</div>
				<div class="item-content">
					<input type="text" name="aliyunSmsTemplateCode" maxlength="100" v-model="instance.params.templateCode" placeholder="类似于SMS_12345"/>
					<p class="comment">{{t('admins_recipients_instances_update@已经审核通过的模板CODE')}}</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@模板变量')}} *</div>
				<div class="item-content">
					<div class="ui field">
							<span class="ui label small basic" v-for="(var1, index) in aliyunSmsTemplateVars">
								<input type="hidden" name="aliyunSmsTemplateVarNames" :value="var1.name"/>
								<input type="hidden" name="aliyunSmsTemplateVarValues" :value="var1.value"/>
								<em>{{var1.name}}</em>: {{var1.value}}
								<a href="" @click.prevent="removeAliyunSmsTemplateVar(index)"><i class="icon remove"></i></a>
							</span>
					</div>
					<div v-if="aliyunSmsTemplateVarAdding" class="ui fields inline">
						<div class="ui field">
							<input type="text" name="aliyunSmsTemplateVarAddingName" v-model="aliyunSmsTemplateVarAddingName" :placeholder="t('admins_recipients_instances_update@变量名')" style="width:9em" @keyup.enter="confirmAddAliyunSmsTemplateVar" @keypress.enter.prevent="1"/>
						</div>
						<div class="ui field">
							<input type="text" name="aliyunSmsTemplateVarAddingValue" v-model="aliyunSmsTemplateVarAddingValue" :placeholder="t('admins_recipients_instances_update@变量值')" style="width:15em" @keyup.enter="confirmAddAliyunSmsTemplateVar" @keypress.enter.prevent="1"/>
						</div>
						<div class="ui field">
							<button class="ui button" type="button" @click="confirmAddAliyunSmsTemplateVar()">{{t('admins_recipients_instances_update@添加')}}</button>
						</div>
						<div class="ui field">
							<a href="" @click.prevent="cancelAliyunSmsTemplateVar()"><i class="icon remove"></i></a>
						</div>
					</div>
					<div class="ui field">
						<b-add-button @click="addAliyunSmsTemplateVar()"></b-add-button>
					</div>
					<p class="comment">{{t('admins_recipients_instances_update@模板中使用的变量，在变量中可以使用')}}<code-label>${MessageUser}</code-label>、<code-label>${MessageSubject}</code-label>、<code-label>${MessageBody}</code-label>{{t('admins_recipients_instances_update@来代表接收人标识、标题和内容。')}}</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('AccessKey ID')}} *</div>
				<div class="item-content">
					<input type="text" name="aliyunSmsAccessKeyId" maxlength="100" v-model="instance.params.accessKeyId"/>
					<p class="comment">{{t('admins_recipients_instances_update@在阿里云控制台中的访问控制中某个用户的AccessKey ID')}}</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('AccessKey Secret')}} *</div>
				<div class="item-content">
					<input type="text" name="aliyunSmsAccessKeySecret" maxlength="100" v-model="instance.params.accessKeySecret"/>
					<p class="comment">{{t('admins_recipients_instances_update@在阿里云控制台中的访问控制中某个用户的AccessKey Secret，和上面的AccessKey ID匹配')}}</p>
				</div>
			</div>
		</div>

		<!-- Telegram -->
		<div v-show="mediaType == 'telegram'">
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@机器人Token')}}</div>
				<div class="item-content">
					<input type="text" name="telegramToken" v-model="instance.params.token"/>
					<p class="comment">{{t('在创建机器人的时候可以获得，类似于')}} <code-label>123456:AAAA-AAAAAAAAAAAAAAAAAAAA</code-label>，{{t('可以向')}} <code-label>@BotFather</code-label> {{t('发送')}} <code-label>/newbot</code-label>{{t('指令创建新的机器人。')}}</p>
				</div>
			</div>
			<div class="config-item">
				<div class="item-label">{{t('admins_recipients_instances_update@代理服务')}}</div>
				<div class="item-content">
					<div class="ui fields inline">
						<div class="ui field">
							<b-select
								name="telegramProxyScheme"
								v-model="telegramProxyScheme"
								:options="[
									{label: 'socks5://', value: 'socks5'},
									{label: 'https://', value: 'https'},
									{label: 'http://', value: 'http'},
								]"
							></b-select>
						</div>
						<div class="ui field">
							<input type="text" name="telegramProxyHost" v-model="telegramProxyHost" placeholder="HOST:PORT"/>
						</div>
					</div>
					<p class="comment">{{t('可选项，仅当API节点所在服务器无法直接连接Telegram API时填写；测试是否能够连接Telegram API的方法：')}}<code-label>curl https://api.telegram.org</code-label>{{t('出现2XX、3XX、4XX之类提示时说明能够直接连接；如果你设置了代理，请使用')}}<code-label>curl -x "你的代理服务地址" https://api.telegram.org</code-label>{{t('来测试你的代理是否可用。')}}</p>
				</div>
			</div>
		</div>

		<!-- 通用设置 -->
		<div class="config-item">
			<div class="item-label">{{t('admins_recipients_instances_update@发送频率')}}<em>（{{t('admins_recipients_instances_update@次')}}/{{t('admins_recipients_instances_update@分钟')}}）</em></div>
			<div class="item-content">
				<div class="ui fields inline">
					<div class="ui field">
						<div class="ui right labeled input">
							<input type="text" name="rateCount" size="4" v-model="instance.rate.count" maxlength="4"/>
							<span class="ui label">{{t('admins_recipients_instances_update@次')}}</span>
						</div>
					</div>
					<div class="ui field">/</div>
					<div class="ui field">
						<div class="ui right labeled input">
							<input type="text" name="rateMinutes" size="4" v-model="instance.rate.minutes" maxlength="4"/>
							<span class="ui label">{{t('admins_recipients_instances_update@分钟')}}</span>
						</div>
					</div>
				</div>
				<p class="comment">{{t('admins_recipients_instances_update@用来限制此媒介的发送频率。')}}</p>
			</div>
		</div>
		<div class="config-item">
			<div class="item-label">{{t('admins_recipients_instances_update@忽略相似消息周期')}}</div>
			<div class="item-content">
				<div class="ui input right labeled">
					<input type="text" name="hashLife" style="width: 5em" maxlength="4" v-model="instance.hashLife"/>
					<span class="ui label">{{t('admins_recipients_instances_update@秒')}}</span>
				</div>
				<p class="comment">{{t('admins_recipients_instances_update@可以在这个时间内忽略相似消息，防止短时间内消息数量过载。不填或者为0，表示默认为60秒。')}}</p>
			</div>
		</div>
		<div class="config-item">
			<div class="item-label">{{t('admins_recipients_instances_update@备注')}}</div>
			<div class="item-content">
				<textarea rows="3" name="description" maxlength="100" v-model="instance.description"></textarea>
			</div>
		</div>
		<div class="config-item">
			<div class="item-label">{{t('admins_recipients_instances_update@启用当前媒介')}}</div>
			<div class="item-content">
				<checkbox name="isOn" :v-value="1" v-model="instance.isOn"></checkbox>
			</div>
		</div>
	</div>

	<div class="margin"></div>
	<submit-btn></submit-btn>
</form>