1

portal-manager-ui/admin/src/router/routes.js

@@ -626,6 +626,15 @@ const routes = [
               ),
             meta: { title: "接口信息" },
           },
+          {
+            path: "dictionary",
+            name: "dictionary",
+            component: () =>
+              import(
+                /* webpackChunkName: "portDocument" */ "@/views/thePlatformIsSet/components/dictionary/dictionary.vue"
+              ),
+            meta: { title: "字典管理" },
+          },
           {
             path: "permissionsModel",
             name: "permissionsModel",

portal-manager-ui/admin/src/views/thePlatformIsSet/components/APIServe/APIServe.vue

@@ -3,11 +3,7 @@
     <div class="search_box" ref="search_box">
       <h3>API服务</h3>
       <h4>
-        <a-input
-          placeholder="请输入API名称搜索"
-          v-model="searchVal"
-          @pressEnter="getServiceApiList"
-        />
+        <a-input placeholder="请输入API名称搜索" v-model="searchVal" @pressEnter="getServiceApiList" />
         <button class="search_btn btn" @click="handleSearch">
           <span>{{ isSearch ? "重置" : "搜索" }}</span>
         </button>
@@ -16,13 +12,9 @@
     <div class="stepbox" :style="{ height: contentHigh + 'px' }">
       <div class="_left">
         <a-steps progress-dot direction="vertical">
-          <a-step
-            v-for="(item, index) in stepsList"
-            :status="active === index ? 'process' : 'wait'"
-            :key="index"
-          >
+          <a-step v-for="(item, index) in stepsList" :status="active === index ? 'process' : 'wait'" :key="index">
             <span slot="title" @click="handleChange(item, index)">{{
-              item.serviceName
+              item.productName
             }}</span>
           </a-step>
         </a-steps>
@@ -30,17 +22,13 @@
       <div class="_right">
         <div class="list_box step_sign">
           <div class="title-box">
-            <span class="list_title">{{ curApiInfo.serviceName }}</span>
-            <span class="count primary">{{ curApiInfo.count }}</span>
+            <span class="list_title">{{ curApiInfo.name }}</span>
+            <span class="count primary">{{ curApiInfo.total }}</span>
           </div>
-          <div
-            class="list flex aic jcb"
-            v-for="v in curApiInfo.serviceList"
-            :key="v.id"
-          >
-            <div class="api-name">{{ v.apiName }}</div>
-            <span class="service-name">{{ v.systemServiceName }}</span>
-            <a-button icon="read" type="primary" class="addclass"  @click="pushroeuter(v)">
+          <div class="list flex aic jcb" v-for="v in curApiInfo.list" :key="v.id">
+            <div class="api-name">{{ v.interfaceName }}</div>
+            <span class="service-name">{{ v.description }}</span>
+            <a-button icon="read" type="primary" class="addclass" @click="pushroeuter(v)">
               查看文档
             </a-button>
           </div>
@@ -51,7 +39,8 @@
 </template>
 
 <script>
-import { serviceApiList } from "@/api/APIServe.js";
+// import { serviceApiList } from "@/api/APIServe.js";
+import { getProduct, getInterfaceList } from "@/api/thePlatformIsSet.js";
 import common from "@/mixins/common";
 export default {
   name: "PortalAdminVueAPIServe",
@@ -62,6 +51,7 @@ export default {
       stepsList: [],
       isSearch: false,
       active: 0,
+
       curApiInfo: {}, // 当前api信息
     };
   },
@@ -74,22 +64,35 @@ export default {
 
   methods: {
     getServiceApiList() {
-      serviceApiList({
+      getProduct({
         page: 1,
         size: -1, //每页条数
-        apiName: `%${this.searchVal}%`,
+        productName: `%${this.searchVal}%`,
       }).then((res) => {
         let { code, data } = res;
         if (code == 1) {
           if (data.data.length) {
             this.stepsList = data.data;
-            this.curApiInfo = data.data[0];
+            this.getApiDetail(data.data[0])
           } else {
             this.curApiInfo = {};
           }
         }
       });
     },
+
+    getApiDetail(item) {
+      getInterfaceList({ page: 1, size: -1, productId: item.id }).then((res) => {
+        let { code, data } = res;
+        if (code == 1) {
+          this.curApiInfo = {
+            name: item.productName,
+            list: data.data,
+            total: data.total
+          }
+        }
+      });
+    },
     handleSearch() {
       this.isSearch = !this.isSearch;
       if (this.isSearch) {
@@ -104,15 +107,14 @@ export default {
     // 切换设备
     handleChange(row, index) {
       this.active = index;
-      this.curApiInfo = row;
       this.searchVal = "";
+      this.getApiDetail(row)
     },
-    pushroeuter() {
-      this.$message.warning("暂未开通文档查看");
-      // this.$router.push({
-      //   path: "/home/thePlatformIsSet/portDocument",
-      //   // query: { testoption: "test001" },
-      // });
+    pushroeuter(v) {
+      this.$router.push({
+        path: "/home/thePlatformIsSet/portDocument",
+        query: { id: v.id },
+      });
     },
   },
 };
@@ -120,12 +122,14 @@ export default {
 
 <style lang="less" scoped>
 @headerH: 4.5rem;
+
 .Container {
   width: 100%;
   height: 100vh;
   background: #f5f5f5;
   display: flex;
   flex-direction: column;
+
   .search_box {
     height: 300px;
     background: url("~@/assets/images/u210.png") top no-repeat;
@@ -134,16 +138,19 @@ export default {
     align-items: center;
     display: flex;
     flex-flow: column;
+
     h3 {
       font-size: 2.4rem;
       color: #fff;
       font-weight: bold;
       padding: 4rem 0 2rem;
     }
+
     h4 {
       display: flex;
       align-items: center;
     }
+
     /deep/.ant-input {
       width: 30rem !important;
       margin-right: 2rem;
@@ -169,7 +176,8 @@ export default {
       line-height: 42px;
       padding: 0;
       border: none;
-      & > span {
+
+      &>span {
         position: relative;
         display: block;
         width: 100%;
@@ -213,8 +221,8 @@ export default {
         width: 100%;
       }
 
-      & > span:before,
-      & > span:after {
+      &>span:before,
+      &>span:after {
         position: absolute;
         content: "";
         left: 0;
@@ -227,39 +235,43 @@ export default {
         transition: all 0.3s ease;
       }
 
-      & > span:before {
+      &>span:before {
         width: 2px;
         height: 0%;
       }
 
-      & > span:after {
+      &>span:after {
         height: 2px;
         width: 0%;
       }
 
-      & > span:hover:before {
+      &>span:hover:before {
         height: 100%;
       }
 
-      & > span:hover:after {
+      &>span:hover:after {
         width: 100%;
       }
     }
   }
+
   .stepbox {
     width: 90%;
     margin-left: 5%;
     flex: 1;
     display: flex;
+
     /deep/.ant-steps-item-content {
       cursor: pointer;
     }
+
     ._left {
       width: 300px;
       height: 100%;
       padding: 20px;
       margin-right: 20px;
       overflow: auto;
+
       &::-webkit-scrollbar {
         width: 3px;
         height: 3px;
@@ -282,6 +294,7 @@ export default {
       height: 100%;
       padding: 20px;
       overflow-y: auto;
+
       &::-webkit-scrollbar {
         width: 3px;
         height: 3px;
@@ -297,16 +310,20 @@ export default {
         border-radius: 3px;
         background: #fff;
       }
+
       .title-box {
         font-size: 24px;
+
         .list_title {
           margin-right: 10px;
           font-weight: 600;
         }
+
         .count {
           font-weight: 600;
         }
       }
+
       .list {
         width: 100%;
         height: 80px;
@@ -314,38 +331,35 @@ export default {
         padding: 0px 20px;
         background-color: #fff;
         border-radius: 4px;
+
         .api-name {
           font-size: 16px;
           font-weight: 600;
         }
+
         .service-name {
           font-size: 14px;
         }
       }
     }
   }
+
   &::before {
     content: "";
     display: block;
     width: 100%;
     height: @headerH;
     background: rgb(59, 135, 255);
-    background: -moz-linear-gradient(
-      174deg,
-      rgba(59, 135, 255, 1) 24%,
-      rgba(108, 53, 247, 1) 85%
-    );
-    background: -webkit-linear-gradient(
-      174deg,
-      rgba(59, 135, 255, 1) 24%,
-      rgba(108, 53, 247, 1) 85%
-    );
-    background: linear-gradient(
-      174deg,
-      rgba(59, 135, 255, 1) 24%,
-      rgba(108, 53, 247, 1) 85%
-    );
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff",endColorstr="#6c35f7",GradientType=1);
+    background: -moz-linear-gradient(174deg,
+        rgba(59, 135, 255, 1) 24%,
+        rgba(108, 53, 247, 1) 85%);
+    background: -webkit-linear-gradient(174deg,
+        rgba(59, 135, 255, 1) 24%,
+        rgba(108, 53, 247, 1) 85%);
+    background: linear-gradient(174deg,
+        rgba(59, 135, 255, 1) 24%,
+        rgba(108, 53, 247, 1) 85%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3b87ff", endColorstr="#6c35f7", GradientType=1);
   }
 }
 </style>
\ No newline at end of file

portal-manager-ui/admin/src/views/thePlatformIsSet/components/dictionary/dictionary.vue

+<template>
+    <div class="Container">
+        <div class="my-card">
+            <div class="head-menu">
+                <div>属性字典</div>
+            </div>
+            <div class="pd20">
+                <div class="from-item">
+                    <div class="name">排队机分辨率：</div>
+                    <div>
+                        <a-tag color="blue" closable v-for="item, index in fblList" :key="index">
+                            {{ item.name }}
+                        </a-tag>
+                    </div>
+                    <a-button icon="plus" size="small" @click="addZdShow('fblList', '排队机分辨率')">添加字典值</a-button>
+                </div>
+                <div class="from-item">
+                    <div class="name">接口标签：</div>
+                    <div>
+                        <a-tag color="blue" closable v-for="item, index in bqList" :key="index">
+                            {{ item.name }}
+                        </a-tag>
+                    </div>
+                    <a-button icon="plus" size="small" @click="addZdShow('bqList', '接口标签')">添加字典值</a-button>
+                </div>
+            </div>
+        </div>
+
+        <a-modal :title="VisibleTitle" :centered="true" :destroyOnClose="true" :visible="Visible" @cancel="Visible = false"
+            width="30%">
+            <a-form-model :label-col="{ span: 5 }" :wrapper-col="{ span: 19 }" layout="horizontal" ref="appInfoFome"
+                :model="appInfoFome" :rules="appInfoRules">
+                <a-form-model-item label="字典值" prop="productName">
+                    <a-input placeholder="请输入字典值" allowClear v-model="appInfoFome.productName" />
+                </a-form-model-item>
+            </a-form-model>
+            <template slot="footer">
+                <a-button type="primary" class="addclass" @click="Modal_Ok">确定</a-button>
+                <a-button @click="resetForm">重置</a-button>
+            </template>
+        </a-modal>
+    </div>
+</template>
+  
+<script>
+import common from "@/mixins/common";
+export default {
+    name: "dictionary",
+    mixins: [common],
+    data() {
+        return {
+            fblList: [{
+                name: "1920*1080"
+            }, {
+                name: "1080*1920"
+            }, {
+                name: "1280*1280"
+            }],
+            bqList: [
+                { name: "政务外网" },
+                { name: "便民服务" },
+                { name: "三化建设" },
+            ],
+            VisibleTitle: "",
+            Visible: false,
+            appInfoFome: {
+                productName: undefined,
+                siteId: JSON.parse(localStorage.getItem("siteId"))
+            }, //页面表单信息
+            appInfoRules: {
+                productName: [
+                    {
+                        required: true, //是否必选
+                        whitespace: true, //必选时，空格是否会被视为错误
+                        message: "请输入字典值",
+                        trigger: "blur",
+                    }
+                ],
+            },
+            keyName: ""
+        };
+    },
+    created() {
+    },
+    mounted() {
+    },
+    methods: {
+        addZdShow(key, title) {
+            this.Visible = true
+            this.resetForm()
+            this.keyName = key
+            this.VisibleTitle = title
+        },
+        Modal_Ok() {
+            this.$refs.appInfoFome.validate((valid) => {
+                if (valid) {
+                    this[this.keyName].push({
+                        name: this.appInfoFome.productName
+                    })
+                    this.Visible = false
+                    this.resetForm()
+                } else {
+                    this.$message.error(`请完善表单信息！`);
+                    return false;
+                }
+            });
+        },
+        resetForm() {
+            this.$nextTick(() => {
+                this.appInfoFome.productName = ''
+            });
+        },
+    },
+};
+</script>
+  
+<style lang="less" scoped>
+.from-item {
+    display: flex;
+    align-items: center;
+    margin-bottom: 20px;
+
+    .name {
+        width: 150px;
+        text-align: right;
+        padding-right: 20px;
+    }
+}
+
+.Container {
+    width: 100%;
+    min-height: 100vh;
+    background: #f5f5f5;
+    padding-top: 72px;
+
+    .my-card {
+        margin: 40px 80px;
+        background: #fff;
+        border-radius: 6px;
+        overflow: hidden;
+        min-height: 500px;
+    }
+
+    .head-menu {
+        display: flex;
+        align-items: center;
+        border-bottom: 1px solid #efefef;
+
+        div {
+            height: 52px;
+            line-height: 52px;
+            font-size: 16px;
+            font-weight: bold;
+            color: #0595FD;
+            border-bottom: 2px solid #0595FD;
+            padding: 0 30px;
+            margin-left: 20px;
+        }
+    }
+}
+</style>
\ No newline at end of file

portal-manager-ui/admin/src/views/thePlatformIsSet/components/productManage/components/InterfaceManage/alerting.vue

@@ -124,7 +124,8 @@ export default {
       query: {
         interfaceName: undefined,
         interfaceSource: "",
-        interfaceTag: ""
+        interfaceTag: "",
+        productId: this.$route.query.id,
       },
       tablePagination: {
         current: 1,

portal-manager-ui/admin/src/views/thePlatformIsSet/components/productManage/components/appManage/application.vue

@@ -104,7 +104,8 @@ export default {
         pageSize: 10
       },
       searchForm: {
-        deveLanguage: ""
+        deveLanguage: "",
+        productId: this.$route.query.id,
       },
       dict: {
         deveLanguage: {},

portal-manager-ui/admin/src/views/thePlatformIsSet/components/productManage/components/docData/fileData.vue

@@ -101,6 +101,7 @@ export default {
         page: this.tablePagination.current,
         size: this.tablePagination.pageSize,
         docName: this.searchName,
+        productId: this.$route.query.id,
         ...search,
       }).then((res) => {
         if (res.code == 1) {

portal-manager-ui/admin/src/views/thePlatformIsSet/components/productManage/productManage.vue

@@ -91,12 +91,6 @@ export default {
         this.listData = res.data.data
       })
     },
-    pushroeuter() {
-      this.$router.push({
-        path: "/home/thePlatformIsSet/portDocument",
-        // query: { testoption: "test001" },
-      });
-    },
     showModal(item) {
       if (item) {
         this.$refs.AddEditAppName.VisibleTitle = "编辑";