<div class="modal fade" id="kvc-editing-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <form class="form-horizontal" name="kvcForm" novalidate>
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="myModalLabel">{{modalTitle}}</h4>
                </div>
                <div class="modal-body">
                    <div class="keyValueConfigEditing">
                        <div>

                            <input ng-model="editingModel.id" type="hidden" />
                            <!--<div class="form-group">
                                <label for="keyCode" class="col-sm-2 control-label">关键数据代码</label>
                                <div class="col-sm-10">
                                    <input type="text" name="keyCode" class="form-control" id="keyCode"
                                           placeholder="关键数据代码" ng-model="editingModel.keyCode"
                                           ng-remote-method="GET"
                                           ng-remote-validate="/keyValueConfig/isDuplicated"
                                           ng-required
                                           ng-maxlength="250"
                                           ng-minlength="1"
                                           ng-disabled="state == 0 || state == 1">
                                    <div ng-if="kvcForm.keyCode.$dirty" class="validate-message">
                                        <span ng-if="kvcForm.keyCode.$error.required">必填项</span>
                                        <span ng-if="kvcForm.keyCode.$error.maxlength">最大长度不超过250</span>
                                        <span ng-show="kvcForm.keyCode.$error.ngRemoteValidate">
                                            已经存在此keyCode
                                        </span>
                                    </div>

                                </div>

                            </div>-->
                            <div class="form-group">
                                <label for="name" class="col-sm-2 control-label" translate="KeyValueName"></label>
                                <div class="col-sm-10">
                                    <input type="text" name="name" class="form-control" id="name"
                                           placeholder="{{'KeyValueName'|translate}}" ng-model="editingModel.name"
                                           ng-remote-method="GET"
                                           ng-remote-validate="/keyValueConfig/isDuplicated"
                                           required
                                           ng-maxlength="50"
                                           ng-minlength="1"
                                           ng-disabled="state == 0 || state == 1"
                                           ng-pattern="/^[^+\-*\/@—]+$/">
                                    <div ng-if="kvcForm.name.$dirty" class="validate-message">
                                        <span ng-if="kvcForm.name.$error.required" translate="RequiredInfo"></span>                                       
                                        <span ng-if="kvcForm.name.$error.maxlength"><span translate="LengthLessThan"></span>50</span>
                                        <span ng-if="kvcForm.name.$error.pattern" translate="KeyValueNamePatternError"></span>
                                        <span ng-show="kvcForm.name.$error.ngRemoteValidate" translate="KeyValueExist">
                                        </span>
                                    </div>

                                </div>

                            </div>
                            <!--<div class="form-group">
                                <label for="name" class="col-sm-2 control-label">关键数据名称</label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" id="name" name="name" placeholder="关键数据名称" ng-model="editingModel.name"
                                           required
                                           maxlength="1000"
                                           ng-disabled="state == 0">
                                    <div ng-if="kvcForm.name.$dirty" class="validate-message">
                                        <span ng-if="kvcForm.name.$error.required">必填项</span>
                                        <span ng-if="kvcForm.name.$error.maxlength">最大长度不超过1000</span>
                                    </div>
                                </div>
                            </div>-->
                            <div class="form-group">
                                <label for="formula" class="col-sm-2 control-label" translate="Formula"></label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="formula" id="formula"
                                           placeholder="{{'Formula'|translate}}"
                                           ng-model="editingModel.formula"
                                           maxlength="4000"
                                           required
                                           ng-remote-method="GET"
                                           ng-remote-validate="/keyValueConfig/isFormulaValid"
                                           ng-disabled="state == 0" ng-blur="mappingDataSource();">
                                    <div ng-if="kvcForm.formula.$dirty" class="validate-message">
                                        <span ng-if="kvcForm.formula.$error.required" translate="RequiredInfo"></span>
                                        <span ng-if="kvcForm.formula.$error.maxlength"><span translate="LengthLessThan"></span>2000</span>
                                        <span ng-show="kvcForm.formula.$error.ngRemoteValidate" translate="FormulaSynxError">
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <!--<div class="form-group">
                                <label for="formula" class="col-sm-2 control-label">公式</label>
                                <div class="col-sm-10">
                                    <mention-input class="inputer" input-class="form-control control-right formula-limit" show-name="true"
                                                   mention-list="mentionList" ng-model="editingModel.formula" input-blur="mappingDataSource()"></mention-input>
                                </div>
                            </div>-->
                            <!--<div class="form-group">
                                <label for="name" class="col-sm-2 control-label">数据源</label>
                                <div class="col-sm-10">
                                    <div class="col-sm-4" dx-select-box="datasourceOptions" ng-model="editingModel.dataSourceKey"></div>
                                    <div class="col-sm-4" dx-text-box="dataSourceNameOptions" ng-disabled="state == 0" ng-model="editingModel.dataSourceName"  id="keyInValue"></div>
                                </div>
                            </div>-->
                            <div class="form-group">
                                <label for="name" class="col-sm-2 control-label" translate="DataSource"></label>
                                <div class="col-sm-10">
                                    <!--<div class="col-sm-4" dx-select-box="datasourceOptions" ng-model="editingModel.dataSourceKey"></div>-->
                                    <div class="col-sm-4" dx-text-box="dataSourceNameOptions"  ng-model="editingModel.dataSourceName" id="keyInValue"></div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="description" class="col-sm-2 control-label" translate="Description"></label>
                                <div class="col-sm-10">
                                    <input type="text" class="form-control" name="description" id="description" ng-model="editingModel.description" placeholder="描述"
                                           maxlength="4000"
                                           required
                                           ng-disabled="state == 0">
                                    <div ng-if="kvcForm.description.$dirty" class="validate-message">
                                        <span ng-if="kvcForm.description.$error.required" translate="RequiredInfo"></span>
                                        <span ng-if="kvcForm.description.$error.maxlength"><span translate="LengthLessThan"></span>4000</span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="industry" class="col-sm-2 control-label" translate="Industry"></label>
                                <div class="col-sm-10">
                                    <div dx-tag-box="industriesSelectOption" dx-validator="industriesSelectOptionValid"></div>
                                   
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="description" class="col-sm-2 control-label" translate="TaxType"></label>
                                <div class="col-sm-10">
                                    <div dx-tag-box="serviceTypeSelectOption" dx-validator="serviceTypeSelectOptionValid"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer" style="padding-left:150px;">
                    <button type="button" class="btn btn-primary" ng-click="saveEditingKvc()" ng-if="state !== 0"><span translate="Save"></span></button>
                     <button type="button" class="btn btn-primary" ng-click="editKvc()" ng-if="actionAuthority&&state === 0 && editingModel.keyValueType === 2"><span translate="Edit"></span></button> 
                    <!--<button type="button" class="btn btn-primary" ng-click="editKvc()" ng-if="actionAuthority&&state === 0">编辑</button>-->

                    <button type="button" class="btn btn-default" data-dismiss="modal"><span translate="Close"></span></button>
                </div>
            </div>
        </form>
    </div>
</div>