产品管理

portal-manager-ui/admin/src/views/dataAdmin/components/makeRecordReport/recordReportdetails.vue

@@ -31,6 +31,9 @@
             <p>
               <span>预约方式：</span>{{ orderInfo.up_type=='phone'?'微官网':orderInfo.up_type=='app'?'自助终端':orderInfo.up_type=='tftb'?'天府通办':'--' }}
             </p>
+            <p>
+              <span>预约事项：</span>--
+            </p>
           </div>
           <div class="qrcode">
             <!-- <img src="~@/assets/images/logo.png" alt="" /> -->

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

@@ -2,83 +2,44 @@
   <div class="PoliticsShow-Container">
     <div class="header_box">
       <div>
-        <button class="add_btn" @click="openDetails('新增',{})">
+        <button class="add_btn" @click="openDetails()">
           <span>新增</span>
         </button>
       </div>
       <span>
-        <a-input
-          allowClear
-          v-model="query.interfaceName"
-          placeholder="请输入接口名称查询"
-        >
+        <a-input allowClear v-model="query.interfaceName" placeholder="请输入接口名称查询">
           <a-icon slot="prefix" type="search" />
         </a-input>
-        <a-select default-value="001">
-          <!-- <a-select-option
-            v-for="(item, index) of selectOptions"
-            :key="index"
-            :value="item.value"
-          >
-            {{ item.label }}
-          </a-select-option> -->
-
-          <a-select-option value="001"> 来源001 </a-select-option>
-          <a-select-option value="002"> 来源002 </a-select-option>
+        <a-select v-model="query.interfaceSource">
+          <a-select-option value="">所有来源</a-select-option>
+          <a-select-option v-for="(item, index) of dict.interfaceSource" :key="index" :value="index">
+            {{ item }}
+          </a-select-option>
         </a-select>
-        <a-select default-value="001">
-          <!-- <a-select-option
-            v-for="(item, index) of selectOptions"
-            :key="index"
-            :value="item.value"
-          >
-            {{ item.label }}
-          </a-select-option> -->
-
-          <a-select-option value="001"> 标签001 </a-select-option>
-          <a-select-option value="002"> 标签002 </a-select-option>
+        <a-select v-model="query.interfaceTag">
+          <a-select-option value="">所有标签</a-select-option>
+          <a-select-option v-for="(item, index) of dict.interfaceTag" :key="index" :value="index">
+            {{ item }}
+          </a-select-option>
         </a-select>
-        <a-select default-value="001">
-          <!-- <a-select-option
-            v-for="(item, index) of selectOptions"
-            :key="index"
-            :value="item.value"
-          >
-            {{ item.label }}
-          </a-select-option> -->
-
-          <a-select-option value="001"> 策略001 </a-select-option>
-          <a-select-option value="002"> 策略002 </a-select-option>
-        </a-select>
-
-        <button class="search_btn">搜索</button>
+        <button class="search_btn" @click="getList()">搜索</button>
       </span>
     </div>
     <div class="main">
-      <a-table
-        size="small"
-        bordered
-        :row-key="(record) => record.id"
-        :scroll="{ y: 590 }"
-        :pagination="tablePagination"
-        @change="pagTableChange"
-        :loading="tableLoading"
-        :columns="tableHeaders"
-        :dataSource="tableSourceData"
-      >
+      <a-table size="small" bordered :row-key="(record) => record.id" :scroll="{ y: 590 }" :pagination="tablePagination"
+        @change="pagTableChange" :loading="tableLoading" :columns="tableHeaders" :dataSource="tableSourceData">
+        <template slot="network" slot-scope="text, record,index">
+          <span v-for="item, idx of dict.network" v-show="text.indexOf(idx) != -1" :key="idx"> {{ item }} </span>
+        </template>
+
         <template slot="operation" slot-scope="text, record, index">
-          <a-button type="link" @click="openDetails('详情',record)"
-            >详情</a-button
-          >
-          <a-button type="link" @click="openDetails('编辑',record)"
-            >编辑</a-button
-          >
-          <a-button type="link" style="color: #ff4420"
-            >删除</a-button
-          >
+          <a-button type="link" @click="openDetails(record)">编辑</a-button>
+          <a-popconfirm title="确定要删除此应用吗?" ok-text="确定" cancel-text="取消" @confirm="delRow(record)">
+            <a-button type="link" style="color: #ff4420">删除{{ index + 1 }}</a-button>
+          </a-popconfirm>
         </template>
       </a-table>
-      <Details ref="Details" />
+      <Details ref="Details" :dict="dict" />
     </div>
   </div>
 </template>
@@ -86,7 +47,7 @@
 <script>
 import table from "@/mixins/table";
 import Details from "./components/Details.vue";
-import {getInterfaceList} from '@/api/thePlatformIsSet.js'
+import { getInterfaceList, getInterfaceDelete } from '@/api/thePlatformIsSet.js'
 export default {
   mixins: [table],
   name: "PortalAdminVueAlerting",
@@ -116,12 +77,13 @@ export default {
           title: "标签",
           align: "center",
           dataIndex: "interfaceTag",
+          customRender: (text, record, index) => this.dict.interfaceTag[text]
         },
         {
           title: "请求协议",
           align: "center",
           dataIndex: "requestProtocol",
-		  customRender: (text, record, index) => `${record.requestProtocol == 1 ? 'HTTP' : 'HTTPS'}`,
+          customRender: (text, record, index) => this.dict.requestProtocol[text]
         },
         {
           title: "版本",
@@ -132,7 +94,7 @@ export default {
           title: "来源",
           align: "center",
           dataIndex: "interfaceSource",
-		  customRender: (text, record, index) => `${record.interfaceSource == 1 ? '自有' : '非自有'}`,
+          customRender: (text, record, index) => this.dict.interfaceSource[text]
         },
         {
           title: "策略",
@@ -144,7 +106,9 @@ export default {
           title: "访问网络",
           align: "center",
           dataIndex: "network",
-		  customRender: (text, record, index) => `${record.network == 1 ? '互联网' : '政务网'}`,
+          scopedSlots: {
+            customRender: "network",
+          }
         },
 
         {
@@ -157,12 +121,19 @@ export default {
           },
         },
       ],
-	  query:{
+      query: {
         interfaceName: undefined,
-		page:1,
-		size:10,
+        interfaceSource: "",
+        interfaceTag: ""
       },
-	  total:0
+      tablePagination: {
+        current: 1,
+        pageSize: 10
+      },
+      dict: {
+
+      },
+      total: 0
     };
   },
   components: {
@@ -173,8 +144,22 @@ export default {
   },
   methods: {
     getList() {
-		getInterfaceList(this.query).then(res=>{
-			this.tableSourceData = res.data.data
+      getInterfaceList({
+        page: this.tablePagination.current,
+        size: this.tablePagination.pageSize,
+        ...this.query
+      }).then(res => {
+        if (res.code == 1) {
+          let {
+            data,
+            total,
+            dict
+          } = res.data;
+          this.dict = dict;
+          this.tableSourceData = data;
+          this.tablePagination.total = total;
+          return data
+        }
       })
     },
     QueueState(type) {
@@ -188,11 +173,35 @@ export default {
           return "type0";
       }
     },
-    openDetails(type) {
-      this.$refs.Details.modalInfo.title = type;
+    delRow(item) {
+      getInterfaceDelete({
+        id: item.id
+      }).then((res) => {
+        let { code, msg } = res
+        if (code == 1) {
+          this.$message.success('删除成功');
+          this.getList()
+        } else {
+          this.$message.error(msg);
+        }
+      })
+    },
+    openDetails(item) {
+      if (item) {
+        this.$refs.Details.modalInfo.title = "编辑接口";
+        this.$refs.Details.getInfo(item.id)
+      } else {
+        this.$refs.Details.modalInfo.title = "新增接口";
+      }
       this.$refs.Details.modalInfo.visible = true;
       this.$refs.Details.modalInfo.width = "55%";
     },
+    //分页
+    pagTableChange(page) {
+      this.tablePagination.current = page.current
+      this.tablePagination.pageSize = page.pageSize
+      this.getList();
+    },
   },
 };
 </script>
@@ -201,13 +210,15 @@ export default {
 /deep/.ant-spin-container {
   display: block;
 }
+
 .PoliticsShow-Container {
   .header_box {
     padding-bottom: 1rem;
     display: flex;
     justify-content: space-between;
     align-items: center;
-    & > div {
+
+    &>div {
       display: flex;
       justify-content: flex-start;
       align-items: center;
@@ -227,6 +238,7 @@ export default {
         overflow: hidden;
         background: #43a4ff;
         color: ghostwhite;
+
         & span {
           position: relative;
           z-index: 10;
@@ -262,7 +274,7 @@ export default {
       }
     }
 
-    & > span {
+    &>span {
       display: flex;
       justify-content: space-between;
       align-items: center;
@@ -271,21 +283,26 @@ export default {
         width: 15rem !important;
         margin-right: 1rem !important;
       }
+
       /deep/.ant-input {
         height: 2.3rem !important;
       }
+
       /deep/.ant-select-selection {
         width: 170px !important;
         height: 2.3rem !important;
         margin-right: 1rem !important;
       }
+
       /deep/.ant-select-selection__rendered {
         height: 100% !important;
       }
+
       /deep/.ant-select-selection-selected-value {
         height: 100% !important;
         line-height: 2.3rem !important;
       }
+
       .search_btn {
         padding: 0.8rem 1.2rem;
         border: 0;
@@ -317,13 +334,16 @@ export default {
       }
     }
   }
+
   .main {
     .type0 {
       color: #888888;
     }
+
     .type1 {
       color: #f94545;
     }
+
     .levelState {
       padding: 5px 8px;
       border-radius: 8px;
@@ -331,12 +351,15 @@ export default {
       background: #ffedeb;
       border: 1px solid #f94545;
     }
+
     .type2 {
       color: #04ca8f;
     }
+
     /deep/.ant-btn-link {
       padding: 0 !important;
-      & + .ant-btn-link {
+
+      &+.ant-btn-link {
         margin-left: 1rem !important;
       }
     }

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

 <template>
 	<a-drawer :destroyOnClose="true" :title="modalInfo.title" :width="modalInfo.width" :visible="modalInfo.visible"
-		@close="modalClose">
+		@close="resetForm">
 		<a-form-model ref="ruleForm" :model="detailsForm" :rules="detailsRules" :label-col="{ span: 4 }"
 			:wrapper-col="{ span: 20 }">
 			<a-row :gutter="16">
@@ -30,14 +30,18 @@
 						</a-select>
 					</a-form-model-item>
 				</a-col>
+
 				<a-col :span="12">
-					<a-form-model-item label="请求路径" prop="requestUrl">
-						<a-input v-model="detailsForm.requestUrl" placeholder="请输入" allowClear />
+					<a-form-model-item label="content-type" prop="contentType">
+						<a-select v-model="detailsForm.contentType" placeholder="请选择" allowClear>
+							<a-select-option v-for="item, index in ctList" :key="index" :value="item">{{ item
+							}}</a-select-option>
+						</a-select>
 					</a-form-model-item>
 				</a-col>
 				<a-col :span="12">
-					<a-form-model-item label="超时时长" prop="requestUrl">
-						<a-input v-model="detailsForm.requestUrl" placeholder="请输入" allowClear>
+					<a-form-model-item label="超时时长" prop="timeoutValue">
+						<a-input v-model="detailsForm.timeoutValue" placeholder="请输入" allowClear>
 							<template slot="suffix">秒</template>
 						</a-input>
 					</a-form-model-item>
@@ -56,43 +60,66 @@
 					</a-form-model-item>
 				</a-col>
 				<a-col :span="12">
-					<a-form-model-item label="描述" prop="description">
-						<a-textarea v-model="detailsForm.description" placeholder="请输入" :rows="4" />
+					<a-form-model-item label="接口标签" prop="interfaceTag">
+						<a-select v-model="detailsForm.interfaceTag" placeholder="请选择" allowClear>
+							<a-select-option v-for="(item, index) of dict.interfaceTag" :key="index" :value="index">
+								{{ item }}
+							</a-select-option>
+						</a-select>
+					</a-form-model-item>
+				</a-col>
+
+				<a-col :span="12">
+					<a-form-model-item label="接口来源" prop="interfaceSource">
+						<a-select v-model="detailsForm.interfaceSource" placeholder="请选择" allowClear>
+							<a-select-option value="1"> 自建发布 </a-select-option>
+							<a-select-option value="2"> 对接转化 </a-select-option>
+						</a-select>
 					</a-form-model-item>
 				</a-col>
 				<a-col :span="12">
-					<a-form-model-item label="流控信息" prop="flowControl">
-						<a-textarea v-model="detailsForm.flowControl" placeholder="请输入" :rows="4" />
+					<a-form-model-item label="请求路径" prop="requestUrl">
+						<a-input v-model="detailsForm.requestUrl" placeholder="请输入" allowClear />
 					</a-form-model-item>
 				</a-col>
 				<a-col :span="12">
-					<a-form-model-item label="授权信息" prop="authorizeInfo">
-						<a-textarea v-model="detailsForm.authorizeInfo" placeholder="请输入" :rows="4" />
+					<a-form-model-item label="描述" prop="description">
+						<a-textarea v-model="detailsForm.description" placeholder="请输入" :rows="4" />
 					</a-form-model-item>
 				</a-col>
+
 			</a-row>
 
 			<h1 class="title_">请求参数</h1>
-			<a-radio-group v-model="type" button-style="solid">
-				<a-radio-button value="路径参数"> 路径参数 </a-radio-button>
+			<div class="flex aic jcb mb10">
+				<a-radio-group v-model="requestPam.type" button-style="solid" @change="onReqType('new')">
+					<a-radio-button value="path"> 路径参数 </a-radio-button>
 					<a-radio-button value="headers"> headers </a-radio-button>
 					<a-radio-button value="query"> query </a-radio-button>
 					<a-radio-button value="body"> body </a-radio-button>
 				</a-radio-group>
+				<div class="flex aic">
+					<div class="mr10">入参是否加密</div>
+					<a-radio-group v-model="detailsForm.inEncrypt">
+						<a-radio :value="0">不加密</a-radio>
+						<a-radio :value="1">加密</a-radio>
+					</a-radio-group>
+				</div>
+			</div>
 
-			<a-table size="middle" bordered :row-key="(record) => record.id" :pagination="false"
-				:columns="table_columns" :dataSource="requestParameters[type]">
+			<a-table size="middle" bordered :row-key="(record) => record.id" :locale="{ emptyText: '无' }"
+				:pagination="false" :columns="table_columns" :dataSource="requestPam.table">
 				<template slot="参数名" slot-scope="text, record, index">
 					<a-input v-model="record.name" placeholder="请输入" allowClear />
 				</template>
-				<template slot="关联参数" slot-scope="text, record, index">
-					<a-select v-model="record.association" placeholder="请选择" allowClear>
-						<a-select-option value="001"> 选项001 </a-select-option>
-					</a-select>
-				</template>
 				<template slot="参数值类型" slot-scope="text, record, index">
-					<a-select v-model="record.type" placeholder="请选择" allowClear>
+					<a-select v-model="record.type" placeholder="请选择" allowClear :disabled="record.isType">
 						<a-select-option value="String"> String </a-select-option>
+						<a-select-option value="Int"> Int </a-select-option>
+						<a-select-option value="Object"> Object </a-select-option>
+						<a-select-option value="[String]"> [String] </a-select-option>
+						<a-select-option value="[Int]"> [Int] </a-select-option>
+						<a-select-option value="[Object]"> [Object] </a-select-option>
 					</a-select>
 				</template>
 				<template slot="jsonPath" slot-scope="text, record, index">
@@ -112,28 +139,37 @@
 				</template>
 
 				<template slot="operation" slot-scope="text, record, index">
-					<a-button type="link" style="color: #ff4420">删除</a-button>
+					<a-button type="link" @click="delTabRow('requestPam', index)" style="color: #ff4420">删除</a-button>
 				</template>
 			</a-table>
-			<div class="table_footer">
-				<a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
+			<div class="table_footer" v-if="requestPam.type != 'path'">
+				<a-button type="primary" class="addclass" @click="onReqType('add')"> 添加参数 </a-button>
 			</div>
 
+			<div class="flex aic jcb mt20">
 				<h1 class="title_">响应数据</h1>
+				<div class="flex aic">
+					<div class="mr10">出参是否加密</div>
+					<a-radio-group v-model="detailsForm.outEncrypt">
+						<a-radio :value="0">不加密</a-radio>
+						<a-radio :value="1">加密</a-radio>
+					</a-radio-group>
+				</div>
+			</div>
 
-			<a-table size="middle" bordered :row-key="(record) => record.id" :pagination="false"
-				:columns="table_columns" :dataSource="responseParameters">
+			<a-table size="middle" bordered :row-key="(record) => record.id" :locale="{ emptyText: '无' }"
+				:pagination="false" :columns="table_columns" :dataSource="responsePam.table">
 				<template slot="参数名" slot-scope="text, record, index">
 					<a-input v-model="record.name" placeholder="请输入" allowClear />
 				</template>
-				<template slot="关联参数" slot-scope="text, record, index">
-					<a-select v-model="record.association" placeholder="请选择" allowClear>
-						<a-select-option value="001"> 选项001 </a-select-option>
-					</a-select>
-				</template>
 				<template slot="参数值类型" slot-scope="text, record, index">
 					<a-select v-model="record.type" placeholder="请选择" allowClear>
 						<a-select-option value="String"> String </a-select-option>
+						<a-select-option value="Int"> Int </a-select-option>
+						<a-select-option value="Object"> Object </a-select-option>
+						<a-select-option value="[String]"> [String] </a-select-option>
+						<a-select-option value="[Int]"> [Int] </a-select-option>
+						<a-select-option value="[Object]"> [Object] </a-select-option>
 					</a-select>
 				</template>
 				<template slot="jsonPath" slot-scope="text, record, index">
@@ -153,72 +189,33 @@
 				</template>
 
 				<template slot="operation" slot-scope="text, record, index">
-					<a-button type="link" style="color: #ff4420">删除</a-button>
-				</template>
-			</a-table>
-			<div class="table_footer">
-				<a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
-			</div>
-
-			<!-- <h1 class="title_">错误码</h1>
-
-			<a-table size="middle" bordered :row-key="(record) => record.id" :pagination="false"
-				:columns="errorCode_columns" :dataSource="errorCode">
-				<template slot="Http Code" slot-scope="text, record, index">
-					<a-input v-model="record.httpCode" placeholder="请输入" allowClear />
-				</template>
-				<template slot="Error Code" slot-scope="text, record, index">
-					<a-input v-model="record.errorCode" placeholder="请输入" allowClear />
-				</template>
-				<template slot="错误信息" slot-scope="text, record, index">
-					<a-input v-model="record.errorMessage" placeholder="请输入" allowClear />
-				</template>
-				<template slot="operation" slot-scope="text, record, index">
-					<a-button type="link" style="color: #ff4420">删除</a-button>
+					<a-button type="link" @click="delTabRow('responsePam', index)" style="color: #ff4420">删除</a-button>
 				</template>
 			</a-table>
 			<div class="table_footer">
-				<a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
+				<a-button type="primary" class="addclass" @click="addResPam"> 添加参数 </a-button>
 			</div>
-
-			<h1 class="title_">变更历史</h1>
-
-			<a-table size="middle" bordered :row-key="(record) => record.id" :pagination="false"
-				:columns="changeHistory_columns" :dataSource="changeHistory">
-				<template slot="变更时间" slot-scope="text, record, index">
-					<a-input v-model="record.time" placeholder="请输入" allowClear />
-				</template>
-				<template slot="变更内容概要" slot-scope="text, record, index">
-					<a-input v-model="record.content" placeholder="请输入" allowClear />
-				</template>
-				<template slot="operation" slot-scope="text, record, index">
-					<a-button type="link" style="color: #ff4420">删除</a-button>
-				</template>
-			</a-table>
-			<div class="table_footer">
-				<a-button type="primary" class="addclass" @click="ceshidayin"> 添加参数 </a-button>
-			</div> -->
-
 			<div class="drawer_footer">
 				<a-button type="primary" class="addclass" @click="modalSubmit"> 保存 </a-button>
-				<a-button @click="modalClose"> 取消 </a-button>
+				<a-button @click="resetForm"> 取消 </a-button>
 			</div>
 		</a-form-model>
 	</a-drawer>
 </template>
 
 <script>
-	import modal from "../mixins/modal";
-	import {
-		getInterfaceSave
-	} from '@/api/thePlatformIsSet.js'
-	export default {
+import modal from "../mixins/modal";
+import {
+	getInterfaceSave, getInterfaceInfo
+} from '@/api/thePlatformIsSet.js'
+export default {
 	mixins: [modal],
 	name: "PortalAdminVuePicWorks",
-
+	props: ["dict"],
 	data() {
 		return {
 			detailsForm: {
+				productId: this.$route.query.id,
 				interfaceName: undefined,
 				versionNumber: undefined,
 				requestType: undefined,
@@ -230,43 +227,18 @@
 				description: undefined,
 				flowControl: undefined,
 				authorizeInfo: undefined,
+				contentType: undefined,
+				interfaceTag: undefined,
+				inEncrypt: 0,
+				outEncrypt: 0
 			},
 			detailsRules: {
-					interfaceName: [{
-						required: true,
-						message: "请输入",
-						trigger: "blur",
-					}, ],
-					versionNumber: [{
-						required: true,
-						message: "请输入",
-						trigger: "blur",
-					}, ],
-					requestType: [{
-						required: true,
-						message: "请输入",
-						trigger: "change",
-					}, ],
-					requestProtocol: [{
-						required: true,
-						message: "请输入",
-						trigger: "change",
-					}, ],
-					requestUrl: [{
-						required: true,
-						message: "请输入",
-						trigger: "blur",
-					}, ],
-					timeoutValue: [{
-						required: true,
-						message: "请输入",
-						trigger: "blur",
-					}, ],
-					network: [{
-						required: true,
-						message: "请输入",
-						trigger: "change",
-					}, ],
+				interfaceName: [{ required: true, message: "请输入", trigger: "blur" }],
+				versionNumber: [{ required: true, message: "请输入", trigger: "blur" }],
+				requestType: [{ required: true, message: "请选择", trigger: "change" }],
+				requestProtocol: [{ required: true, message: "请选择", trigger: "change" }],
+				requestUrl: [{ required: true, message: "请输入", trigger: "blur" }],
+				timeoutValue: [{ required: true, message: "请输入", trigger: "blur" }],
 			},
 			options: [{
 				label: "互联网",
@@ -285,14 +257,6 @@
 					customRender: "参数名",
 				},
 			},
-					{
-						title: "关联参数",
-						align: "center",
-						dataIndex: "association",
-						scopedSlots: {
-							customRender: "关联参数",
-						},
-					},
 			{
 				title: "参数值类型",
 				align: "center",
@@ -332,6 +296,7 @@
 				scopedSlots: {
 					customRender: "描述",
 				},
+				width: 200
 			},
 
 			{
@@ -344,38 +309,13 @@
 				},
 			},
 			],
-				type: '路径参数',
-				requestParameters: {
-					'路径参数': [{
-						name: ``,
-						association: undefined,
-						type: undefined,
-						jsonPath: ``,
-						default: ``,
-						isMust: undefined,
-						describe: ``,
-					}],
-					'headers': [{
-						name: ``,
-						association: undefined,
-						type: undefined,
-						jsonPath: ``,
-						default: ``,
-						isMust: undefined,
-						describe: ``,
-					}],
-					'query': [{
-						name: ``,
-						association: undefined,
-						type: undefined,
-						jsonPath: ``,
-						default: ``,
-						isMust: undefined,
-						describe: ``,
-					}],
-					'body': [{
+			requestPam: {
+				type: 'path',
+				table: []
+			},
+			responsePam: {
+				table: [{
 					name: ``,
-						association: undefined,
 					type: undefined,
 					jsonPath: ``,
 					default: ``,
@@ -383,15 +323,6 @@
 					describe: ``,
 				}]
 			},
-				responseParameters: [{
-					name: ``,
-					association: undefined,
-					type: undefined,
-					jsonPath: ``,
-					default: ``,
-					isMust: undefined,
-					describe: ``,
-				}],
 			errorCode_columns: [{
 				title: "Http Code",
 				align: "center",
@@ -451,35 +382,114 @@
 			changeHistory: [{
 				time: '',
 				content: ''
-				}]
+			}],
+			ctList: ["text/html", "text/xml", "application/json", "application/xml", "application/x-www-form-urlencoded", "multipart/form-data"]
 		};
 	},
 
-		mounted() {},
+	mounted() { },
 
 	methods: {
+		getInfo(id) {
+			getInterfaceInfo({ id: id }).then(res => {
+				res.data.network = res.data.network.split(',')
+				this.detailsForm = res.data
+				this.requestPam = JSON.parse(res.data.requestParameters)
+				this.responsePam = JSON.parse(res.data.responseParameters)
+			})
+		},
 		modalSubmit() {
 			this.$refs.ruleForm.validate(valid => {
 				if (valid) {
-						alert('submit!');
+					let json = JSON.parse(JSON.stringify(this.detailsForm))
+					if (json.network.length) json.network = json.network.join(',')
+					json.requestParameters = JSON.stringify(this.requestPam)
+					json.responseParameters = JSON.stringify(this.responsePam)
+					getInterfaceSave(json).then(res => {
+						let { code, msg } = res
+						if (code == 1) {
+							this.$message.success('保存成功');
+							this.resetForm();
+							this.modalInfo.visible = false
+							this.$parent.getList()
+						} else {
+							this.$message.error(msg);
+						}
+					})
 				} else {
 					return false;
 				}
 			});
 		},
-			ceshidayin() {
-				console.log(this.请求参数_dataSource);
+		//type 
+		onReqType(type) {
+			let index = this.requestPam.type
+			if (index == 'path') {
+				this.requestPam.table = []
+			} else {
+				let obj = {
+					name: ``,
+					type: 'String',
+					jsonPath: ``,
+					default: ``,
+					isMust: undefined,
+					describe: ``,
+					isType: true
+				}
+				if (index == 'body') {
+					obj.isType = false
+				}
+				if (type == 'new') {
+					this.requestPam.table = [obj]
+				} else {
+					this.requestPam.table.push(obj)
+				}
+			}
 		},
+		addResPam() {
+			this.responsePam.table.push({
+				name: ``,
+				type: undefined,
+				jsonPath: ``,
+				default: ``,
+				isMust: undefined,
+				describe: ``,
+			})
+		},
+		delTabRow(key, index) {
+			this[key].table.splice(index, 1)
+		},
+		resetForm() {
+			this.$nextTick(() => {
+				this.$refs.ruleForm.resetFields();
+				this.detailsForm.id=""
+				this.requestPam = {
+					type: 'path',
+					table: []
+				}
+				this.responsePam = {
+					table: [{
+						name: ``,
+						type: undefined,
+						jsonPath: ``,
+						default: ``,
+						isMust: undefined,
+						describe: ``,
+					}]
+				}
+				this.modalInfo.visible = false;
+			});
+		}
 	},
-	};
+};
 </script>
 
 <style lang="less" scoped>
-	/deep/.ant-drawer-content {
+/deep/.ant-drawer-content {
 	overflow-x: hidden !important;
-	}
+}
 
-	.drawer_footer {
+.drawer_footer {
 	z-index: 1;
 	text-align: left;
 	background: #fff;
@@ -489,25 +499,21 @@
 	bottom: 0;
 	right: 0;
 	position: absolute;
-	}
+}
 
-	.title_ {
+.title_ {
 	font-size: 16px;
 	font-weight: bold;
 	color: #333;
 	margin-bottom: 10px;
-	}
+}
 
-	.table_footer {
+.table_footer {
 	text-align: center;
 	padding-top: 10px;
-	}
+}
 
-	/deep/.ant-drawer-body {
+/deep/.ant-drawer-body {
 	margin-bottom: 100px;
-	}
-
-	/deep/.ant-radio-group {
-		margin-bottom: 10px !important;
-	}
+}
 </style>
\ No newline at end of file

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

@@ -28,7 +28,7 @@
           <a-button type="link" v-if="record.appFileUrl"
             @click="handleDowload(record.appFileUrl)">下载应用{{ index + 1 }}</a-button>
           <a-button type="link" @click="openDetails(record)">编辑{{ index + 1 }}</a-button>
-          <a-popconfirm title="确定要删除此应用吗?" ok-text="Yes" cancel-text="No" @confirm="delRow(record)">
+          <a-popconfirm title="确定要删除此应用吗?" ok-text="确定" cancel-text="取消" @confirm="delRow(record)">
             <a-button type="link" style="color: #ff4420">删除{{ index + 1 }}</a-button>
           </a-popconfirm>
 

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

@@ -20,7 +20,7 @@
           <a-button type="link" v-if="record.docFileUrl" @click="handleDowload(record.docFileUrl)">下载{{ index + 1
           }}</a-button>
           <a-button type="link" @click="openDetails(record)">编辑{{ index + 1 }}</a-button>
-          <a-popconfirm title="确定要删除此应用吗?" ok-text="Yes" cancel-text="No" @confirm="delRow(record)">
+          <a-popconfirm title="确定要删除此应用吗?" ok-text="确定" cancel-text="取消" @confirm="delRow(record)">
             <a-button type="link" style="color: #ff4420">删除{{ index + 1 }}</a-button>
           </a-popconfirm>
         </template>

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

@@ -24,7 +24,7 @@
                   </a-button>
                 </p>
                 <p>
-                  <a-popconfirm title="确定要删除此产品吗?" ok-text="Yes" cancel-text="No" @confirm="delModal(item)">
+                  <a-popconfirm title="确定要删除此产品吗?" ok-text="确定" cancel-text="取消" @confirm="delModal(item)">
                     <a-button type="link" size="small" style="color: #ff4d4f">
                       删除
                     </a-button>