diff --git a/src/App.vue b/src/App.vue index 973293f552f3cc76eb0f7ef2cf5676941090aaf7..cf846fc5ef9fea0465252ffd82a41c1f80642bc3 100644 --- a/src/App.vue +++ b/src/App.vue @@ -26,5 +26,6 @@ export default { } #app { background-color: #f6f7fb; + font-size: 14px; } \ No newline at end of file diff --git a/src/assets/css/index.css b/src/assets/css/index.css index 1bfc5aeeea308e066898de831f952d2ca68ecb5c..b1293a265121cdfb0bfcfed5e7fc68b6db203a42 100644 --- a/src/assets/css/index.css +++ b/src/assets/css/index.css @@ -405,7 +405,7 @@ width: 620px!important; border-radius: 8px; } /* 下拉选样式 */ -.el-select-dropdown { +/* .el-select-dropdown { border-radius: 8px; } .el-select-dropdown__list { @@ -437,7 +437,7 @@ width: 620px!important; } .el-popper[x-placement^=top] .popper__arrow::after { border-top-color: transparent; -} +} */ /* 单选激活样式 */ .el-radio__input.is-checked .el-radio__inner { border-color: #838383; diff --git a/src/assets/imgs/btn_off_hov.png b/src/assets/imgs/btn_off_hov.png new file mode 100644 index 0000000000000000000000000000000000000000..8e43beefa176497d43529ed1c9dc1594c4a9c84a Binary files /dev/null and b/src/assets/imgs/btn_off_hov.png differ diff --git a/src/assets/imgs/btn_on_hov.png b/src/assets/imgs/btn_on_hov.png new file mode 100644 index 0000000000000000000000000000000000000000..6acb6942151be7907249368fef966ac1d28d331f Binary files /dev/null and b/src/assets/imgs/btn_on_hov.png differ diff --git a/src/assets/imgs/nav_ic_anquan_nor.png b/src/assets/imgs/nav_ic_anquan_nor.png new file mode 100644 index 0000000000000000000000000000000000000000..5f11541a5531ff51dfd23d63748afb42e50093ef Binary files /dev/null and b/src/assets/imgs/nav_ic_anquan_nor.png differ diff --git a/src/assets/imgs/nav_ic_anquan_sel.png b/src/assets/imgs/nav_ic_anquan_sel.png new file mode 100644 index 0000000000000000000000000000000000000000..f6a41e322523dc6a0805e4d6afda20ad6c53838e Binary files /dev/null and b/src/assets/imgs/nav_ic_anquan_sel.png differ diff --git a/src/assets/imgs/nav_ic_xinxi_nor.png b/src/assets/imgs/nav_ic_xinxi_nor.png new file mode 100644 index 0000000000000000000000000000000000000000..c0b6d34f1d5fd23b1722ca7642528a9eac82fa53 Binary files /dev/null and b/src/assets/imgs/nav_ic_xinxi_nor.png differ diff --git a/src/assets/imgs/nav_ic_xinxi_sel.png b/src/assets/imgs/nav_ic_xinxi_sel.png new file mode 100644 index 0000000000000000000000000000000000000000..9724cd9a05427867da11bba921d96e5fb699246d Binary files /dev/null and b/src/assets/imgs/nav_ic_xinxi_sel.png differ diff --git a/src/components/process-card.vue b/src/components/process-card.vue index 6415f2f9fa05413cf23a93871261a80e38240467..7b5377458bc9970d2b315f1ae376b800c576b9b5 100644 --- a/src/components/process-card.vue +++ b/src/components/process-card.vue @@ -1,6 +1,6 @@ @@ -67,6 +96,7 @@ import norCard from "@/components/card" import exampleIcon from "@/pages/example_icon" import Topology from "@/components/topology.vue"; import serviceHeader from '../components/service-header' +import dialogAction from "@/components/dialog-action"; export default { components:{ infoList, @@ -75,11 +105,18 @@ export default { norCard, exampleIcon, Topology, - serviceHeader + serviceHeader, + dialogAction, }, data() { return { - service_arr:['服务基本信息','接口详细信息','服务运行状态'], + now_user: 2, //0：普通用户，1：组织管理员，2：超级管理员 + buy_style:0, + service_arr:[ + ['服务基本信息','接口详细信息','服务运行状态'], + ['服务基本信息','接口详细信息','服务运行状态','服务计费规则'], + ['服务基本信息','接口详细信息','服务运行状态','服务规格'], + ], service_header_arr:{ name:'地市GDP基础数据', first:[ @@ -180,6 +217,178 @@ export default { align:'right', }, ], + service_size_arr:[ + { + prop:'fwcs', + label:'访问次数（次/日）', + minWidth:'33.33%', + align:'center', + }, + { + prop:'fwl', + label:'访问量（PV/日）', + minWidth:'33.33%', + align:'center', + }, + { + prop:'ggsm', + label:'规格说明', + minWidth:'33.33%', + align:'left', + }, + ], + edit_size_arr:[ + { + prop:'fwcs', + label:'访问次数（次/日）', + minWidth:'33.33%', + align:'center', + type:'select', + selectArr:[ + { + label:10, + value:10 + }, + { + label:20, + value:20 + }, + { + label:30, + value:30 + }, + { + label:40, + value:40 + }, + { + label:50, + value:50 + }, + { + label:60, + value:60 + }, + { + label:70, + value:70 + }, + { + label:80, + value:80 + }, + { + label:90, + value:90 + }, + { + label:100, + value:100 + }, + { + label:200, + value:200 + }, + { + label:300, + value:300 + }, + { + label:400, + value:400 + }, + { + label:500, + value:500 + }, + ] + }, + { + prop:'fwl', + label:'访问量（PV/日）', + minWidth:'33.33%', + align:'center', + type:'select', + selectArr:[ + { + label:100, + value:100 + }, + { + label:200, + value:200 + }, + { + label:300, + value:300 + }, + { + label:400, + value:400 + }, + { + label:500, + value:500 + }, + { + label:600, + value:600 + }, + { + label:700, + value:700 + }, + { + label:800, + value:800 + }, + { + label:900, + value:900 + }, + { + label:1000, + value:1000 + }, + { + label:2000, + value:2000 + }, + { + label:3000, + value:3000 + }, + { + label:4000, + value:4000 + }, + { + label:5000, + value:5000 + }, + ] + }, + { + prop:'ggsm', + label:'规格说明', + minWidth:'33.33%', + align:'left', + type: "input" + }, + { + label: "操作", + type: "Button", + align: "center", + width: 140, + btnList: [ + { + type: "action-delete", + label: "删除", + local:true + }, + ], + }, + ], servicead_arr:[ { title:'请求方式：', @@ -265,11 +474,27 @@ export default { }; + + diff --git a/src/pages/serviceEdit.vue b/src/pages/serviceEdit.vue index b44db048d6d50ace5d8bba40b59a891c0f50c70c..096d75d962ef63ef7c381551c002978863bb2ee2 100644 --- a/src/pages/serviceEdit.vue +++ b/src/pages/serviceEdit.vue @@ -5,7 +5,15 @@ 服务编辑

- +
+
+ + 基本信息编辑
+
+ + 服务安全设置
+
+

服务名称：

@@ -16,11 +24,25 @@

服务领域：

- + + + + - +

所属组织：

- + + + +

服务封面：

@@ -32,12 +54,22 @@ fit="fill" :list="imgList" @getNewList="getNewList" + ref="servicepic" > + 更换封面 - +

接口编码：

 + +

发布人：

+ + + +

联系方式：

+ +

开放程度：

@@ -52,6 +84,17 @@ 取消 + +
+
+
{{item}}
+
+
+
@@ -71,10 +114,76 @@ export default { area:'', origin:'', code:'', + people:'', + phone:'', resource: '', fileList:'' }, + now_user: 2, //0：普通用户，1：组织管理员，2：超级管理员 + now_edit:0,//信息和安全切换 + now_safe:0,//切换安全 imgList: [], + safe_arr:['熔断管理','速率限制','TLS加密','敏感字段追踪'], + area_arr:[ + { + label:'经济建设', + value:0, + }, + { + label:'城市管理', + value:1, + }, + { + label:'城市建设', + value:2, + }, + { + label:'道路交通', + value:3, + }, + { + label:'环境资源', + value:4, + }, + { + label:'民生服务', + value:5, + }, + { + label:'空间地理', + value:6, + }, + { + label:'文化休闲', + value:7, + }, + { + label:'社会团体', + value:8, + }, + { + label:'教育机构', + value:9, + }, + { + label:'其他', + value:10, + }, + ], + origin_arr:[ + { + label:'北京比格大数据公司', + value:0 + }, + { + label:'云上贵州', + value:1 + }, + { + label:'迪爱斯', + value:2 + }, + ], rules:{ desc:[ { max: 200, message: '长度小于200个字符', trigger: 'blur' } @@ -87,6 +196,9 @@ export default { created() {}, mounted() {}, methods: { + removepic(){ + this.$refs.servicepic.handleRemove() + }, onSubmit() { console.log('submit!'); }, @@ -106,9 +218,11 @@ export default { @@ -116,7 +230,7 @@ export default { .detail_contain { width: 100%; padding: 0 20px; - margin-bottom: 20px; + height: calc(100% - 55px); } .info_contain { padding: 25px 20px; @@ -124,6 +238,8 @@ export default { width: 100%; box-shadow: 0px 3px 6px 0px #f4f7fc; border-radius: 12px; + min-height: calc(100% - 20px); + margin-bottom: 20px; } .now_page_title { margin: 15px 0; @@ -139,4 +255,55 @@ export default { float: right; margin-left: 20px; } +.removepic{ + display: inline-block; + margin-top: -40px; + float: left; + margin-left: 180px; + width: 76px; + height: 32px; + background-color: #495feb; + border-radius: 8px; + line-height: 32px; + text-align: center; + color: #e6ebfe; + cursor: pointer; +} +.edit_change{ + width: 100%; + border-bottom: 2px solid #f4f7fc; + overflow: hidden; +} +.edit_change_box{ + width: 163px; + height: 48px; + line-height: 48px; + background-color: #e3e5ef; + border-radius: 8px; + color: #8890a7; + text-align: center; + float: left; + margin-right: 20px; + font-weight: 600; + margin-bottom: 25px; + font-size: 16px; + cursor: pointer; +} +.edit_change_box img{ + vertical-align: -3px; + margin-right: 5px; +} +.safe_title{ + width: 100%; + height: 65px; + line-height: 65px; + border-bottom: 2px solid #f4f7fc; +} +.safe_select{ + float: left; + width: auto; + margin-right: 40px; + height: 65px; + cursor: pointer; +} diff --git a/static/data.json b/static/data.json index 8ae4599d91f828d563ef033c6251fd9e2aac00ff..4836ef7bc93854829a1e6e07355e530273c3f614 100644 --- a/static/data.json +++ b/static/data.json @@ -66,6 +66,38 @@ "address": "上海市普陀区金沙江路 1516 弄" } ], + "service_size_arr":[ + { + "id": 1, + "fwcs": "100", + "fwl": "100", + "ggsm": "每日可访问100次，访问量为1000PV" + }, + { + "id": 2, + "fwcs": "100", + "fwl": "100", + "ggsm": "每日可访问100次，访问量为1000PV" + }, + { + "id": 3, + "fwcs": "100", + "fwl": "100", + "ggsm": "每日可访问100次，访问量为1000PV" + }, + { + "id": 4, + "fwcs": "100", + "fwl": "100", + "ggsm": "每日可访问100次，访问量为1000PV" + }, + { + "id": 5, + "fwcs": "100", + "fwl": "100", + "ggsm": "每日可访问100次，访问量为1000PV" + } + ], "params_arr":[ { "id": 1,