购买

src/views/port/port/employee.vue

@@ -5,7 +5,7 @@
         <el-card class="box-card" style="margin-top: 15px;width: 500px; height: 600px;" shadow="hover">
           <div slot="header" class="clearfix">
             <h1 style="font-weight: bold">{{connector.connectorName}}</h1>
-            <el-button type="primary" style="float: right; padding: 10px 10px" @click="buyPhone(connector)">购买</el-button>
+            <el-button type="primary" style="float: right; padding: 10px 10px" @click="buy(connector)">购买</el-button>
           </div>
           <span style="font-weight: bold;font-size: 20px">产品图片:</span><br>
           <el-image style="width: 300px; height: 300px" :src="connector.connectorPicture" :fit="fit"></el-image><br>
@@ -143,6 +143,37 @@
           </el-tree>
         </el-aside>
     </el-dialog>
+<!--  购买-->
+    <el-dialog title="购买API" :visible.sync="dialogFormVisible5">
+      <el-form :model="buyForm">
+        <el-form-item label="产品编号" :label-width="formLabelWidth">
+          <el-input v-model="buyForm.connectorId" autocomplete="off" readonly></el-input>
+        </el-form-item>
+
+        <el-form-item label="产品名称" :label-width="formLabelWidth">
+          <el-input v-model="buyForm.connectorName" autocomplete="off" readonly></el-input>
+        </el-form-item>
+
+        <el-form-item label="产品介绍" :label-width="formLabelWidth">
+          <el-input v-model="buyForm.connectorDescribe" autocomplete="off" readonly></el-input>
+        </el-form-item>
+
+        <el-form-item label="产品价格" :label-width="formLabelWidth">
+          <el-input v-model="buyForm.connectorPrice" autocomplete="off" readonly></el-input>
+        </el-form-item>
+
+        <el-form-item label="产品公司" :label-width="formLabelWidth">
+          <el-input v-model="buyForm.connectorCompany" autocomplete="off" readonly></el-input>
+        </el-form-item>
+
+        <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>
+      <div slot="footer" class="dialog-footer">
+        <el-button type="primary" @click="dialogFormVisible = false">购 买</el-button>
+      </div>
+    </el-dialog>
 
   </div>
 </template>
@@ -235,12 +266,14 @@ export default {
         news:"",
         reason:"",
       },
+      buyForm:{},
       // IP查询归属地
       dialogFormVisible:false,
       dialogFormVisible1:false,
       dialogFormVisible2:false,
       dialogFormVisible3:false,
       dialogFormVisible4:false,
+      dialogFormVisible5:false,
       dialogTableVisible:false,
     };
   },
@@ -257,6 +290,11 @@ export default {
   watch: {},
   //方法集合",
   methods: {
+    //购买
+    buy(connector){
+      this.buyForm=connector;
+      this.dialogFormVisible5=true;
+    },
     // 气象预警
     testWeather(){