diff --git a/src/views/apitype/api/index.vue b/src/views/apitype/api/index.vue
index 8a62b16..425d6fc 100644
--- a/src/views/apitype/api/index.vue
+++ b/src/views/apitype/api/index.vue
@@ -1,31 +1,81 @@
 <template>
-  <div class="app-container">
-    <el-table v-loading="loading" :data="apiList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="ID编号" align="center" prop="myId" />
-      <el-table-column label="用户ID" align="center" prop="userId" />
-      <el-table-column label="商品ID" align="center" prop="apiId" />
-      <el-table-column label="剩余次数" align="center" prop="myNum" />
-      <el-table-column label="购买时间" align="center" prop="myTime" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.myTime, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="使用状态" align="center" prop="myStates" >
-
-      </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-        <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['api:api:remove']"
-          >删除</el-button>
-        </template>
-      </el-table-column>
-    </el-table>
+  <div>
+    <template>
+      <el-table :data="apiList" >
+        <el-table-column label="ID编号" width="180">
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.myId }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="商品信息" >
+          <template slot-scope="scope">
+            <el-button style="margin-left: 10px" @click="getApitypeList(scope.row.apiId)">展示商品信息</el-button>
+            <el-form :model="apitypeList" v-if="apitypeList.sysId==scope.row.apiId">
+              <el-form-item label="图像" prop="pass">
+                <el-image :src="apitypeList.sysTypes" @click="gotoMaintained(customer)">
+                  <div slot="placeholder" class="image-slot">
+                    加载中<span class="dot">...</span>
+                  </div>
+                </el-image>
+              </el-form-item>
+              <el-form-item label="接口名称" prop="pass">
+                <span>{{apitypeList.sysIntro}}</span>
+              </el-form-item>
+              <el-form-item label="元/次" prop="pass">
+                <span>{{apitypeList.sysNumber}}</span>
+              </el-form-item>
+              <el-form-item label="产品编号" prop="pass">
+                <span>{{apitypeList.sysId}}</span>
+              </el-form-item>
+              <el-form-item label="产品备注" prop="pass">
+                <span>{{apitypeList.sysBeihzu}}</span>
+              </el-form-item>
+            </el-form>
+          </template>
+        </el-table-column>
+        <el-table-column label="剩余次数" >
+          <template slot-scope="scope">
+            <span style="margin-left: 10px">{{ scope.row.myNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="购买时间">
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.myTime, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="使用状态"  >
+          <template slot-scope="scope">
+            <el-switch
+              style="float: right;padding: 5px; margin: 4px 5px 0;"
+              v-model="scope.row.myStates"
+              active-value='Y'
+              inactive-value='N'
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+              @change="handleStatusChange(scope.row)"
+            >
+            </el-switch>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-delete"
+              @click="handleDelete(scope.row)"
+              v-hasPermi="['api:api:remove']"
+            >删除</el-button>
+            <el-button
+              size="mini"
+              type="text"
+              icon="el-icon-s-order"
+              @click="jkwd(scope.row)"
+            >接口文档</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </template>
 
     <pagination
       v-show="total>0"
@@ -64,17 +114,93 @@
         <el-button @click="cancel">取 消</el-button>
       </div>
     </el-dialog>
+
+
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="30%">
+      <el-form :model="unkownvalue" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+        <el-form-item label="请输入" prop="pass">
+          <el-input  v-model="unkownvalue" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="test">提交</el-button>
+        </el-form-item>
+      </el-form>
+      <span>{{jsonData}}</span>
+      <span slot="footer" class="dialog-footer"></span>
+    </el-dialog>
+
+
+    <el-dialog title="接口文档" :visible.sync="dialogTableVisible">
+      <el-form :model="apimsg" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+        <el-form-item label="接口描述" prop="pass">
+          <span>{{apimsg.sysBeihzu}}</span>
+        </el-form-item>
+        <el-form-item label="接口地址" prop="pass">
+          http://10.0.2.1/prod-api/market/apitype/third/<span>{{apimsg.sysId}}</span>/**
+        </el-form-item>
+        <el-form-item label="请求类型" prop="pass">
+          <span>GET</span>
+        </el-form-item>
+        <el-form-item label="请求报文格式" prop="pass">
+          <span>form</span>
+        </el-form-item>
+        <el-form-item label="请求报文" prop="pass">
+          <el-table
+            :data="reqmsg"
+            style="width: 100%">
+            <el-table-column label="名称" width="180">
+              <template slot-scope="scope">
+                <span style="margin-left: 10px">{{ scope.row.reqName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="类型" width="180">
+              <template slot-scope="scope">
+                <span style="margin-left: 10px">{{ scope.row.reqType }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="是否必填" width="180">
+              <template slot-scope="scope">
+                <span style="margin-left: 10px">{{ scope.row.reqYorn }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="描述信息" width="180">
+              <template slot-scope="scope">
+                <span style="margin-left: 10px">{{ scope.row.reqMsg }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-form-item>
+        <el-form-item label="返回报文" prop="pass">
+          <span>{{apimsg.sysSerial}}</span>
+        </el-form-item>
+      </el-form>
+      <el-button @click="handleTabClick()">测试</el-button>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 import { listApi, getApi, delApi, addApi, updateApi } from "/src/api/api/api";
+import {getAirQuality, getApitype} from "../../../api/market/apitype";
+import {listMsg} from "../../../api/reqmsg/msg";
 
 export default {
   name: "Api",
-  dicts: ['sys_yes_no'],
   data() {
     return {
+      jsonData:{},
+      unkownvalue:"",
+      sysId:"",
+      apimsg:{},
+      reqmsg:[],
+      reqmsgs:{},
+      dialogTableVisible:false,
+      dialogVisible:false,
+      apitypeList:{},
+      queryApitypeParams: {},
       // 遮罩层
       loading: true,
       // 选中数组
@@ -114,6 +240,41 @@ export default {
     this.getList();
   },
   methods: {
+    handleStatusChange(row){
+
+    },
+    getreqmsg(){
+      listMsg(this.reqmsgs).then(res=>{
+        this.reqmsg=res.data.rows
+        console.log(this.reqmsg)
+      })
+    },
+    jkwd(customer){
+      this.reqmsgs.sysId=customer.apiId
+      this.sysId=customer.apiId
+      this.dialogTableVisible=true
+      getApitype(customer.apiId).then(response => {
+        console.log(response);
+        this.apimsg = response.data;
+      });
+      this.getreqmsg()
+    },
+    handleTabClick() {
+      this.dialogVisible=true
+    },
+    test(){
+      getAirQuality(this.sysId,this.unkownvalue).then(response =>{
+        console.log(response)
+        this.jsonData=response
+        if(response.reason!=null){
+          this.jsonData=response.reason
+        }
+        if(response.result!=null){
+          this.jsonData=response.result
+        }
+        this.dialogVisible=true
+      })
+    },
     /** 查询我的api列表 */
     getList() {
       this.loading = true;
@@ -121,6 +282,14 @@ export default {
         this.apiList = response.data.rows;
         this.total = response.data.total;
         this.loading = false;
+        console.log(this.apiList)
+      });
+    },
+    getApitypeList(apiId) {
+      this.loading = true;
+      getApitype(apiId).then(response => {
+        console.log(response);
+        this.apitypeList = response.data;
       });
     },
     // 取消按钮
diff --git a/src/views/market/apitype/index.vue b/src/views/market/apitype/index.vue
index 4e5576d..ce45a4d 100644
--- a/src/views/market/apitype/index.vue
+++ b/src/views/market/apitype/index.vue
@@ -99,22 +99,6 @@
           @pagination="getList"
         />
 
-      <el-dialog
-        title="提示"
-        :visible.sync="dialogVisible"
-        width="30%">
-        <el-form :model="unkownvalue" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
-          <el-form-item label="请输入" prop="pass">
-            <el-input  v-model="unkownvalue" autocomplete="off"></el-input>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" @click="test">提交</el-button>
-          </el-form-item>
-        </el-form>
-        <span>{{jsonData}}</span>
-        <span slot="footer" class="dialog-footer">
-  </span>
-      </el-dialog>
     </el-tabs>
 
     <el-dialog title="接口文档" :visible.sync="dialogTableVisible">
@@ -161,7 +145,6 @@
           <span>{{apimsg.sysSerial}}</span>
         </el-form-item>
       </el-form>
-      <button @click="handleTabClick()">测试</button>
     </el-dialog>
 
   </div>