Commit fa44b06c by 无尘

fix: 修改工作台

parent e225f245
.m-b-20[data-v-20ce93a0]{margin-bottom:20px}.app-list[data-v-20ce93a0]{padding:20px 30px;min-height:100%;background-color:#fff}.app-list .page-title[data-v-20ce93a0]{margin-bottom:18px;font-size:16px;font-weight:700;color:#303133;line-height:22px}.app-list .app-item[data-v-20ce93a0]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;margin-right:20px;margin-bottom:20px;padding:10px;width:185px;height:67px;background:#fff;border-radius:4px;border:1px solid #e4e7ed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-list .app-item[data-v-20ce93a0]:hover{-webkit-box-shadow:0 2px 7px 0 rgba(122,138,203,.2);box-shadow:0 2px 7px 0 rgba(122,138,203,.2)}.app-list .app-item:hover .app-item-menu[data-v-20ce93a0]{opacity:1}.app-list .app-item .app-item-menu[data-v-20ce93a0]{position:absolute;top:2px;right:10px;z-index:1;padding:0 2px;opacity:0;border-radius:2px}.app-list .app-item .app-item-menu[data-v-20ce93a0]:hover{background:#f0f5ff}.app-list .app-item .app-item-menu:hover .menu-icon[data-v-20ce93a0]{color:#2f54ed}.app-list .app-item .app-item-menu .menu-icon[data-v-20ce93a0]{color:#909399;cursor:pointer}.app-list .app-item .out-time-tip[data-v-20ce93a0]{position:absolute;right:0;bottom:5px;z-index:1;width:49px;height:17px;font-size:12px;font-weight:400;color:#f5222d;background:rgba(245,34,45,.09);border-radius:100px 0 0 100px}.app-list .app-item .app-logo[data-v-20ce93a0],.app-list .app-item .out-time-tip[data-v-20ce93a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-list .app-item .app-logo[data-v-20ce93a0]{-ms-flex-negative:0;flex-shrink:0;margin-right:10px;width:46px;height:46px}.app-list .app-item .app-logo img[data-v-20ce93a0]{max-width:100%;max-height:100%}.app-list .app-item .app-logo.no-logo[data-v-20ce93a0]{background:#e4e7ed}.app-list .app-item .app-info[data-v-20ce93a0]{width:calc(100% - 50px)}.app-list .app-item .app-info .app-name[data-v-20ce93a0]{width:100%;font-size:14px;font-weight:400;color:#303133;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-list .app-item .app-info .to-buy[data-v-20ce93a0]{font-size:12px;line-height:17px}.app-list .to-app-center[data-v-20ce93a0]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:172px;height:67px;font-size:14px;font-weight:400;color:#c0c4cc;border-radius:4px;border:1px dashed #e4e7ed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.app-list .to-app-center[data-v-20ce93a0]:hover{color:#2f54ed;border-color:#2f54ed}
\ No newline at end of file
.app-list[data-v-fa8f9368]{padding:20px 30px;min-height:100%;background-color:#fff}.app-list .page-title[data-v-fa8f9368]{margin-bottom:18px;font-size:16px;font-weight:700;color:#303133;line-height:22px}.app-list .app-item[data-v-fa8f9368]{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;margin-right:20px;margin-bottom:20px;padding:10px;width:185px;height:67px;background:#fff;border-radius:4px;border:1px solid #e4e7ed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-list .app-item[data-v-fa8f9368]:hover{-webkit-box-shadow:0 2px 7px 0 rgba(122,138,203,.2);box-shadow:0 2px 7px 0 rgba(122,138,203,.2)}.app-list .app-item:hover .app-item-menu[data-v-fa8f9368]{opacity:1}.app-list .app-item .app-item-menu[data-v-fa8f9368]{position:absolute;top:2px;right:10px;z-index:1;padding:0 2px;opacity:0;border-radius:2px}.app-list .app-item .app-item-menu[data-v-fa8f9368]:hover{background:#f0f5ff}.app-list .app-item .app-item-menu:hover .menu-icon[data-v-fa8f9368]{color:#2f54ed}.app-list .app-item .app-item-menu .menu-icon[data-v-fa8f9368]{color:#909399;cursor:pointer}.app-list .app-item .out-time-tip[data-v-fa8f9368]{position:absolute;right:0;bottom:5px;z-index:1;width:49px;height:17px;font-size:12px;font-weight:400;color:#f5222d;background:rgba(245,34,45,.09);border-radius:100px 0 0 100px}.app-list .app-item .app-logo[data-v-fa8f9368],.app-list .app-item .out-time-tip[data-v-fa8f9368]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-list .app-item .app-logo[data-v-fa8f9368]{-ms-flex-negative:0;flex-shrink:0;margin-right:10px;width:46px;height:46px}.app-list .app-item .app-logo img[data-v-fa8f9368]{max-width:100%;max-height:100%}.app-list .app-item .app-logo.no-logo[data-v-fa8f9368]{background:#e4e7ed}.app-list .app-item .app-info[data-v-fa8f9368]{width:calc(100% - 50px)}.app-list .app-item .app-info .app-name[data-v-fa8f9368]{width:100%;font-size:14px;font-weight:400;color:#303133;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-list .app-item .app-info .to-buy[data-v-fa8f9368]{font-size:12px;line-height:17px}.app-list .to-app-center[data-v-fa8f9368]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;float:left;width:172px;height:67px;font-size:14px;font-weight:400;color:#c0c4cc;border-radius:4px;border:1px dashed #e4e7ed;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.app-list .to-app-center[data-v-fa8f9368]:hover{color:#2f54ed;border-color:#2f54ed}
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-0f43c732"],{3978:function(t,a,e){},"3a7a":function(t,a,e){"use strict";var n=e("3978"),i=e.n(n);i.a},"4a78":function(t,a,e){"use strict";e.r(a);var n=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"app-list"},[t._l(t.appList,(function(a,n){return[e("div",{key:n+"cate",staticClass:"m-b-20"},[e("h3",{staticClass:"page-title"},[t._v(t._s(a.applicationCategoryName||"--"))]),e("div",[t._l(a.applications,(function(a){return e("div",{key:a.applicationId,staticClass:"app-item"},[e("el-dropdown",{staticClass:"app-item-menu"},[e("i",{staticClass:"iconfont icongengduo1 menu-icon"}),e("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[e("el-dropdown-item",{nativeOn:{click:function(e){return t.toAppBack(a)}}},[t._v("进入")]),e("el-dropdown-item",{nativeOn:{click:function(e){return t.toAppDetail(a)}}},[t._v("应用详情")])],1)],1),e("div",{class:["app-logo",{"no-logo":!a.applicationLogo}]},[a.applicationLogo?e("img",{attrs:{src:a.applicationLogo,alt:""}}):t._e()]),e("div",{staticClass:"app-info"},[e("p",{staticClass:"app-name"},[t._v(t._s(a.applicationName))]),e("el-button",{staticClass:"to-buy",attrs:{type:"text"},on:{click:t.toBuy}},[t._v("去订购 "),e("i",{staticClass:"iconfont iconjiantouxiangyou"})])],1),e("span",{staticClass:"out-time-tip"},[t._v("已过期")])],1)})),e("div",{staticClass:"to-app-center",on:{click:t.toAppCenter}},[t._v("\n 前往服务市场 "),e("i",{staticClass:"iconfont iconjiantouxiangyou"})])],2)])]}))],2)},i=[],o=e("8e83"),c=e("5937"),s=e("5b4e"),p=o["a"].getAppList,u=c["a"].getRoleMenu,r={name:"AppList",data:function(){return{appList:[]}},created:function(){this.getAppList(),this.$emit("showTab","/app-list")},methods:{getAppList:function(){var t=this;p().then((function(a){t.appList=a.result||[]}))},toAppBack:function(t){var a=this,e={menuId:t.applicationId,appType:2};u(e).then((function(e){if(!e.result||!e.result.length)return s["a"].showmsg("该应用您无权限操作,请联系超级管理员!","warning"),!1;a.$router.push("/apps?applicationId=".concat(t.applicationId))})).catch((function(t){}))},toAppDetail:function(t){var a=t||{},e=a.applicationId;this.$router.push("/app-detail?appId=".concat(e))},toBuy:function(){alert("暂无跳转链接")},toAppCenter:function(){alert("暂无跳转链接")}}},l=r,d=(e("3a7a"),e("2877")),f=Object(d["a"])(l,n,i,!1,null,"20ce93a0",null);a["default"]=f.exports},5937:function(t,a,e){"use strict";var n=e("71f6"),i={getRoleMenu:"/list-staff-role-menu"};i=Object(n["a"])(i,"/hb-manage-web"),a["a"]=i},"5b4e":function(t,a,e){"use strict";var n=e("5c96");a["a"]={showmsg:function(t,a){Object(n["Message"])({duration:1e3,message:t||"接口异常",type:a})}}},"71f6":function(t,a,e){"use strict";e.d(a,"a",(function(){return i}));e("ac6a"),e("456d");var n=e("b775");function i(t,a){t=t||{};var e=Object.keys(t);return e.forEach((function(e){var i=t[e];"string"===typeof i&&(i={url:i}),i.url="".concat(a).concat(i.url),t[e]=function(t,a){return Object(n["a"])(i,t,a)}})),t}},"8e83":function(t,a,e){"use strict";var n=e("71f6"),i={getAppList:"/app-category-list",getAppDetail:"/application-detail",getMarketAccount:"/get-account-info",refreshMarketAccount:"/refesh-account-info",addMarketAccount:{url:"/bind-service-account",method:"post",useFormData:!0,useIntercept:!1},getAuthAppDetail:"/business/authorize/get-application-info",getAppAuthInfo:"/business/authorize/right-list",postAuthRights:"/oauth/authorize",postPhoneCode:{url:"/send-code",method:"post",useFormData:!0,useIntercept:!1},checkCode:{url:"/validate-code",method:"post",useFormData:!0,useIntercept:!1}};a["a"]=Object(n["a"])(i,"/hb-manage-web")}}]);
\ No newline at end of file
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-e4030910"],{"3bd5":function(t,a,e){"use strict";var n=e("46f9"),i=e.n(n);i.a},"46f9":function(t,a,e){},"4a78":function(t,a,e){"use strict";e.r(a);var n=function(){var t=this,a=t.$createElement,e=t._self._c||a;return e("div",{staticClass:"app-list"},[t._l(t.appList,(function(a,n){return[e("div",{key:n+"cate"},[e("h3",{staticClass:"page-title"},[t._v(t._s(a.applicationCategoryName||"--"))]),e("div",[t._l(a.applications,(function(a){return e("div",{key:a.applicationId,staticClass:"app-item"},[e("el-dropdown",{staticClass:"app-item-menu"},[e("i",{staticClass:"iconfont icongengduo1 menu-icon"}),e("el-dropdown-menu",{attrs:{slot:"dropdown"},slot:"dropdown"},[e("el-dropdown-item",{nativeOn:{click:function(e){return t.toAppBack(a)}}},[t._v("进入")]),e("el-dropdown-item",{nativeOn:{click:function(e){return t.toAppDetail(a)}}},[t._v("应用详情")])],1)],1),e("div",{class:["app-logo",{"no-logo":!a.applicationLogo}]},[a.applicationLogo?e("img",{attrs:{src:a.applicationLogo,alt:""}}):t._e()]),e("div",{staticClass:"app-info"},[e("p",{staticClass:"app-name"},[t._v(t._s(a.applicationName))]),e("el-button",{staticClass:"to-buy",attrs:{type:"text"},on:{click:t.toBuy}},[t._v("去订购 "),e("i",{staticClass:"iconfont iconjiantouxiangyou"})])],1),e("span",{staticClass:"out-time-tip"},[t._v("已过期")])],1)})),e("div",{staticClass:"to-app-center",on:{click:t.toAppCenter}},[t._v("\n 前往服务市场 "),e("i",{staticClass:"iconfont iconjiantouxiangyou"})])],2)])]}))],2)},i=[],o=e("8e83"),c=e("5937"),s=e("5b4e"),p=o["a"].getAppList,u=c["a"].getRoleMenu,r={name:"AppList",data:function(){return{appList:[]}},created:function(){this.getAppList(),this.$emit("showTab","/app-list")},methods:{getAppList:function(){var t=this;p().then((function(a){t.appList=a.result||[]}))},toAppBack:function(t){var a=this,e={menuId:t.applicationId,appType:2};u(e).then((function(e){if(!e.result||!e.result.length)return s["a"].showmsg("该应用您无权限操作,请联系超级管理员!","warning"),!1;a.$router.push("/apps?applicationId=".concat(t.applicationId))})).catch((function(t){}))},toAppDetail:function(t){var a=t||{},e=a.applicationId;this.$router.push("/app-detail?appId=".concat(e))},toBuy:function(){alert("暂无跳转链接")},toAppCenter:function(){alert("暂无跳转链接")}}},l=r,d=(e("3bd5"),e("2877")),f=Object(d["a"])(l,n,i,!1,null,"fa8f9368",null);a["default"]=f.exports},5937:function(t,a,e){"use strict";var n=e("71f6"),i={getRoleMenu:"/list-staff-role-menu"};i=Object(n["a"])(i,"/hb-manage-web"),a["a"]=i},"5b4e":function(t,a,e){"use strict";var n=e("5c96");a["a"]={showmsg:function(t,a){Object(n["Message"])({duration:1e3,message:t||"接口异常",type:a})}}},"71f6":function(t,a,e){"use strict";e.d(a,"a",(function(){return i}));e("ac6a"),e("456d");var n=e("b775");function i(t,a){t=t||{};var e=Object.keys(t);return e.forEach((function(e){var i=t[e];"string"===typeof i&&(i={url:i}),i.url="".concat(a).concat(i.url),t[e]=function(t,a){return Object(n["a"])(i,t,a)}})),t}},"8e83":function(t,a,e){"use strict";var n=e("71f6"),i={getAppList:"/app-category-list",getAppDetail:"/application-detail",getMarketAccount:"/get-account-info",refreshMarketAccount:"/refesh-account-info",addMarketAccount:{url:"/bind-service-account",method:"post",useFormData:!0,useIntercept:!1},getAuthAppDetail:"/business/authorize/get-application-info",getAppAuthInfo:"/business/authorize/right-list",postAuthRights:"/oauth/authorize",postPhoneCode:{url:"/send-code",method:"post",useFormData:!0,useIntercept:!1},checkCode:{url:"/validate-code",method:"post",useFormData:!0,useIntercept:!1}};a["a"]=Object(n["a"])(i,"/hb-manage-web")}}]);
\ No newline at end of file
<template>
<div class="app-list">
<template v-for="(item, index) in appList">
<div :key="index+'cate'">
<div class="m-b-20" :key="index+'cate'">
<h3 class="page-title">{{item.applicationCategoryName || '--'}}</h3>
<div>
<div class="app-item" v-for="el in item.applications" :key="el.applicationId">
......@@ -92,6 +92,9 @@ export default {
</script>
<style lang="less" scoped>
.m-b-20 {
margin-bottom: 20px;
}
.app-list {
padding: 20px 30px;
min-height: 100%;
......@@ -197,7 +200,7 @@ export default {
display: flex;
justify-content: center;
align-items: center;
float: left;
// float: left;
width: 172px;
height: 67px;
font-size: 14px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment