{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\views\\system\\SysExternalUnite\\SysExternalUnite.vue?vue&type=template&id=0efe055e&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\views\\system\\SysExternalUnite\\SysExternalUnite.vue","mtime":1675071993225},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\loaders\\templateLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n<div>\n  <el-container >\n    <el-header style=\"padding:0;height:auto\">\n      <el-button\n        v-if=\"data.length < 3\"\n        type=\"primary\"\n        icon=\"el-icon-add\"\n        @click=\"handleCommand({ command: 'add' })\"\n      >添加</el-button>\n    </el-header>\n    <el-main>\n      <el-row :gutter=\"10\">\n        <el-col :span=\"8\" v-for=\"item in data\" :key=\"item.id\">\n          <el-card class=\"box-card\" body-style=\"margin:5px;padding:5px;min-height:150px;\">\n            <el-row>\n              <el-col :span=\"10\">\n                <img :src=\"'img/' + item.type + '.png'\" class=\"image\" />\n              </el-col>\n              <el-col :span=\"14\">\n                <div class=\"divText\">{{ item.corpName }}</div>\n              </el-col>\n            </el-row>\n            <div class=\"bottom clearfix\">\n              <el-row type=\"flex\" justify=\"space-around\">\n                <el-button-group>\n                  <el-button size=\"small\" @click=\"handleCommand({ command: 'edit', row: item })\">编辑</el-button>\n                  <el-button size=\"small\" @click=\"handleCommand({ command: 'setAgent', row: item })\" v-if=\"item.type == 'weChatWork' || item.type == 'dingtalk'\">配置应用</el-button>\n                  <el-button size=\"small\" @click=\"syncUser(item)\" v-if=\"item.type == 'weChatWork' || item.type == 'dingtalk'\">上传通讯录</el-button>\n                  <el-button size=\"small\" @click=\"pullUser(item)\" v-if=\"item.type == 'weChatWork' || item.type == 'dingtalk'\">拉取通讯录</el-button>\n                  <el-button size=\"small\" @click=\"getMenu(item)\" v-if=\"item.type == 'weChatOffAcc'\">生成菜单</el-button>\n                  <el-button size=\"small\" @click=\"openTempMsgIdDialog(item)\"  v-if=\"item.type == 'weChatOffAcc'\">设置模板消息ID</el-button>\n                  <el-button size=\"small\" @click=\"handleCommand({ command: 'del', row: item })\">删除</el-button>\n                </el-button-group>\n              </el-row>\n            </div>\n          </el-card>\n        </el-col>\n      </el-row>\n    </el-main>\n  </el-container>\n  <el-dialog\n    width=\"40%\"\n    :title=\"title\"\n    :visible=\"dialogVisible\"\n    v-if=\"dialogVisible\"\n    :before-close=\"handleClose\"\n    append-to-body\n    :close-on-click-modal=\"false\"\n  >\n    <el-form\n      :disabled=\"systemDisabled\"\n      v-model=\"sysExternalUnite\"\n      data-vv-scope=\"sysExternalUniteForm\"\n    >\n      <ht-form-item label=\"集成类型\" prop=\"type\" label-width=\"120px\" class=\"identity-input-width\">\n        <ht-select\n          :disabled=\"sysExternalUnite.id != ''\"\n          v-model=\"sysExternalUnite.type\"\n          :options=\"typeList\"\n          :validate=\"{ required: true }\"\n          placeholder=\"请选择集成类型\"\n        />\n      </ht-form-item>\n      <ht-form-item\n        label-width=\"120px\"\n        class=\"identity-input-width\"\n        prop=\"corpId\"\n        v-if=\"sysExternalUnite.type\"\n      >\n        <template slot=\"label\" v-if=\"sysExternalUnite.type == 'weChatWork'\">\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">\n              企业id。第三方平台给予的企业标识。 在\n              <a\n                href=\"https://work.weixin.qq.com/wework_admin/frame#profile\"\n                target=\"_blank\"\n                style=\"color:#90c2f7;text-decoration:underline\"\n              >企业微信开放平台</a>的基本信息\n            </div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>corpId</span>\n        </template>\n        <template slot=\"label\" v-else-if=\"sysExternalUnite.type == 'dingtalk'\">\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">\n              企业id。第三方平台给予的企业标识。 在\n              <a\n                href=\"https://open-dev.dingtalk.com/#/corpAuthInfo\"\n                target=\"_blank\"\n                style=\"color:#90c2f7;text-decoration:underline\"\n              >钉钉开放平台</a>的基本信息-开发信息(旧版)\n            </div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>corpId</span>\n        </template>\n        <template slot=\"label\" v-else-if=\"sysExternalUnite.type == 'weChatOffAcc'\">\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">开发者ID(AppID)。在微信公众平台-开发-基本配置</div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>AppID</span>\n        </template>\n\n        <ht-input\n          v-model.trim=\"sysExternalUnite.corpId\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true }\"\n          placeholder=\"请输入corpId\"\n        ></ht-input>\n      </ht-form-item>\n\n      <ht-form-item\n        label-width=\"120px\"\n        class=\"identity-input-width\"\n        prop=\"corpSecret\"\n        v-if=\"\n          sysExternalUnite.type == 'weChatWork' ||\n            sysExternalUnite.type == 'weChatOffAcc'\n        \"\n      >\n        <template slot=\"label\" v-if=\"sysExternalUnite.type == 'weChatWork'\">\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">\n              第三方同步通讯录的secret。 在\n              <a\n                href=\"https://work.weixin.qq.com/wework_admin/frame#apps/contactsApi\"\n                target=\"_blank\"\n                style=\"color:#90c2f7;text-decoration:underline\"\n              >企业微信</a>的管理工具-通讯录同步\n            </div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>corpSecret</span>\n        </template>\n        <template slot=\"label\" v-else>\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">开发者密码(AppSecret)。在微信公众平台-开发-基本配置</div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>AppSecret</span>\n        </template>\n        <ht-input\n          v-model.trim=\"sysExternalUnite.corpSecret\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true }\"\n          placeholder=\"请输入corpSecret\"\n        ></ht-input>\n      </ht-form-item>\n\n      <ht-form-item prop=\"baseUrl\" label-width=\"120px\" class=\"identity-input-width\">\n        <template slot=\"label\">\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">\n              格式：【http或https】+【域名】+【端口号】+【根路径】\n              如：http://www.hotent.org:8280/mobilevue\n            </div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>移动端地址</span>\n        </template>\n        <ht-input\n          v-model.trim=\"sysExternalUnite.baseUrl\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true }\"\n          placeholder=\"请输入本系统地址\"\n        ></ht-input>\n      </ht-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <ht-submit-button\n        v-show=\"!systemDisabled\"\n        :url=\"saveSysExternalUnite()\"\n        :model=\"sysExternalUnite\"\n        :is-submit=\"isSubmit\"\n        request-method=\"POST\"\n        scope-name=\"sysExternalUniteForm\"\n        @before-save-data=\"beforeSaveData\"\n        @after-save-data=\"afterSaveData\"\n      >{{ $t(\"eip.common.save\") }}</ht-submit-button>\n      <el-button @click=\"dialogCancle()\">\n        {{\n        $t(\"eip.common.cancel\")\n        }}\n      </el-button>\n    </div>\n  </el-dialog>\n\n  <ht-sidebar-dialog\n    width=\"33%\"\n    title=\"配置应用\"\n    :visible=\"sysExtUniSetAgentVisible\"\n    :destroy-on-close=\"true\"\n    v-if=\"sysExtUniSetAgentVisible\"\n    @before-close=\"handleClose\"\n  >\n    <el-form v-model=\"sysExternalUnite\" data-vv-scope=\"sysExtUniSetAgentForm\">\n      <ht-form-item label-width=\"120px\" class=\"identity-input-width\" prop=\"agentId\">\n        <template slot=\"label\">\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">\n              第三方应用id。\n              <span v-if=\"sysExternalUnite.type == 'weChatWork'\">\n                在\n                <a\n                  href=\"https://work.weixin.qq.com/wework_admin/frame#apps\"\n                  target=\"_blank\"\n                  style=\"color:#90c2f7;text-decoration:underline\"\n                >企业微信</a>的应用管理里\n              </span>\n              <span v-else>\n                在\n                <a\n                  href=\"https://open-dev.dingtalk.com/#/corph5\"\n                  target=\"_blank\"\n                  style=\"color:#90c2f7;text-decoration:underline\"\n                >钉钉开放平台</a>企业内部开发-H5微应用里-进入微应用-【应用信息-查看详情】\n              </span>\n            </div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>agentId</span>\n        </template>\n\n        <ht-input\n          v-model.trim=\"sysExternalUnite.agentId\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true }\"\n          placeholder=\"agentId\"\n        ></ht-input>\n      </ht-form-item>\n      <ht-form-item\n        label-width=\"120px\"\n        class=\"identity-input-width\"\n        prop=\"appKey\"\n        v-if=\"sysExternalUnite.type == 'dingtalk'\"\n      >\n        <template slot=\"label\">\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">\n              第三方应用key。 在\n              <a\n                href=\"https://open-dev.dingtalk.com/#/corph5\"\n                target=\"_blank\"\n                style=\"color:#90c2f7;text-decoration:underline\"\n              >钉钉开放平台</a>企业内部开发-H5微应用里-进入微应用-【应用信息-查看详情】\n            </div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>appKey</span>\n        </template>\n\n        <ht-input\n          v-model.trim=\"sysExternalUnite.agentKey\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true }\"\n          placeholder=\"请输入appKey\"\n        ></ht-input>\n      </ht-form-item>\n      <ht-form-item label-width=\"120px\" class=\"identity-input-width\" prop=\"agentSecret\">\n        <template slot=\"label\">\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">\n              第三方应用secret。\n              <span v-if=\"sysExternalUnite.type == 'weChatWork'\">\n                在\n                <a\n                  href=\"https://work.weixin.qq.com/wework_admin/frame#apps\"\n                  target=\"_blank\"\n                  style=\"color:#90c2f7;text-decoration:underline\"\n                >企业微信</a>的应用管理里\n              </span>\n              <span v-else>\n                在\n                <a\n                  href=\"https://open-dev.dingtalk.com/#/corph5\"\n                  target=\"_blank\"\n                  style=\"color:#90c2f7;text-decoration:underline\"\n                >钉钉开放平台</a>企业内部开发-H5微应用里-进入微应用-【应用信息-查看详情】\n              </span>\n            </div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>应用secret</span>\n        </template>\n\n        <ht-input\n          v-model.trim=\"sysExternalUnite.agentSecret\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true }\"\n          placeholder=\"请输入agentSecret\"\n        ></ht-input>\n      </ht-form-item>\n\n      <ht-form-item\n        label=\"菜单名称\"\n        label-width=\"120px\"\n        class=\"identity-input-width\"\n        prop=\"menuName\"\n        v-if=\"sysExternalUnite.type == 'weChatWork'\"\n      >\n        <ht-input\n          v-model.trim=\"sysExternalUnite.menuName\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true }\"\n          placeholder=\"请输入菜单名称\"\n        ></ht-input>\n      </ht-form-item>\n\n      <ht-form-item label-width=\"120px\" prop=\"menuUrl\">\n        <template slot=\"label\">\n          <el-tooltip placement=\"top\" v-if=\"sysExternalUnite.type == 'dingtalk'\">\n            <div slot=\"content\">\n              钉钉不支持发布菜单，请自行拷贝并配置在\n              <a\n                href=\"https://open-dev.dingtalk.com/#/corph5\"\n                target=\"_blank\"\n                style=\"color:#90c2f7;text-decoration:underline\"\n              >钉钉开放平台</a>\n              企业内部开发-H5微应用里-进入微应用-【应用信息-查看详情】-应用首页地址\n            </div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>菜单url</span>\n        </template>\n        <ht-input\n          type=\"textarea\"\n          prop=\"menuUrl\"\n          :rows=\"18\"\n          v-model.trim=\"sysExternalUnite.menuUrl\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true }\"\n          placeholder=\"请输入菜单名称\"\n        ></ht-input>\n        <el-button\n          size=\"mini\"\n          type=\"primary\"\n          icon=\"el-icon-printer\"\n          @click=\"generateMenuUrl(sysExternalUnite)\"\n        >一键生成</el-button>\n        <el-button type=\"primary\"\n          size=\"mini\"\n          v-clipboard:copy=\"sysExternalUnite.menuUrl\"\n          v-clipboard:success=\"()=>{$message.success('内容已复制到剪切板！')}\"\n          v-clipboard:error=\"()=>{$message.error('抱歉，复制失败！')}\"\n        >复 制</el-button>\n      </ht-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <ht-submit-button\n        url=\"/integrate/sysExternalUnite/v1/saveAgent\"\n        context=\"portal\"\n        :model=\"sysExternalUnite\"\n        scope-name=\"sysExtUniSetAgentForm\"\n        @before-save-data=\"sysExternalUnite.isPublish = 0\"\n        @after-save-data=\"afterSaveData\"\n      >{{ $t(\"eip.common.save\") }}</ht-submit-button>\n\n      <ht-submit-button\n        v-if=\"sysExternalUnite.type == 'weChatWork'\"\n        url=\"/integrate/sysExternalUnite/v1/saveAgent\"\n        context=\"portal\"\n        :model=\"sysExternalUnite\"\n        scope-name=\"sysExtUniSetAgentForm\"\n        @after-save-data=\"afterSaveData\"\n        @before-save-data=\"sysExternalUnite.isPublish = 1\"\n      >\n      <el-tooltip placement=\"top\">\n          <div slot=\"content\">保存数据并且将菜单发布到企业微信应用里</div>\n          <i class=\"el-icon-question\" style=\"color:#606266\"/>\n        </el-tooltip>&nbsp;保存并发布</ht-submit-button>\n      <el-button @click=\"handleClose\">\n        {{\n        $t(\"eip.common.cancel\")\n        }}\n      </el-button>\n    </div>\n  </ht-sidebar-dialog>\n\n  <ht-load-data :url=\"loadDataUrl\" context=\"portal\" @after-load-data=\"afterLoadData\"></ht-load-data>\n\n  <el-dialog\n    title=\"公众号菜单\"\n    :visible.sync=\"wcoaMenuDialogViasible\"\n    :close-on-click-modal=\"false\"\n    width=\"33%\"\n  >\n    <el-row>\n      <el-col :span=\"4\">\n        <el-tooltip placement=\"top\">\n          <div slot=\"content\">将右侧URL地址设置在公众号菜单里即可。</div>\n          <i class=\"el-icon-question\" />\n        </el-tooltip>菜单URL:\n      </el-col>\n      <el-col :span=\"20\">{{wcoaMenuUrl}}</el-col>\n    </el-row>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <el-button type=\"primary\" @click=\"wcoaMenuDialogViasible = false\"\n      v-clipboard:copy=\"wcoaMenuUrl\"\n      v-clipboard:success=\"()=>{$message.success('内容已复制到剪切板！')}\"\n      v-clipboard:error=\"()=>{$message.error('抱歉，复制失败！')}\"\n      >复 制</el-button>\n    </div>\n  </el-dialog>\n  <el-dialog\n    title=\"模板消息ID设置\"\n    :visible.sync=\"setTempMsgIdDialogVisible\"\n    :close-on-click-modal=\"false\"\n    width=\"33%\"\n  >\n    <el-form data-vv-scope=\"setTempMsgIdForm\">\n      <ht-form-item label=\"模板消息ID\">\n        <template slot=\"label\">\n          <el-tooltip placement=\"top\">\n            <div slot=\"content\">在微信公众号后台-功能-模板消息-我的模板-模板消息ID</div>\n            <i class=\"el-icon-question\" />\n          </el-tooltip>\n          <span>模板消息ID</span>\n        </template>\n        <ht-input\n          width=\"100%\"\n          v-model=\"sysExternalUnite.tempMsgId\"\n          autocomplete=\"off\"\n          :validate=\"{ required: true }\"\n          placeholder=\"请输入模板消息ID\"\n        ></ht-input>\n      </ht-form-item>\n    </el-form>\n    <div slot=\"footer\" class=\"dialog-footer\">\n      <ht-submit-button\n        v-show=\"!systemDisabled\"\n        :url=\"saveSysExternalUnite()\"\n        :model=\"sysExternalUnite\"\n        :is-submit=\"isSubmit\"\n        request-method=\"POST\"\n        scope-name=\"setTempMsgIdForm\"\n        @before-save-data=\"beforeSaveData\"\n        @after-save-data=\"()=>{loadData();setTempMsgIdDialogVisible=false}\"\n      >{{ $t(\"eip.common.save\") }}</ht-submit-button>\n    </div>\n  </el-dialog>\n</div>\n",null]}