购买

src/api/port/port/index.js

@@ -70,3 +70,12 @@ export function getWeather() {
     method: 'GET'
   })
 }
+
+//购买
+export function doBuyInterface(data) {
+  return request({
+    url: '/system/buy/doBuyInterface',
+    method: 'post',
+    data:data
+  })
+}

src/views/port/port/employee.vue

@@ -1,5 +1,6 @@
 <template>
   <div>
+    <el-button type="primary">+申请新数据</el-button>
     <el-row :gutter="50">
       <el-col :span="7" v-for="connector in connectorList" :key="connector.connectorId" v-if="connectorList.length !== 0">
         <el-card class="box-card" style="margin-top: 15px;width: 500px; height: 600px;" shadow="hover">
@@ -169,9 +170,22 @@
         <el-form-item label="API_URL" :label-width="formLabelWidth">
           <el-input v-model="buyForm.connectorApiurl" autocomplete="off" readonly></el-input>
         </el-form-item>
+
+        <el-form-item label="API_EYE" :label-width="formLabelWidth">
+          <el-input v-model="buyForm.connectorApikey" autocomplete="off" readonly></el-input>
+        </el-form-item>
+
+        <el-form-item label="请求方式" :label-width="formLabelWidth">
+          <el-input v-model="buyForm.connectorRequest" autocomplete="off" readonly></el-input>
+        </el-form-item>
+
+        <el-form-item label="购买次数" :label-width="formLabelWidth">
+          <el-input-number v-model="buyForm.connectorFrequency" controls-position="right" @change="handleChange" :min="1" :max="10"></el-input-number>
+        </el-form-item>
+
       </el-form>
       <div slot="footer" class="dialog-footer">
-        <el-button type="primary" @click="dialogFormVisible = false">购 买</el-button>
+        <el-button type="primary" @click="buyInterface()">购 买</el-button>
       </div>
     </el-dialog>
 
@@ -189,6 +203,7 @@ import {getHeadlines} from "@/api/port/port";
 import {getBirthday} from "@/api/port/port";
 import {getPostcode} from "@/api/port/port";
 import {getWeather} from "@/api/port/port";
+import {doBuyInterface} from "@/api/port/port";
 export default {
   //import引入的组件需要注入到对象中才能使用"
   components: {},
@@ -290,6 +305,13 @@ export default {
   watch: {},
   //方法集合",
   methods: {
+    buyInterface(){
+      doBuyInterface(this.buyForm).then((res)=>{
+        console.log(res);
+        alert(res.msg);
+        this.dialogFormVisible5=false;
+      })
+    },
     //购买
     buy(connector){
       this.buyForm=connector;

src/views/port/port/index.vue

@@ -140,12 +140,20 @@
           <el-input v-model="formLabelAlign.connectorCompany" autocomplete="off"></el-input>
         </el-form-item>
 
-        <el-form-item label="剩余次数" :label-width="formLabelWidth">
+        <el-form-item label="价格" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorResidueDegree" autocomplete="off"></el-input>
+          <el-input v-model="formLabelAlign.connectorPrice" autocomplete="off" readonly></el-input>
         </el-form-item>
 
-        <el-form-item label="购买次数" :label-width="formLabelWidth">
+        <el-form-item label="API_URL" :label-width="formLabelWidth">
-          <el-input v-model="formLabelAlign.connectorFrequency" autocomplete="off"></el-input>
+          <el-input v-model="formLabelAlign.connectorApiurl" autocomplete="off" readonly></el-input>
+        </el-form-item>
+
+        <el-form-item label="API_EYE" :label-width="formLabelWidth">
+          <el-input v-model="formLabelAlign.connectorApikey" autocomplete="off" readonly></el-input>
+        </el-form-item>
+
+        <el-form-item label="请求方式" :label-width="formLabelWidth">
+          <el-input v-model="formLabelAlign.connectorRequest" autocomplete="off" readonly></el-input>
         </el-form-item>
 
       </el-form>