@egova/egova-api 1.0.161 → 1.0.164

package/dist/index.common.js

@@ -22654,6 +22654,13 @@ module.exports = Object.hasOwn || function hasOwn(it, key) {
 };
 
 
+/***/ }),
+
+/***/ "1a93":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "1aea":
@@ -26344,6 +26351,13 @@ module.exports = version;
 
 /***/ }),
 
+/***/ "2f53":
+/***/ (function(module, exports) {
+
+module.exports = "<span class=\"wrap\">\n    <i-poptip trigger=\"hover\" :content=\"tips\">\n<!--        <div class=\"diy-info-icon\">i</div>-->\n        <i-icon type=\"ios-information-circle-outline\"></i-icon>\n    </i-poptip>\n    <span class=\"title\">{{labelTitle}}</span>\n    <span v-if=\"labelColon\">:</span>\n</span>\n"
+
+/***/ }),
+
 /***/ "342f":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -26459,6 +26473,13 @@ module.exports = function (argument) {
 };
 
 
+/***/ }),
+
+/***/ "3bf8":
+/***/ (function(module, exports) {
+
+module.exports = "<i-modal draggable sticky reset-drag-position :mask-closable=\"false\" v-model=\"show\" width=\"1000\" class=\"u-security-modal diy-modal\" transfer>\n    <header slot=\"header\">授权认证</header>\n    <main class=\"security-content\">\n        <div class=\"left\">\n            <div class=\"left-title\">\n                <div class=\"left-title-text\">授权列表</div>\n                <i class=\"api-icon icon-add\" @click=\"onAddItem\"></i>\n            </div>\n            <div class=\"left-content\">\n                <i-input class=\"diy-input search-input\" v-model=\"keyword\" placeholder=\"输入关键字查询\" @on-change=\"onFilter\">\n                    <template #prefix>\n                        <i-icon type=\"ios-search\"/>\n                    </template>\n                </i-input>\n                <div class=\"security-list\">\n                    <div class=\"security-list-item\"\n                         :class=\"currentSecurityItem.id === item.id ? 'security-list-item-active' : ''\"\n                         v-for=\"(item,index) in securityList\"\n                         :key=\"item.id || index\"\n                         @click=\"onSelectSecurityItem(item)\"\n                    >\n                        <div class=\"security-list-item-name\">\n                            <i class=\"iconfont icon-shouquan1\"></i>\n                            <div class=\"security-list-item-text\">{{ item.name || \"新授权\" }}</div>\n                        </div>\n                        <i-poptip confirm title=\"确认删除这条数据吗？\" transfer placement=\"top-end\" @on-ok=\"onDelete(item)\">\n                            <i class=\"iconfont icon-delete\"></i>\n                        </i-poptip>\n<!--                        <i class=\"iconfont icon-delete\" @click.stop=\"onDelete(item)\"></i>-->\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"right\">\n            <div class=\"right-title\">授权内容</div>\n            <div class=\"right-content\">\n                <i-form class=\"security-content-form\"label-colon :label-width=\"170\" :model=\"currentSecurityItem\">\n                    <template v-if=\"currentSecurityItem.type\">\n                        <i-form-item class=\"security-content-form-item\" label=\"授权名称\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.name\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"授权类型\">\n                            <i-select class=\"diy-select\" v-model=\"currentSecurityItem.type\">\n                                <i-option v-for=\"(item,index) in securityTypeList\" :value=\"item.name\" :key=\"index\">{{ item.text }}</i-option>\n                            </i-select>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type && currentSecurityItem.type !== 'GROOVY_SCRIPT'\">\n                        <i-form-item class=\"security-content-form-item\" label=\"存储位置\">\n                            <i-select class=\"diy-select\" v-model=\"currentSecurityItem.location\">\n                                <i-option v-for=\"(item,index) in tokenLocationTypeList\" :value=\"item.name\" :key=\"item.name\">{{ item.text }}</i-option>\n                            </i-select>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"存储键值\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.locationKey\"></i-input>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type === 'Api_Key'\">\n                        <i-form-item class=\"security-content-form-item\" label=\"key\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.key\"></i-input>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type === 'Base_Auth'\">\n                        <i-form-item class=\"security-content-form-item\" label=\"username\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.username\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"password\">\n                            <i-input class=\"diy-password-input diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.password\" type=\"password\" password></i-input>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type === 'OAuth2'\">\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Header Prefix'\" tips=\"token前缀 例如 Bearer\" label-colon></u-tips-form-label>\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.headerPrefix\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Grant Type'\" tips=\"认证类型\" label-colon></u-tips-form-label>\n                            <i-select v-model=\"currentSecurityItem.content.grantType\" class=\"diy-select\">\n                                <i-option v-for=\"item in grantTypeList\" :key=\"item.name\" :value=\"item.name\"> {{item.text}} </i-option>\n                            </i-select>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Access Token Url'\" tips=\"获取token的httpUrl\" label-colon></u-tips-form-label>\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.tokenUrl\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'TokenPath'\" tips=\"获取响应结果的token路径\" label-colon></u-tips-form-label>\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.tokenPath\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"Client ID\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.clientId\"></i-input>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"Client Secret\">\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.clientSecret\"></i-input>\n                        </i-form-item>\n                        <template v-if=\"currentSecurityItem.content.grantType === 'password'\">\n                            <i-form-item class=\"security-content-form-item\" label=\"username\">\n                                <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.username\"></i-input>\n                            </i-form-item>\n                            <i-form-item class=\"security-content-form-item\" label=\"password\">\n                                <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.password\" type=\"password\" password></i-input>\n                            </i-form-item>\n                        </template>\n                        <i-form-item class=\"security-content-form-item\">\n                            <u-tips-form-label slot=\"label\" :labelTitle=\"'Scope'\" tips=\"访问请求的范围，它可能有多个空格分隔的值\" label-colon></u-tips-form-label>\n                            <i-input class=\"diy-input\" placeholder=\"请输入\" v-model=\"currentSecurityItem.content.scope\"></i-input>\n                        </i-form-item>\n                    </template>\n                    <template v-if=\"currentSecurityItem.type === 'GROOVY_SCRIPT'\">\n                        <i-form-item class=\"security-content-form-item script-area-item\" label=\"授权脚本\">\n                            <i-input class=\"diy-input script-area\" type=\"textarea\" placeholder=\"请输入\" v-model=\"currentSecurityItem.scriptContent\"></i-input>\n                        </i-form-item>\n                    </template>\n                </i-form>\n            </div>\n        </div>\n    </main>\n\n    <footer slot=\"footer\">\n        <template>\n            <i-button class=\"diy-btn-default\" @click=\"onCancel\">取消</i-button>\n            <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\">保存</i-button>\n        </template>\n    </footer>\n</i-modal>\n"
+
 /***/ }),
 
 /***/ "3ca3":
@@ -26497,6 +26518,13 @@ defineIterator(String, 'String', function (iterated) {
 });
 
 
+/***/ }),
+
+/***/ "3de4":
+/***/ (function(module, exports) {
+
+module.exports = "<article class=\"security-setting-v2\">\n    <div class=\"left\">\n        <i-form class=\"type-form diy-form\" label-colon>\n            <i-form-item label=\"选择授权\">\n                <!--            <i-select v-model=\"interfaceModel.authentication && interfaceModel.authentication.type\" class=\"diy-select\">-->\n                <!--                <i-option v-for=\"item in securityTypeList\" :key=\"item.name\" :value=\"item.name\">{{item.text}} </i-option>-->\n                <!--            </i-select>-->\n                <i-select ref=\"addSecuritySelect\" class=\"diy-select add-security-select\" v-model=\"currentSecurityItemId\"  @on-change=\"onChangeSecurityItem($event)\">\n                    <i-option v-for=\"item in securityList\" :key=\"item.id\" :value=\"item.id\">{{ item.name }}</i-option>\n                    <i-option class=\"add-security-item\" value=\"''\">\n                        <div class=\"add-security-item-content\" @click.stop=\"onAddSecurityItem\">\n                            <i class=\"api-icon icon-add\"></i>\n                            <span>新建授权</span>\n                        </div>\n<!--                        <div class=\"add-security-item-content\">-->\n<!--                            <i class=\"api-icon icon-add\"></i>-->\n<!--                            <span>新建授权</span>-->\n<!--                        </div>-->\n                    </i-option>\n                </i-select>\n            </i-form-item>\n            <i-form-item label=\"授权类型\">\n                <span class=\"security-type\">{{ currentSecurityItem._type?.text ?  currentSecurityItem._type.text : \"暂无\" }}</span>\n            </i-form-item>\n        </i-form>\n    </div>\n    <div class=\"right\">\n        <div class=\"right-title\">授权详情</div>\n        <div class=\"right-content\">\n            <div class=\"no-data\" v-if=\"!currentSecurityItem.type\">\n                <div class=\"no-data-bg\"></div>\n                <div class=\"no-data-text\">请在左侧下拉框中选择已建立授权</div>\n            </div>\n            <div class=\"script\" v-if=\"currentSecurityItem.type === 'GROOVY_SCRIPT'\">\n                <div class=\"script-content\">{{ currentSecurityItem.scriptContent }}</div>\n            </div>\n            <div class=\"api-key\" v-if=\"currentSecurityItem.type === 'Api_Key'\">\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\n                    <i-form-item label=\"存储位置\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\"}}</span>\n                    </i-form-item>\n                    <i-form-item label=\"存储键值\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"key\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.key }}</span>\n                    </i-form-item>\n                </i-form>\n            </div>\n            <div class=\"base-auth\" v-if=\"currentSecurityItem.type === 'Base_Auth'\">\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\n                    <i-form-item label=\"存储位置\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\" }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"存储键值\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"username\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.username }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"password\">\n                        <!--                        <span class=\"form-item-text\">{{ \"·\" }}</span>-->\n                        <!--                        <i-input class=\"diy-input\" v-model=\"model.password\" type=\"password\" password placeholder=\"请输入\"> </i-input>-->\n                        <i-input class=\"diy-password-input diy-input\" :value=\"currentSecurityItem.content.password\" type=\"password\"></i-input>\n                    </i-form-item>\n                </i-form>\n            </div>\n            <div class=\"oauth-2\" v-if=\"currentSecurityItem.type === 'OAuth2'\">\n                <i-form class=\"oauth-2-form diy-form\" label-colon>\n                    <i-form-item label=\"存储位置\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem._location?.text ? currentSecurityItem._location.text : \"\" }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"存储键值\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.locationKey }}</span>\n                    </i-form-item>\n                    <i-form-item>\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Header Prefix'\" tips=\"token前缀 例如 Bearer\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.headerPrefix }}</span>\n                    </i-form-item>\n                    <i-form-item>\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Grant Type'\" tips=\"认证类型\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ findGrantTypeText(currentSecurityItem.content.grantType) }}</span>\n                    </i-form-item>\n                    <i-form-item>\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Access Token Url'\" tips=\"获取token的httpUrl\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.tokenUrl }}</span>\n                    </i-form-item>\n                    <i-form-item>\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'TokenPath'\" tips=\"获取响应结果的token路径\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.tokenPath }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"Client ID\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.clientId }}</span>\n                    </i-form-item>\n                    <i-form-item label=\"Client Secret\">\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.clientSecret }}</span>\n                    </i-form-item>\n                    <template v-if=\"currentSecurityItem.content.grantType === 'password'\">\n                        <i-form-item class=\"security-content-form-item\" label=\"username\">\n                            <span class=\"form-item-text\">{{ currentSecurityItem.content.username }}</span>\n                        </i-form-item>\n                        <i-form-item class=\"security-content-form-item\" label=\"password\">\n                            <i-input class=\"diy-password-input diy-input\" :value=\"currentSecurityItem.content.password\" type=\"password\"></i-input>\n                        </i-form-item>\n                    </template>\n                    <i-form-item label=\"Scope\">\n                        <u-tips-form-label slot=\"label\" :labelTitle=\"'Scope'\" tips=\"访问请求的范围，它可能有多个空格分隔的值\" label-colon></u-tips-form-label>\n                        <span class=\"form-item-text\">{{ currentSecurityItem.content.scope }}</span>\n                    </i-form-item>\n                </i-form>\n            </div>\n        </div>\n    </div>\n    <u-security-modal v-model=\"showSecurity\" :projectID=\"projectID\" :isAdd=\"isAdd\" @on-fresh=\"getSecurityList\"></u-security-modal>\n</article>\n"
+
 /***/ }),
 
 /***/ "3f8c":
@@ -38476,6 +38504,13 @@ module.exports = !$assign || fails(function () {
 } : $assign;
 
 
+/***/ }),
+
+/***/ "61ef":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "6255":
@@ -43508,6 +43543,13 @@ if (DESCRIPTORS && !FUNCTION_NAME_EXISTS) {
 }
 
 
+/***/ }),
+
+/***/ "b156":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "b2d8":
@@ -46969,7 +47011,7 @@ $({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
 /***/ "ccf6":
 /***/ (function(module, exports) {
 
-module.exports = "<!DOCTYPE html>\r\n<article class=\"v-api-combine-wrapper\">\r\n    <i-split v-model=\"split\" min=\"200px\" max=\"1100px\">\r\n        <!-- 左侧内容 -->\r\n        <section slot=\"left\" class=\"left-split-pane\">\r\n            <u-type-tree :initSelectItem=\"initNode\" @on-import-success=\"onQuery\" @on-select=\"onNodeSelect\" @on-tree-data=\"onTreeData\"> </u-type-tree>\r\n        </section>\r\n        <!-- 分割线 -->\r\n        <section class=\"trigger\" slot=\"trigger\"></section>\r\n        <!-- 右侧内容 -->\r\n        <section slot=\"right\" class=\"right-split-pane\">\r\n            <section class=\"search-wrapper\">\r\n                <i-form class=\"diy-search-form\" ref=\"searchForm\" :model=\"formData\" label-position=\"left\" label-colon>\r\n                    <i-form-item label=\"名称\" prop=\"name\">\r\n                        <i-input class=\"diy-input\" v-model=\"formData.name\"></i-input>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"编码\" prop=\"code\">\r\n                        <i-input class=\"diy-input\" v-model=\"formData.code\"></i-input>\r\n                    </i-form-item>\r\n                </i-form>\r\n                <div class=\"btns\">\r\n                    <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onQuery\">查询</i-button>\r\n                    <i-button class=\"diy-btn-default\" @click=\"onReset\">重置</i-button>\r\n                </div>\r\n            </section>\r\n            <section class=\"actions-wrapper\">\r\n                <div class=\"action-item action-text\" @click=\"onAdd()\" :class=\"currentNode.id === 'virtual_root_directory' ? 'icon-button-disabled' : ''\">\r\n                    <i class=\"iconfont icon-add\"></i>\r\n                    <div>新增</div>\r\n                </div>\r\n                <div class=\"action-item action-text\" :class=\"selection.length ? '' : 'icon-button-disabled'\" @click=\"onBatchDelete\">\r\n                    <i class=\"iconfont icon-delete\"></i>\r\n                    <span>批量删除</span>\r\n                </div>\r\n            </section>\r\n            <section class=\"main-wrapper\">\r\n                <i-table class=\"diy-table\" :columns=\"columns\" :data=\"list\" @on-selection-change=\"onSelectChange\">\r\n                    <template slot=\"status\" slot-scope=\"{row,index}\">\r\n                        <i-switch class=\"diy-switch\" :value=\"row.status==='PUBLISHED'\" @on-change=\"onStatusChange($event, row, index)\"></i-switch>\r\n                        <span>{{row.status===\"PUBLISHED\" ? \"已发布\" : \"未发布\"}}</span>\r\n                    </template>\r\n                    <template slot=\"doc\" slot-scope=\"{row}\">\r\n                        <a @click=\"onOpenDoc(row)\">查看</a>\r\n                    </template>\r\n                    <template #operates=\"{row,index}\">\r\n                        <div class=\"row-actions\">\r\n                            <i @click.stop=\"onDetail(row)\" title=\"查看\" class=\"iconfont icon-detail\"></i>\r\n                            <i @click.stop=\"onCopy(row)\" title=\"复制\" class=\"iconfont icon-fuzhi\"> </i>\r\n                            <template v-if=\"row.status!=='PUBLISHED'\">\r\n                                <i @click.stop=\"onEdit(row)\" title=\"编辑\" class=\"iconfont icon-edit\"></i>\r\n                                <i-poptip confirm transfer title=\"确认要删除这条数据吗？\" @on-ok=\"onDelete(row)\">\r\n                                    <i title=\"删除\" class=\"iconfont icon-delete\"></i>\r\n                                </i-poptip>\r\n                            </template>\r\n                        </div>\r\n                    </template>\r\n                </i-table>\r\n                <i-page\r\n                    class=\"diy-page\"\r\n                    show-total\r\n                    show-sizer\r\n                    show-elevator\r\n                    :total=\"paging.totalCount\"\r\n                    :current=\"paging.pageIndex\"\r\n                    :page-size=\"paging.pageSize\"\r\n                    @on-change=\"onPageIndexChange\"\r\n                    @on-page-size-change=\"onPageSizeChange\"\r\n                ></i-page>\r\n            </section>\r\n        </section>\r\n    </i-split>\r\n    <i-spin fix v-show=\"loading\">\r\n        <i class=\"spin-icon-load ivu-icon\"></i>\r\n    </i-spin>\r\n    <u-data-model-doc v-model=\"docShow\" :doc=\"doc\"></u-data-model-doc>\r\n    <i-modal draggable sticky reset-drag-position v-model=\"showCopyModal\" class=\"diy-modal combine-copy-modal\" :mask-closable=\"false\" title=\"复制接口\">\r\n        <i-form :label-width=\"100\" class=\"diy-form\" v-model=\"copyData\" label-colon>\r\n            <i-form-item label=\"接口名称\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyData.name\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"接口编码\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyData.code\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"选择分组\" required>\r\n                <u-tree-selector :treeData=\"treeData\" leaf-name=\"copy\" :canChooseFolder=\"true\" v-model=\"categoryData.id\" @on-select=\"selectCategory\"> </u-tree-selector>\r\n            </i-form-item>\r\n        </i-form>\r\n        <footer slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onCopyConfirm\">确定</i-button>\r\n            <i-button class=\"diy-btn-default\" @click=\"onCopyCancel\">取消</i-button>\r\n        </footer>\r\n    </i-modal>\r\n</article>\r\n"
+module.exports = "<!DOCTYPE html>\r\n<article class=\"v-api-combine-wrapper\">\r\n    <i-split v-model=\"split\" min=\"200px\" max=\"1100px\">\r\n        <!-- 左侧内容 -->\r\n        <section slot=\"left\" class=\"left-split-pane\">\r\n            <u-type-tree :taskCategoryID=\"taskCategoryID\" :initSelectItem=\"initNode\" @on-import-success=\"onQuery\" @on-select=\"onNodeSelect\" @on-tree-data=\"onTreeData\"> </u-type-tree>\r\n        </section>\r\n        <!-- 分割线 -->\r\n        <section class=\"trigger\" slot=\"trigger\"></section>\r\n        <!-- 右侧内容 -->\r\n        <section slot=\"right\" class=\"right-split-pane\">\r\n            <section class=\"search-wrapper\">\r\n                <i-form class=\"diy-search-form\" ref=\"searchForm\" :model=\"formData\" label-position=\"left\" label-colon>\r\n                    <i-form-item label=\"名称\" prop=\"name\">\r\n                        <i-input class=\"diy-input\" v-model=\"formData.name\"></i-input>\r\n                    </i-form-item>\r\n                    <i-form-item label=\"编码\" prop=\"code\">\r\n                        <i-input class=\"diy-input\" v-model=\"formData.code\"></i-input>\r\n                    </i-form-item>\r\n                </i-form>\r\n                <div class=\"btns\">\r\n                    <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onQuery\">查询</i-button>\r\n                    <i-button class=\"diy-btn-default\" @click=\"onReset\">重置</i-button>\r\n                </div>\r\n            </section>\r\n            <section class=\"actions-wrapper\">\r\n                <div class=\"action-item action-text\" @click=\"onAdd()\" :class=\"currentNode.id === 'virtual_root_directory' ? 'icon-button-disabled' : ''\">\r\n                    <i class=\"iconfont icon-add\"></i>\r\n                    <div>新增</div>\r\n                </div>\r\n                <div class=\"action-item action-text\" :class=\"selection.length ? '' : 'icon-button-disabled'\" @click=\"onBatchDelete\">\r\n                    <i class=\"iconfont icon-delete\"></i>\r\n                    <span>批量删除</span>\r\n                </div>\r\n            </section>\r\n            <section class=\"main-wrapper\">\r\n                <i-table class=\"diy-table\" :columns=\"columns\" :data=\"list\" @on-selection-change=\"onSelectChange\" @on-row-click=\"onRowClick\">\r\n                <template slot=\"status\" slot-scope=\"{row,index}\">\r\n                        <i-switch class=\"diy-switch\" :value=\"row.status==='PUBLISHED'\" @on-change=\"onStatusChange($event, row, index)\"></i-switch>\r\n                        <span>{{row.status===\"PUBLISHED\" ? \"已发布\" : \"未发布\"}}</span>\r\n                    </template>\r\n                    <template slot=\"doc\" slot-scope=\"{row}\">\r\n                        <a @click=\"onOpenDoc(row)\">查看</a>\r\n                    </template>\r\n                    <template #operates=\"{row,index}\">\r\n                        <div class=\"row-actions\">\r\n                            <i @click.stop=\"onDetail(row)\" title=\"查看\" class=\"iconfont icon-detail\"></i>\r\n                            <i @click.stop=\"onCopy(row)\" title=\"复制\" class=\"iconfont icon-fuzhi\"> </i>\r\n                            <template v-if=\"row.status!=='PUBLISHED'\">\r\n                                <i @click.stop=\"onEdit(row)\" title=\"编辑\" class=\"iconfont icon-edit\"></i>\r\n                                <i-poptip confirm transfer title=\"确认要删除这条数据吗？\" @on-ok=\"onDelete(row)\">\r\n                                    <i title=\"删除\" class=\"iconfont icon-delete\"></i>\r\n                                </i-poptip>\r\n                            </template>\r\n                        </div>\r\n                    </template>\r\n                </i-table>\r\n                <i-page\r\n                    class=\"diy-page\"\r\n                    show-total\r\n                    show-sizer\r\n                    show-elevator\r\n                    :total=\"paging.totalCount\"\r\n                    :current=\"paging.pageIndex\"\r\n                    :page-size=\"paging.pageSize\"\r\n                    @on-change=\"onPageIndexChange\"\r\n                    @on-page-size-change=\"onPageSizeChange\"\r\n                ></i-page>\r\n            </section>\r\n        </section>\r\n    </i-split>\r\n    <i-spin fix v-show=\"loading\">\r\n        <i class=\"spin-icon-load ivu-icon\"></i>\r\n    </i-spin>\r\n    <u-data-model-doc v-model=\"docShow\" :doc=\"doc\"></u-data-model-doc>\r\n    <i-modal draggable sticky reset-drag-position v-model=\"showCopyModal\" class=\"diy-modal combine-copy-modal\" :mask-closable=\"false\" title=\"复制接口\">\r\n        <i-form :label-width=\"100\" class=\"diy-form\" v-model=\"copyData\" label-colon>\r\n            <i-form-item label=\"接口名称\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyData.name\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"接口编码\" required>\r\n                <i-input class=\"diy-input\" v-model=\"copyData.code\"></i-input>\r\n            </i-form-item>\r\n            <i-form-item label=\"选择分组\" required>\r\n                <u-tree-selector :treeData=\"treeData\" leaf-name=\"copy\" :canChooseFolder=\"true\" v-model=\"categoryData.id\" @on-select=\"selectCategory\"> </u-tree-selector>\r\n            </i-form-item>\r\n        </i-form>\r\n        <footer slot=\"footer\">\r\n            <i-button class=\"diy-btn-primary\" type=\"primary\" @click=\"onCopyConfirm\">确定</i-button>\r\n            <i-button class=\"diy-btn-default\" @click=\"onCopyCancel\">取消</i-button>\r\n        </footer>\r\n    </i-modal>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -47195,7 +47237,7 @@ module.exports = /ipad|iphone|ipod/i.test(userAgent) && global.Pebble !== undefi
 /***/ "d63e":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"project-detail\">\r\n    <header>\r\n        <div class=\"environment\">\r\n            <p>{{projectName}}</p>\r\n            <!-- <span>环境变量:</span> -->\r\n            <!-- <i-select class=\"diy-select\"></i-select> -->\r\n        </div>\r\n        <div class=\"btns\">\r\n            <!-- <i-button type=\"primary\" ghost class=\"diy-btn-primary\" @click=\"onOpenGlobalModal\"> <i class=\"api-icon icon-setting\"></i>全局参数设置</i-button> -->\r\n            <!-- <i-button type=\"success\" ghost class=\"diy-btn-success\" @click=\"onOpenCurrentModal\"><i class=\"api-icon icon-view\"></i>查看当前变量</i-button> -->\r\n            <i-button type=\"primary\" class=\"diy-btn-primary button-back\" ghost icon=\"md-return-left\" @click=\"onBack\">返回列表</i-button>\r\n            <i-button v-show=\"active.id\" type=\"primary\" class=\"diy-btn-primary\" ghost @click=\"onToggleLayout\"><i class=\"api-icon icon-switch\"></i>切换布局</i-button>\r\n        </div>\r\n    </header>\r\n    <!-- <main> -->\r\n    <i-split v-model=\"split\" min=\"200px\" max=\"900px\">\r\n        <u-tree slot=\"left\" @on-check-interface=\"onCheckInterface\" @on-edit-interface-success=\"onEditInterfaceSuccess\" :project-id=\"projectId\"></u-tree>\r\n        <section slot=\"right\" class=\"interface-box\">\r\n            <header class=\"interface-bar\">\r\n                <swiper class=\"swiper\" :options=\"swiperOption\" @click-slide=\"onClickSlide\" @ready=\"onSwiperReadied\">\r\n                    <swiper-slide class=\"tag\" @click=\"onClickTag(item)\" :class=\"{'active': item.id === active.id}\" v-for=\"(item,index) in openInterfaceList\" :key=\"item.id\"\r\n                        ><span>{{item.name}}</span> <i-icon type=\"md-close\" @click.stop=\"onClose(index)\"></i-icon\r\n                    ></swiper-slide>\r\n                </swiper>\r\n                <!-- <div class=\"tag\" @click=\"onClickTag(item)\" :class=\"{'active': item.id === active.id}\" v-for=\"(item,index) in openInterfaceList\" :key=\"item.id\">\r\n                    <span>{{item.name}}</span>\r\n                    <i-icon type=\"md-close\" @click.stop=\"onClose(index)\"></i-icon>\r\n                </div> -->\r\n            </header>\r\n            <u-settings :interface-model.sync=\"active\" :project-id=\"projectId\" v-if=\"active.id\" :lengthwise=\"lengthwise\"></u-settings>\r\n        </section>\r\n    </i-split>\r\n    <i-spin fix v-show=\"loading\">\r\n        <i class=\"spin-icon-load ivu-icon\"></i>\r\n    </i-spin>\r\n    <!-- </main> -->\r\n    <u-global-modal :visiable.sync=\"showGlobalModal\">\r\n        <footer slot=\"footer\">\r\n            <i-button @click=\"showGlobalModal = false\">取消</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\">确定</i-button>\r\n        </footer>\r\n    </u-global-modal>\r\n    <u-current-modal :visiable.sync=\"showCurrentModal\"> </u-current-modal>\r\n</article>\r\n"
+module.exports = "<article class=\"project-detail\">\r\n    <header>\r\n        <div class=\"environment\">\r\n            <p>{{projectName}}</p>\r\n            <!-- <span>环境变量:</span> -->\r\n            <!-- <i-select class=\"diy-select\"></i-select> -->\r\n        </div>\r\n        <div class=\"btns\">\r\n            <!-- <i-button type=\"primary\" ghost class=\"diy-btn-primary\" @click=\"onOpenGlobalModal\"> <i class=\"api-icon icon-setting\"></i>全局参数设置</i-button> -->\r\n            <!-- <i-button type=\"success\" ghost class=\"diy-btn-success\" @click=\"onOpenCurrentModal\"><i class=\"api-icon icon-view\"></i>查看当前变量</i-button> -->\r\n            <i-button v-if=\"projectId && projectName\" type=\"primary\" class=\"diy-btn-primary security-btn\" ghost @click=\"onSecurity\"><i class=\"iconfont icon-xinzengzhibiao\"></i>授权认证</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary button-back\" ghost icon=\"md-return-left\" @click=\"onBack\">返回列表</i-button>\r\n            <i-button v-show=\"active.id\" type=\"primary\" class=\"diy-btn-primary\" ghost @click=\"onToggleLayout\"><i class=\"api-icon icon-switch\"></i>切换布局</i-button>\r\n        </div>\r\n    </header>\r\n    <!-- <main> -->\r\n    <i-split v-model=\"split\" min=\"200px\" max=\"900px\">\r\n        <u-tree slot=\"left\" @on-check-interface=\"onCheckInterface\" @on-edit-interface-success=\"onEditInterfaceSuccess\" :project-id=\"projectId\"></u-tree>\r\n        <section slot=\"right\" class=\"interface-box\">\r\n            <header class=\"interface-bar\">\r\n                <swiper class=\"swiper\" :options=\"swiperOption\" @click-slide=\"onClickSlide\" @ready=\"onSwiperReadied\">\r\n                    <swiper-slide class=\"tag\" @click=\"onClickTag(item)\" :class=\"{'active': item.id === active.id}\" v-for=\"(item,index) in openInterfaceList\" :key=\"item.id\"\r\n                        ><span>{{item.name}}</span> <i-icon type=\"md-close\" @click.stop=\"onClose(index)\"></i-icon\r\n                    ></swiper-slide>\r\n                </swiper>\r\n                <!-- <div class=\"tag\" @click=\"onClickTag(item)\" :class=\"{'active': item.id === active.id}\" v-for=\"(item,index) in openInterfaceList\" :key=\"item.id\">\r\n                    <span>{{item.name}}</span>\r\n                    <i-icon type=\"md-close\" @click.stop=\"onClose(index)\"></i-icon>\r\n                </div> -->\r\n            </header>\r\n            <u-settings :interface-model.sync=\"active\" :project-id=\"projectId\" v-if=\"active.id\" :lengthwise=\"lengthwise\"></u-settings>\r\n        </section>\r\n    </i-split>\r\n    <i-spin fix v-show=\"loading\">\r\n        <i class=\"spin-icon-load ivu-icon\"></i>\r\n    </i-spin>\r\n    <!-- </main> -->\r\n    <u-global-modal :visiable.sync=\"showGlobalModal\">\r\n        <footer slot=\"footer\">\r\n            <i-button @click=\"showGlobalModal = false\">取消</i-button>\r\n            <i-button type=\"primary\" class=\"diy-btn-primary\">确定</i-button>\r\n        </footer>\r\n    </u-global-modal>\r\n    <u-current-modal :visiable.sync=\"showCurrentModal\"> </u-current-modal>\r\n    <u-security-modal v-model=\"showSecurity\" :projectID=\"projectId\"></u-security-modal>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -48564,7 +48606,7 @@ module.exports = uncurryThis([].slice);
 /***/ "f40e":
 /***/ (function(module, exports) {
 
-module.exports = "<article class=\"interface-settings\">\r\n    <header>\r\n        <i-input class=\"diy-input\" v-model=\"interfaceModel.info.url\">\r\n            <i-select transfer slot=\"prepend\" class=\"diy-select\" v-model=\"interfaceModel.info.method\">\r\n                <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\r\n            </i-select>\r\n        </i-input>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onRun\">发送</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\" ghost>保存</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onVersion\" ghost>查看历史版本</i-button>\r\n        <i-icon class=\"export\" title=\"导出\" type=\"md-download\" @click=\"onExport\" />\r\n        <i-upload action=\"\" :before-upload=\"onImport\" :show-upload-list=\"false\">\r\n            <i-icon class=\"import\" title=\"导入\" type=\"md-cloud-upload\" />\r\n        </i-upload>\r\n    </header>\r\n    <main :class=\"{'transverse': !lengthwise}\">\r\n        <section class=\"request\">\r\n            <div class=\"request-bar\">\r\n                <div\r\n                    class=\"tag\"\r\n                    :class=\"{'active': currentRequestSettingType.name.indexOf(item.name) === 0}\"\r\n                    v-for=\"(item,index) in requertSettingTypeList\"\r\n                    :key=\"item.name\"\r\n                    @click=\"onClickRequertSettingTpye(item)\"\r\n                >\r\n                    <span>{{item.title}}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"request-content\">\r\n                <component\r\n                    :is=\"currentRequestSettingType.name\"\r\n                    :lengthwise=\"lengthwise\"\r\n                    :interface-model=\"interfaceModel\"\r\n                    :response=\"response\"\r\n                    :key=\"interfaceModel.info.id + currentRequestSettingType.name\"\r\n                ></component>\r\n            </div>\r\n        </section>\r\n        <response :key=\"interfaceModel.info.id + 'response'\" :lengthwise=\"lengthwise\" :response=\"response\"></response>\r\n    </main>\r\n    <i-spin fix v-show=\"loading\">\r\n        <i class=\"spin-icon-load ivu-icon\"></i>\r\n    </i-spin>\r\n</article>\r\n"
+module.exports = "<article class=\"interface-settings\">\r\n    <header>\r\n        <i-input class=\"diy-input\" v-model=\"interfaceModel.info.url\">\r\n            <i-select transfer slot=\"prepend\" class=\"diy-select\" v-model=\"interfaceModel.info.method\">\r\n                <i-option v-for=\"item in typeList\" :key=\"item.value\" :value=\"item.value\">{{item.text}}</i-option>\r\n            </i-select>\r\n        </i-input>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onRun\">发送</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onSave\" ghost>保存</i-button>\r\n        <i-button type=\"primary\" class=\"diy-btn-primary\" @click=\"onVersion\" ghost>查看历史版本</i-button>\r\n        <i-icon class=\"export\" title=\"导出\" type=\"md-download\" @click=\"onExport\" />\r\n        <i-upload action=\"\" :before-upload=\"onImport\" :show-upload-list=\"false\">\r\n            <i-icon class=\"import\" title=\"导入\" type=\"md-cloud-upload\" />\r\n        </i-upload>\r\n    </header>\r\n    <main :class=\"{'transverse': !lengthwise}\">\r\n        <section class=\"request\">\r\n            <div class=\"request-bar\">\r\n                <div\r\n                    class=\"tag\"\r\n                    :class=\"{'active': currentRequestSettingType.name.indexOf(item.name) === 0}\"\r\n                    v-for=\"(item,index) in requertSettingTypeList\"\r\n                    :key=\"item.name\"\r\n                    @click=\"onClickRequertSettingTpye(item)\"\r\n                >\r\n                    <span>{{item.title}}</span>\r\n                </div>\r\n            </div>\r\n            <div class=\"request-content\">\r\n                <component\r\n                    :is=\"currentRequestSettingType.name\"\r\n                    :lengthwise=\"lengthwise\"\r\n                    :interface-model=\"interfaceModel\"\r\n                    :response=\"response\"\r\n                    :key=\"interfaceModel.info.id + currentRequestSettingType.name\"\r\n                    :projectID=\"projectId\"\r\n                    :currentSecurityID=\"currentId\"\r\n                    @on-current-id=\"onCurrentId\"\r\n                ></component>\r\n            </div>\r\n        </section>\r\n        <response :key=\"interfaceModel.info.id + 'response'\" :lengthwise=\"lengthwise\" :response=\"response\"></response>\r\n    </main>\r\n    <i-spin fix v-show=\"loading\">\r\n        <i class=\"spin-icon-load ivu-icon\"></i>\r\n    </i-spin>\r\n</article>\r\n"
 
 /***/ }),
 
@@ -49235,6 +49277,35 @@ function () {
     }
 
     return "";
+  }; // 查找当前目录节点的所有父节点id数据
+
+
+  TreeDataUtil.treeNodeFatherArray = function (treeList, id) {
+    if (treeList === void 0) {
+      treeList = [];
+    }
+
+    var arr = [];
+
+    for (var _i = 0, treeList_2 = treeList; _i < treeList_2.length; _i++) {
+      var node = treeList_2[_i];
+
+      if (node.id === id) {
+        arr.push(node);
+        return arr;
+      }
+
+      if (node.children && node.children.length) {
+        arr = TreeDataUtil.treeNodeFatherArray(node.children, id);
+
+        if (arr.length > 0) {
+          arr.unshift(node);
+          return arr;
+        }
+      }
+    }
+
+    return [];
   };
 
   return TreeDataUtil;
@@ -51687,6 +51758,7 @@ var tree_generator = undefined && undefined.__generator || function (thisArg, bo
 
 
 
+
 var tree_Tree =
 /** @class */
 function (_super) {
@@ -51710,21 +51782,21 @@ function (_super) {
     _this.columns = [{
       type: "index",
       title: "序号",
-      align: "center",
+      align: "left",
       width: 80
     }, {
       title: "名称",
-      align: "center",
+      align: "left",
       key: "name",
       tooltip: true
     }, {
       title: "编码",
-      align: "center",
+      align: "left",
       key: "code",
       tooltip: true
     }, {
       title: "说明",
-      align: "center",
+      align: "left",
       key: "remark",
       tooltip: true
     }];
@@ -51975,9 +52047,13 @@ function (_super) {
     }
   };
 
-  Tree.prototype.onSelect = function (data) {
+  Tree.prototype.onSelect = function (data, isQuery) {
+    if (isQuery === void 0) {
+      isQuery = true;
+    }
+
     this.selectItem = data;
-    this.$emit("on-select", this.selectItem);
+    this.$emit("on-select", this.selectItem, isQuery);
   };
 
   Tree.prototype.initSelectItemChange = function () {
@@ -51988,6 +52064,37 @@ function (_super) {
     }
   };
 
+  Tree.prototype.watchTaskID = function (nv) {
+    if (nv) {
+      var arr = TreeDataUtil.treeNodeFatherArray(this.data, nv);
+
+      if (arr.length > 0) {
+        for (var i = 0; i < arr.length; i++) {
+          if (i === arr.length - 1) {
+            this.onSelect(arr[i], false);
+          } else {
+            arr[i].expand = true;
+            this.onToggleExpand(arr[i]);
+          }
+        }
+      }
+
+      this.$nextTick(function () {
+        clearTimeout();
+        var element = document.getElementsByClassName("ivu-tree-title-selected");
+
+        if (element.length) {
+          setTimeout(function () {
+            element[0].scrollIntoView({
+              behavior: "smooth",
+              block: "center"
+            });
+          }, 200);
+        }
+      });
+    }
+  };
+
   Tree.prototype.onAddTreeNode = function () {
     this.tempNode = {
       name: "",
@@ -52167,10 +52274,18 @@ function (_super) {
 
   tree_decorate([autowired(tree_service), tree_metadata("design:type", typeof (_a = typeof tree_service !== "undefined" && tree_service) === "function" ? _a : Object)], Tree.prototype, "service", void 0);
 
+  tree_decorate([Object(flagwind_web_["config"])({
+    default: ""
+  }), tree_metadata("design:type", String)], Tree.prototype, "taskCategoryID", void 0);
+
   tree_decorate([Object(flagwind_web_["watch"])("initSelectItem", {
     immediate: true
   }), tree_metadata("design:type", Function), tree_metadata("design:paramtypes", []), tree_metadata("design:returntype", void 0)], Tree.prototype, "initSelectItemChange", null);
 
+  tree_decorate([Object(flagwind_web_["watch"])("taskCategoryID", {
+    immediate: false
+  }), tree_metadata("design:type", Function), tree_metadata("design:paramtypes", [String]), tree_metadata("design:returntype", void 0)], Tree.prototype, "watchTaskID", null);
+
   Tree = tree_decorate([Object(flagwind_web_["component"])({
     template: __webpack_require__("46d3"),
     components: {
@@ -52566,39 +52681,39 @@ function (_super) {
     }, {
       title: "名称",
       key: "name",
-      align: "center",
+      align: "left",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "编码",
       key: "code",
-      align: "center",
+      align: "left",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "描述",
       key: "description",
-      align: "center",
+      align: "left",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "发布状态",
-      align: "center",
+      align: "left",
       slot: "status",
       width: 135
     }, {
       title: "接口文档",
-      align: "center",
+      align: "left",
       slot: "doc",
       width: 100
     }, {
       title: "操作",
-      align: "center",
+      align: "left",
       slot: "operates",
-      width: 100
+      width: 150
     }];
     _this.paging = {
       pageIndex: 1,
@@ -52613,6 +52728,7 @@ function (_super) {
       name: undefined,
       code: undefined
     };
+    _this.taskCategoryID = "";
     return _this;
   }
 
@@ -52634,9 +52750,12 @@ function (_super) {
     }
   };
 
-  ProjectCombineManage.prototype.onNodeSelect = function (node) {
-    this.currentNode = node;
-    this.onQuery();
+  ProjectCombineManage.prototype.onNodeSelect = function (node, isQuery) {
+    if (isQuery) {
+      this.taskCategoryID = "";
+      this.currentNode = node;
+      this.onQuery();
+    }
   };
 
   ProjectCombineManage.prototype.onReset = function () {
@@ -52985,6 +53104,12 @@ function (_super) {
     }
   };
 
+  ProjectCombineManage.prototype.onRowClick = function (row, index) {
+    if (this.currentNode.id === "virtual_root_directory") {
+      this.taskCategoryID = row.categoryId;
+    }
+  };
+
   var _a;
 
   project_combine_decorate([autowired(project_combine_service), project_combine_metadata("design:type", typeof (_a = typeof project_combine_service !== "undefined" && project_combine_service) === "function" ? _a : Object)], ProjectCombineManage.prototype, "service", void 0);
@@ -53552,31 +53677,31 @@ function (_super) {
       width: 60
     }, {
       title: "名称",
-      align: "center",
+      align: "left",
       key: "name"
     }, {
       title: "编码",
-      align: "center",
+      align: "left",
       key: "code"
     }, {
       title: "数据源",
-      align: "center",
+      align: "left",
       key: "sourceName"
     }, {
       title: "是否开启缓存",
-      align: "center",
+      align: "left",
       slot: "enableCache"
     }, {
       title: "过期时间(s)",
-      align: "center",
+      align: "left",
       key: "expireSeconds"
     }, {
       title: "描述",
-      align: "center",
+      align: "left",
       key: "description"
     }, {
       title: "接口文档",
-      align: "center",
+      align: "left",
       slot: "doc",
       width: 100
     }]; // 查看文档
@@ -53959,21 +54084,21 @@ function (_super) {
 
     _this.columns = [{
       title: "编码",
-      align: "center",
+      align: "left",
       key: "code",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "名称",
-      align: "center",
+      align: "left",
       key: "name",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "描述",
-      align: "center",
+      align: "left",
       key: "description",
       class: "STRING",
       ellipsis: true,
@@ -53982,7 +54107,7 @@ function (_super) {
       title: "操作",
       key: "operates",
       slot: "operates",
-      align: "center",
+      align: "left",
       width: 80
     }];
     return _this;
@@ -55023,7 +55148,7 @@ function (_super) {
       width: 60
     }, {
       title: "名称",
-      align: "center",
+      align: "left",
       key: "name",
       class: "STRING",
       ellipsis: true,
@@ -55031,14 +55156,14 @@ function (_super) {
       width: 300
     }, {
       title: "地址",
-      align: "center",
+      align: "left",
       key: "url",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "查看详情",
-      align: "center",
+      align: "left",
       slot: "detail",
       width: 100
     }]; // 查看文档
@@ -55421,7 +55546,7 @@ function (_super) {
 
     _this.columns = [{
       title: "名称",
-      align: "center",
+      align: "left",
       key: "name",
       class: "STRING",
       ellipsis: true,
@@ -55429,7 +55554,7 @@ function (_super) {
       width: 300
     }, {
       title: "地址",
-      align: "center",
+      align: "left",
       key: "url",
       class: "STRING",
       ellipsis: true,
@@ -55438,7 +55563,7 @@ function (_super) {
       title: "操作",
       key: "operates",
       slot: "operates",
-      align: "center",
+      align: "left",
       width: 80
     }];
     return _this;
@@ -55926,14 +56051,14 @@ function (_super) {
       width: 60
     }, {
       title: "参数名",
-      align: "center",
+      align: "left",
       slot: "name",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "类型",
-      align: "center",
+      align: "left",
       slot: "type",
       width: 130,
       class: "STRING",
@@ -55941,26 +56066,26 @@ function (_super) {
       tooltip: true
     }, {
       title: "是否必传",
-      align: "center",
+      align: "left",
       slot: "required",
       width: 120
     }, {
       title: "默认值",
-      align: "center",
+      align: "left",
       slot: "defaultValue",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "描述",
-      align: "center",
+      align: "left",
       slot: "description",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "操作",
-      align: "center",
+      align: "left",
       slot: "actions"
     }];
     _this.typeList = [];
@@ -56145,21 +56270,21 @@ function (_super) {
       width: 60
     }, {
       title: "参数名",
-      align: "center",
+      align: "left",
       slot: "name",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "类型",
-      align: "center",
+      align: "left",
       slot: "type",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "操作",
-      align: "center",
+      align: "left",
       slot: "actions"
     }];
     return _this;
@@ -56638,20 +56763,20 @@ function (_super) {
     };
     _this.relationColumns = [{
       title: "类型",
-      align: "center",
+      align: "left",
       key: "type",
       slot: "type",
       width: 280
     }, {
       title: "名称",
-      align: "center",
+      align: "left",
       key: "name",
       class: "STRING",
       ellipsis: true,
       tooltip: true
     }, {
       title: "编码或地址",
-      align: "center",
+      align: "left",
       key: "typeCode",
       class: "STRING",
       ellipsis: true,
@@ -56660,7 +56785,7 @@ function (_super) {
       title: "操作",
       key: "operates",
       slot: "operates",
-      align: "center",
+      align: "left",
       width: 100
     }];
     _this.testShow = false;
@@ -58139,6 +58264,7 @@ function () {
     this.content = "";
     this.location = "";
     this.locationKey = "";
+    this.id = "";
   }
 
   return Authentication;
@@ -58349,6 +58475,22 @@ function (_super) {
     return this._get("/unity/api/project/".concat(id));
   };
 
+  ApiService.prototype.getSecurityList = function (data) {
+    return this._post("/unity/api/authentication/list", data);
+  };
+
+  ApiService.prototype.deleteSecurityItem = function (id) {
+    return this._delete("/unity/api/authentication/".concat(id));
+  };
+
+  ApiService.prototype.addSecurityItem = function (data) {
+    return this._post("/unity/api/authentication", data);
+  };
+
+  ApiService.prototype.updateSecurityItem = function (data) {
+    return this._put("/unity/api/authentication", data);
+  };
+
   var _a, _b;
 
   project_detail_service_decorate([serviceHandler("query", {
@@ -58415,6 +58557,28 @@ function (_super) {
     title: "项目详情"
   }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [String]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "projectInfo", null);
 
+  project_detail_service_decorate([serviceHandler("query", {
+    title: "授权认证列表查询"
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "getSecurityList", null);
+
+  project_detail_service_decorate([serviceHandler("save", {
+    title: "删除授权认证",
+    showTip: true,
+    showErrorMsg: true
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [String]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "deleteSecurityItem", null);
+
+  project_detail_service_decorate([serviceHandler("save", {
+    title: "新增授权认证",
+    showTip: true,
+    showErrorMsg: true
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "addSecurityItem", null);
+
+  project_detail_service_decorate([serviceHandler("save", {
+    title: "更新授权认证",
+    showTip: true,
+    showErrorMsg: true
+  }), project_detail_service_metadata("design:type", Function), project_detail_service_metadata("design:paramtypes", [Object]), project_detail_service_metadata("design:returntype", void 0)], ApiService.prototype, "updateSecurityItem", null);
+
   return ApiService;
 }(common_service);
 
@@ -60456,7 +60620,7 @@ function (_super) {
     }, {
       title: "操作",
       width: 80,
-      align: "center",
+      align: "left",
       slot: "action"
     }];
     _this.valueTypeList = [];
@@ -61627,30 +61791,117 @@ function (_super) {
 // EXTERNAL MODULE: ./src/views/project-detail/interface-settings/index.scss
 var interface_settings = __webpack_require__("2a79");
 
-// CONCATENATED MODULE: ./src/views/project-detail/interface-settings/index.ts
+// EXTERNAL MODULE: ./src/views/project-detail/security-setting-v2/index.scss
+var security_setting_v2 = __webpack_require__("b156");
 
+// EXTERNAL MODULE: ./src/views/project-detail/security-setting-v2/tips-form-label/index.scss
+var security_setting_v2_tips_form_label = __webpack_require__("61ef");
 
+// CONCATENATED MODULE: ./src/views/project-detail/security-setting-v2/tips-form-label/index.ts
 
 
 
 
 
 
+var security_setting_v2_tips_form_label_extends = undefined && undefined.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
 
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
 
+    _extendStatics(d, b);
 
+    function __() {
+      this.constructor = d;
+    }
 
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
 
+var security_setting_v2_tips_form_label_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
 
+var security_setting_v2_tips_form_label_metadata = undefined && undefined.__metadata || function (k, v) {
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
 
 
 
 
+var security_setting_v2_tips_form_label_TipsFormLabel =
+/** @class */
+function (_super) {
+  security_setting_v2_tips_form_label_extends(TipsFormLabel, _super);
 
+  function TipsFormLabel() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
 
+  security_setting_v2_tips_form_label_decorate([Object(flagwind_web_["config"])({
+    default: ""
+  }), security_setting_v2_tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "tips", void 0);
 
+  security_setting_v2_tips_form_label_decorate([Object(flagwind_web_["config"])({
+    default: ""
+  }), security_setting_v2_tips_form_label_metadata("design:type", String)], TipsFormLabel.prototype, "labelTitle", void 0);
 
-var interface_settings_extends = undefined && undefined.__extends || function () {
+  security_setting_v2_tips_form_label_decorate([Object(flagwind_web_["config"])({
+    type: Boolean,
+    default: false
+  }), security_setting_v2_tips_form_label_metadata("design:type", Boolean)], TipsFormLabel.prototype, "labelColon", void 0);
+
+  TipsFormLabel = security_setting_v2_tips_form_label_decorate([Object(flagwind_web_["component"])({
+    template: __webpack_require__("2f53")
+  })], TipsFormLabel);
+  return TipsFormLabel;
+}(flagwind_web_["Component"]);
+
+/* harmony default export */ var project_detail_security_setting_v2_tips_form_label = (security_setting_v2_tips_form_label_TipsFormLabel);
+// EXTERNAL MODULE: ./src/views/project-detail/security-modal/index.scss
+var security_modal = __webpack_require__("1a93");
+
+// CONCATENATED MODULE: ./src/views/project-detail/security-modal/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var security_modal_extends = undefined && undefined.__extends || function () {
   var _extendStatics = function extendStatics(d, b) {
     _extendStatics = Object.setPrototypeOf || {
       __proto__: []
@@ -61678,8 +61929,8 @@ var interface_settings_extends = undefined && undefined.__extends || function ()
   };
 }();
 
-var interface_settings_assign = undefined && undefined.__assign || function () {
-  interface_settings_assign = Object.assign || function (t) {
+var security_modal_assign = undefined && undefined.__assign || function () {
+  security_modal_assign = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
 
@@ -61691,10 +61942,10 @@ var interface_settings_assign = undefined && undefined.__assign || function () {
     return t;
   };
 
-  return interface_settings_assign.apply(this, arguments);
+  return security_modal_assign.apply(this, arguments);
 };
 
-var interface_settings_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+var security_modal_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
   var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
       d;
@@ -61704,11 +61955,962 @@ var interface_settings_decorate = undefined && undefined.__decorate || function
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 
-var interface_settings_metadata = undefined && undefined.__metadata || function (k, v) {
+var security_modal_metadata = undefined && undefined.__metadata || function (k, v) {
   if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 
-var interface_settings_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+var security_modal_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var security_modal_generator = undefined && undefined.__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+
+
+
+
+
+
+
+var security_modal_SecurityModalComponent =
+/** @class */
+function (_super) {
+  security_modal_extends(SecurityModalComponent, _super);
+
+  function SecurityModalComponent() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.securityList = [];
+    _this.keyword = "";
+    _this.currentSecurityItem = {};
+    _this.securityTypeList = [];
+    _this.grantTypeList = [];
+    _this.tokenLocationTypeList = [];
+    _this.isAddOnce = false;
+    _this.exitAddItem = false;
+    _this.onFilter = lodash_debounce_default()(function () {
+      _this.getSecurityList();
+    }, 300);
+    return _this;
+  }
+
+  Object.defineProperty(SecurityModalComponent.prototype, "show", {
+    get: function get() {
+      return this.value;
+    },
+    set: function set(value) {
+      this.$emit("input", value);
+    },
+    enumerable: false,
+    configurable: true
+  });
+
+  SecurityModalComponent.prototype.onShowChange = function (show) {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      return security_modal_generator(this, function (_a) {
+        if (show) {
+          this.isAddOnce = this.isAdd;
+          this.getSecurityTypeList();
+          this.getSecurityList();
+          this.getTokenLocationTypeList();
+          this.getGrantTypeList(); // this.debounceSearch = debounce(this.getSecurityList(this.keyword), 200);
+        }
+
+        return [2
+        /*return*/
+        ];
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.getSecurityTypeList = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var result, tempList;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getEnumByType("authenticationType")];
+
+          case 1:
+            result = _a.sent();
+            tempList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            this.securityTypeList = tempList.filter(function (item) {
+              return item.name !== "None";
+            });
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.getTokenLocationTypeList = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var result;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getEnumByType("tokenLocationType")];
+
+          case 1:
+            result = _a.sent();
+            this.tokenLocationTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.getGrantTypeList = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var result;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getEnumByType("grantType")];
+
+          case 1:
+            result = _a.sent();
+            this.grantTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.getSecurityList = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var res, tempList;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getSecurityList({
+              name: this.keyword,
+              projectId: this.projectID
+            })];
+
+          case 1:
+            res = _a.sent();
+
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              tempList = res.result || [];
+              this.securityList = tempList.map(function (item) {
+                if (item.type !== "GROOVY_SCRIPT") {
+                  item.content = JSON.parse(item.content);
+                } else {
+                  item.scriptContent = item.content;
+                  item.content = {};
+                }
+
+                return item;
+              });
+
+              if (this.isAddOnce || this.exitAddItem) {
+                this.onAddItem();
+                this.isAddOnce = false;
+                this.exitAddItem = false;
+              }
+            }
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.onSelectSecurityItem = function (item) {
+    this.currentSecurityItem = item.$clone();
+  };
+
+  SecurityModalComponent.prototype.onDelete = function (item) {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var res;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            if (!item.id) return [3
+            /*break*/
+            , 2];
+
+            if (this.securityList.find(function (item) {
+              return !item.id;
+            })) {
+              this.exitAddItem = true;
+            }
+
+            return [4
+            /*yield*/
+            , this.service.deleteSecurityItem(item.id)];
+
+          case 1:
+            res = _a.sent();
+
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              this.getSecurityList();
+            }
+
+            return [3
+            /*break*/
+            , 3];
+
+          case 2:
+            this.securityList.shift();
+            _a.label = 3;
+
+          case 3:
+            this.currentSecurityItem = {};
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecurityModalComponent.prototype.onAddItem = function () {
+    if (this.securityList.length > 0 && !this.securityList[0].id) {
+      return;
+    }
+
+    var item = {
+      name: "",
+      type: "GROOVY_SCRIPT",
+      content: {},
+      scriptContent: ""
+    };
+    this.securityList.unshift(item);
+    this.currentSecurityItem = this.securityList[0].$clone();
+  };
+
+  SecurityModalComponent.prototype.onCancel = function () {
+    this.show = false;
+    this.keyword = "";
+    this.currentSecurityItem = {};
+  };
+
+  SecurityModalComponent.prototype.onSave = function () {
+    return security_modal_awaiter(this, void 0, void 0, function () {
+      var data, res;
+      return security_modal_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            data = {
+              projectId: this.projectID,
+              name: this.currentSecurityItem.name,
+              type: this.currentSecurityItem.type
+            };
+
+            if (this.currentSecurityItem.type === "GROOVY_SCRIPT") {
+              data.location = null;
+              data.locationKey = null;
+              data.content = this.currentSecurityItem.scriptContent;
+            } else {
+              data.location = this.currentSecurityItem.location;
+              data.locationKey = this.currentSecurityItem.locationKey;
+              data.content = {};
+
+              if (this.currentSecurityItem.type === "Api_Key") {
+                data.content.key = this.currentSecurityItem.content.key;
+              } else if (this.currentSecurityItem.type === "Base_Auth") {
+                data.content.username = this.currentSecurityItem.content.username;
+                data.content.password = this.currentSecurityItem.content.password;
+              } else if (this.currentSecurityItem.type === "OAuth2") {
+                data = security_modal_assign(security_modal_assign({}, data), this.currentSecurityItem);
+
+                if (this.currentSecurityItem.content.grantType !== "password") {
+                  delete data.content.password;
+                  delete data.content.username;
+                }
+              }
+
+              data.content = JSON.stringify(data.content);
+            }
+
+            res = null;
+            if (!this.currentSecurityItem.id) return [3
+            /*break*/
+            , 2];
+            data.id = this.currentSecurityItem.id;
+            return [4
+            /*yield*/
+            , this.service.updateSecurityItem(data)];
+
+          case 1:
+            res = _a.sent();
+            return [3
+            /*break*/
+            , 4];
+
+          case 2:
+            return [4
+            /*yield*/
+            , this.service.addSecurityItem(data)];
+
+          case 3:
+            res = _a.sent();
+            _a.label = 4;
+
+          case 4:
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              this.getSecurityList();
+              this.$emit("on-fresh");
+            }
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  var _a;
+
+  security_modal_decorate([autowired(project_detail_service), security_modal_metadata("design:type", typeof (_a = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _a : Object)], SecurityModalComponent.prototype, "service", void 0);
+
+  security_modal_decorate([Object(flagwind_web_["config"])({
+    type: Boolean,
+    default: true
+  }), security_modal_metadata("design:type", Boolean)], SecurityModalComponent.prototype, "value", void 0);
+
+  security_modal_decorate([Object(flagwind_web_["config"])({
+    type: String,
+    default: ""
+  }), security_modal_metadata("design:type", String)], SecurityModalComponent.prototype, "projectID", void 0);
+
+  security_modal_decorate([Object(flagwind_web_["config"])({
+    type: Boolean,
+    default: false
+  }), security_modal_metadata("design:type", Boolean)], SecurityModalComponent.prototype, "isAdd", void 0);
+
+  security_modal_decorate([Object(flagwind_web_["watch"])("show"), security_modal_metadata("design:type", Function), security_modal_metadata("design:paramtypes", [Boolean]), security_modal_metadata("design:returntype", Promise)], SecurityModalComponent.prototype, "onShowChange", null);
+
+  SecurityModalComponent = security_modal_decorate([Object(flagwind_web_["component"])({
+    template: __webpack_require__("3bf8"),
+    components: {
+      "u-tips-form-label": project_detail_security_setting_v2_tips_form_label
+    }
+  })], SecurityModalComponent);
+  return SecurityModalComponent;
+}(flagwind_web_["Component"]);
+
+/* harmony default export */ var project_detail_security_modal = (security_modal_SecurityModalComponent);
+// CONCATENATED MODULE: ./src/views/project-detail/security-setting-v2/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var security_setting_v2_extends = undefined && undefined.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var security_setting_v2_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var security_setting_v2_metadata = undefined && undefined.__metadata || function (k, v) {
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+var security_setting_v2_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function (resolve) {
+      resolve(value);
+    });
+  }
+
+  return new (P || (P = Promise))(function (resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+};
+
+var security_setting_v2_generator = undefined && undefined.__generator || function (thisArg, body) {
+  var _ = {
+    label: 0,
+    sent: function sent() {
+      if (t[0] & 1) throw t[1];
+      return t[1];
+    },
+    trys: [],
+    ops: []
+  },
+      f,
+      y,
+      t,
+      g;
+  return g = {
+    next: verb(0),
+    "throw": verb(1),
+    "return": verb(2)
+  }, typeof Symbol === "function" && (g[Symbol.iterator] = function () {
+    return this;
+  }), g;
+
+  function verb(n) {
+    return function (v) {
+      return step([n, v]);
+    };
+  }
+
+  function step(op) {
+    if (f) throw new TypeError("Generator is already executing.");
+
+    while (_) {
+      try {
+        if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+        if (y = 0, t) op = [op[0] & 2, t.value];
+
+        switch (op[0]) {
+          case 0:
+          case 1:
+            t = op;
+            break;
+
+          case 4:
+            _.label++;
+            return {
+              value: op[1],
+              done: false
+            };
+
+          case 5:
+            _.label++;
+            y = op[1];
+            op = [0];
+            continue;
+
+          case 7:
+            op = _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+
+          default:
+            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+              _ = 0;
+              continue;
+            }
+
+            if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+              _.label = op[1];
+              break;
+            }
+
+            if (op[0] === 6 && _.label < t[1]) {
+              _.label = t[1];
+              t = op;
+              break;
+            }
+
+            if (t && _.label < t[2]) {
+              _.label = t[2];
+
+              _.ops.push(op);
+
+              break;
+            }
+
+            if (t[2]) _.ops.pop();
+
+            _.trys.pop();
+
+            continue;
+        }
+
+        op = body.call(thisArg, _);
+      } catch (e) {
+        op = [6, e];
+        y = 0;
+      } finally {
+        f = t = 0;
+      }
+    }
+
+    if (op[0] & 5) throw op[1];
+    return {
+      value: op[0] ? op[1] : void 0,
+      done: true
+    };
+  }
+};
+
+
+
+
+
+
+
+
+
+var security_setting_v2_SecuritySettingV2 =
+/** @class */
+function (_super) {
+  security_setting_v2_extends(SecuritySettingV2, _super);
+
+  function SecuritySettingV2() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+
+    _this.securityList = [];
+    _this.currentSecurityItem = {};
+    _this.currentSecurityItemId = "";
+    _this.showSecurity = false;
+    _this.isAdd = true;
+    _this.grantTypeList = [];
+    return _this;
+  }
+
+  SecuritySettingV2.prototype.mounted = function () {
+    var _a;
+
+    return security_setting_v2_awaiter(this, void 0, void 0, function () {
+      var _this = this;
+
+      return security_setting_v2_generator(this, function (_b) {
+        switch (_b.label) {
+          case 0:
+            this.getGrantTypeList();
+            return [4
+            /*yield*/
+            , this.getSecurityList()];
+
+          case 1:
+            _b.sent();
+
+            if (this.currentSecurityID) {
+              this.currentSecurityItemId = this.currentSecurityID;
+            } else if ((_a = this.interfaceModel.authentication) === null || _a === void 0 ? void 0 : _a.id) {
+              this.currentSecurityItemId = this.interfaceModel.authentication.id;
+            }
+
+            this.currentSecurityItem = this.securityList.find(function (item) {
+              return item.id === _this.currentSecurityItemId;
+            }) || {};
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecuritySettingV2.prototype.getGrantTypeList = function () {
+    return security_setting_v2_awaiter(this, void 0, void 0, function () {
+      var result;
+      return security_setting_v2_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getEnumByType("grantType")];
+
+          case 1:
+            result = _a.sent();
+            this.grantTypeList = (result === null || result === void 0 ? void 0 : result.result) || [];
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecuritySettingV2.prototype.findGrantTypeText = function (name) {
+    var res = this.grantTypeList.find(function (item) {
+      return item.name === name;
+    });
+    return res ? res.text : "";
+  };
+
+  SecuritySettingV2.prototype.getSecurityList = function () {
+    return security_setting_v2_awaiter(this, void 0, void 0, function () {
+      var res, tempList;
+      return security_setting_v2_generator(this, function (_a) {
+        switch (_a.label) {
+          case 0:
+            return [4
+            /*yield*/
+            , this.service.getSecurityList({
+              projectId: this.projectID
+            })];
+
+          case 1:
+            res = _a.sent();
+
+            if (!(res === null || res === void 0 ? void 0 : res.hasError)) {
+              tempList = res.result || [];
+              this.securityList = tempList.map(function (item) {
+                if (item.type !== "GROOVY_SCRIPT") {
+                  item.content = JSON.parse(item.content);
+                } else {
+                  item.scriptContent = item.content;
+                  item.content = {};
+                }
+
+                return item;
+              });
+            }
+
+            return [2
+            /*return*/
+            ];
+        }
+      });
+    });
+  };
+
+  SecuritySettingV2.prototype.onChangeSecurityItem = function (id) {
+    this.$emit("on-current-id", id);
+    this.currentSecurityItem = this.securityList.find(function (item) {
+      return item.id === id;
+    });
+    this.interfaceModel.authentication = this.interfaceModel.authentication || new Authentication();
+    this.interfaceModel.authentication.type = this.currentSecurityItem.type;
+    this.interfaceModel.authentication.location = this.currentSecurityItem.location;
+    this.interfaceModel.authentication.locationKey = this.currentSecurityItem.locationKey;
+
+    if (this.currentSecurityItem.type === "GROOVY_SCRIPT") {
+      this.interfaceModel.authentication.content = this.currentSecurityItem.scriptContent;
+    } else {
+      this.interfaceModel.authentication.content = JSON.stringify(this.currentSecurityItem.content);
+    }
+
+    this.interfaceModel.info.authId = this.currentSecurityItem.id;
+  };
+
+  SecuritySettingV2.prototype.onAddSecurityItem = function () {
+    this.$refs.addSecuritySelect.visible = false;
+    this.showSecurity = true;
+  };
+
+  var _a, _b;
+
+  security_setting_v2_decorate([autowired(project_detail_service), security_setting_v2_metadata("design:type", typeof (_a = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _a : Object)], SecuritySettingV2.prototype, "service", void 0);
+
+  security_setting_v2_decorate([Object(flagwind_web_["config"])({
+    default: function _default() {
+      return new InterfaceModel();
+    }
+  }), security_setting_v2_metadata("design:type", typeof (_b = typeof InterfaceModel !== "undefined" && InterfaceModel) === "function" ? _b : Object)], SecuritySettingV2.prototype, "interfaceModel", void 0);
+
+  security_setting_v2_decorate([Object(flagwind_web_["config"])({
+    type: String,
+    default: ""
+  }), security_setting_v2_metadata("design:type", String)], SecuritySettingV2.prototype, "projectID", void 0);
+
+  security_setting_v2_decorate([Object(flagwind_web_["config"])({
+    type: String,
+    default: ""
+  }), security_setting_v2_metadata("design:type", String)], SecuritySettingV2.prototype, "currentSecurityID", void 0);
+
+  SecuritySettingV2 = security_setting_v2_decorate([Object(flagwind_web_["component"])({
+    template: __webpack_require__("3de4"),
+    components: {
+      "u-tips-form-label": project_detail_security_setting_v2_tips_form_label,
+      "u-security-modal": project_detail_security_modal
+    }
+  })], SecuritySettingV2);
+  return SecuritySettingV2;
+}(flagwind_web_["Component"]);
+
+/* harmony default export */ var project_detail_security_setting_v2 = (security_setting_v2_SecuritySettingV2);
+// CONCATENATED MODULE: ./src/views/project-detail/interface-settings/index.ts
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var interface_settings_extends = undefined && undefined.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var interface_settings_assign = undefined && undefined.__assign || function () {
+  interface_settings_assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return interface_settings_assign.apply(this, arguments);
+};
+
+var interface_settings_decorate = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) {
+    if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  }
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+var interface_settings_metadata = undefined && undefined.__metadata || function (k, v) {
+  if ((typeof Reflect === "undefined" ? "undefined" : _typeof(Reflect)) === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+
+var interface_settings_awaiter = undefined && undefined.__awaiter || function (thisArg, _arguments, P, generator) {
   function adopt(value) {
     return value instanceof P ? value : new P(function (resolve) {
       resolve(value);
@@ -61864,6 +63066,7 @@ var interface_settings_generator = undefined && undefined.__generator || functio
 
 
 
+
 var interface_settings_InterfaceSettings =
 /** @class */
 function (_super) {
@@ -61875,6 +63078,7 @@ function (_super) {
     _this.response = new Response();
     _this.responseCache = new Map();
     _this.loading = false;
+    _this.currentId = "";
     _this.typeList = [{
       value: "GET",
       text: "GET"
@@ -61894,9 +63098,13 @@ function (_super) {
     }, {
       title: "Headers",
       name: "headers"
-    }, {
+    }, // {
+    //     title: "授权管理",
+    //     name: "security"
+    // },
+    {
       title: "授权管理",
-      name: "security"
+      name: "v2security"
     }, {
       title: "前置脚本",
       name: "pre-execution"
@@ -62074,6 +63282,10 @@ function (_super) {
     });
   };
 
+  InterfaceSettings.prototype.onCurrentId = function (id) {
+    this.currentId = id;
+  };
+
   var _a, _b;
 
   interface_settings_decorate([autowired(project_detail_service), interface_settings_metadata("design:type", typeof (_a = typeof project_detail_service !== "undefined" && project_detail_service) === "function" ? _a : Object)], InterfaceSettings.prototype, "service", void 0);
@@ -62105,7 +63317,8 @@ function (_super) {
       security: project_detail_security_setting,
       "pre-execution": project_detail_pre_execution_setting,
       "after-execution-transfer": project_detail_after_execution_transfer,
-      "after-execution-script": after_execution_script
+      "after-execution-script": after_execution_script,
+      "v2security": project_detail_security_setting_v2
     }
   })], InterfaceSettings);
   return InterfaceSettings;
@@ -63228,6 +64441,7 @@ var project_detail_generator = undefined && undefined.__generator || function (t
 
 
 
+
 var project_detail_ProjectDetail =
 /** @class */
 function (_super) {
@@ -63241,6 +64455,7 @@ function (_super) {
     _this.lengthwise = true;
     _this.showGlobalModal = false;
     _this.showCurrentModal = false;
+    _this.showSecurity = false;
     _this.projectId = "";
     _this.projectName = "";
     _this.split = "340px";
@@ -63414,6 +64629,10 @@ function (_super) {
     this.lengthwise = !this.lengthwise;
   };
 
+  ProjectDetail.prototype.onSecurity = function () {
+    this.showSecurity = true;
+  };
+
   ProjectDetail.prototype.onOpenGlobalModal = function () {
     this.showGlobalModal = true;
   };
@@ -63471,7 +64690,8 @@ function (_super) {
       "u-global-modal": project_detail_global_variable_modal,
       "u-current-modal": project_detail_current_variable_modal,
       Swiper: vue_awesome_swiper["Swiper"],
-      SwiperSlide: vue_awesome_swiper["SwiperSlide"]
+      SwiperSlide: vue_awesome_swiper["SwiperSlide"],
+      "u-security-modal": project_detail_security_modal
     },
     directives: {
       swiper: vue_awesome_swiper["directive"]