From ecead0f5bf6a6beab9e9b5e866db9ca827492343 Mon Sep 17 00:00:00 2001
From: WeiRan <2392355487@qq.com>
Date: Fri, 30 Aug 2024 09:28:45 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E4=B8=89=E4=B8=AA=E6=8E=A5?=
 =?UTF-8?q?=E5=8F=A3=E8=B0=83=E7=94=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/apitest/apitest.js                |  40 +++++
 src/api/authentication/authentication.js  |   8 +
 src/api/authentication/message.js         |  10 ++
 src/views/background/company/index.vue    |   4 +-
 src/views/market/apitest/index.vue        | 184 ++++++++++++++++++++--
 src/views/market/authentication/index.vue |  70 +++++++-
 src/views/market/easymessage/index.vue    |  14 +-
 src/views/market/myapi/index.vue          |  29 ++--
 src/views/market/product/index.vue        |  29 ++--
 9 files changed, 329 insertions(+), 59 deletions(-)
 create mode 100644 src/api/apitest/apitest.js
 create mode 100644 src/api/authentication/authentication.js

diff --git a/src/api/apitest/apitest.js b/src/api/apitest/apitest.js
new file mode 100644
index 0000000..4c7bd39
--- /dev/null
+++ b/src/api/apitest/apitest.js
@@ -0,0 +1,40 @@
+import request from "@/utils/request";
+
+
+//发送邮箱验证码
+export function apitest(email){
+  return request({
+    url:"/market/company/sendcode/"+email,
+    method: "POST",
+  })
+}
+
+
+export function sendrequest(options){
+  // 确保options是一个对象，并且包含必要的属性
+  if (!options || typeof options !== 'object' || !options.apiRouter || typeof options.parameter === 'undefined') {
+    throw new Error('Invalid options: must be an object with apiRouter and optional parameter properties');
+  }
+// 构建完整的URL
+  const fullUrl = `/background/api/${options.apiRouter}/${options.parameter || ''}`;
+  return request({
+    url:fullUrl,
+    method: "get",
+    data: options.parameter,
+  })
+}
+
+export function sendrequest1(options){
+  // 确保options是一个对象，并且包含必要的属性
+  if (!options || typeof options !== 'object' || !options.apiRouter ) {
+    throw new Error('Invalid options: must be an object with apiRouter ');
+  }
+// 构建完整的URL
+  const fullUrl = `/background/api/${options.apiRouter}`;
+  return request({
+    url:fullUrl,
+    method: "post",
+    data: options
+  })
+}
+
diff --git a/src/api/authentication/authentication.js b/src/api/authentication/authentication.js
new file mode 100644
index 0000000..975cd51
--- /dev/null
+++ b/src/api/authentication/authentication.js
@@ -0,0 +1,8 @@
+import request from "@/utils/request";
+export function companyauthentication(data){
+  return request({
+    url:"/market/company/companyauthentication",
+    method: "POST",
+    data: data
+  })
+}
diff --git a/src/api/authentication/message.js b/src/api/authentication/message.js
index bd7b4b1..1ab33be 100644
--- a/src/api/authentication/message.js
+++ b/src/api/authentication/message.js
@@ -1,5 +1,15 @@
 import request from "@/utils/request";
 
+
+//发送邮箱验证码
+export function sendcode(email){
+  return request({
+    url:"/market/company/sendcode/"+email,
+    method: "POST",
+  })
+}
+
+//绑定邮箱
 export function linkemail(data){
   return request({
     url:"/market/company/list",
diff --git a/src/views/background/company/index.vue b/src/views/background/company/index.vue
index 7f7785a..2c06af4 100644
--- a/src/views/background/company/index.vue
+++ b/src/views/background/company/index.vue
@@ -120,11 +120,11 @@
               <template slot-scope="scope">
                 <el-button
                   size="mini"
-                  @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
+                  @click="handleEdit(scope.$index, scope.row)">审核通过</el-button>
                 <el-button
                   size="mini"
                   type="danger"
-                  @click="handleDelete(scope.$index, scope.row)">删除</el-button>
+                  @click="handleDelete(scope.$index, scope.row)">审核不通过</el-button>
               </template>
             </el-table-column>
           </el-table>
diff --git a/src/views/market/apitest/index.vue b/src/views/market/apitest/index.vue
index 331550d..65efbe0 100644
--- a/src/views/market/apitest/index.vue
+++ b/src/views/market/apitest/index.vue
@@ -12,9 +12,13 @@
           <el-form-item label="产品介绍:">
             {{myapi.productContent}}
           </el-form-item>
+          <el-form-item label="重要路由:">
+            {{myapi.apiRouter}}
+          </el-form-item>
+
           <el-row>
             <el-col :span="24"><div class="grid-content bg-purple-dark">
-              <el-button type="info" @click="test()">测试</el-button>
+              <el-button type="info" @click="test(myapi)">测试</el-button>
               <el-button type="primary">立即申请</el-button>
             </div></el-col>
           </el-row>
@@ -22,34 +26,33 @@
       </div></el-col>
     </el-row>
     <el-divider></el-divider>
+
+
     <el-row  class="first-row" >
       <el-col :span="24"><div class="grid-content bg-purple-dark" >
         <el-tabs v-model="activeName" @tab-click="handleClick">
           <el-tab-pane label="API文档" name="first">
             <el-form  ref="form" :model="myapi" label-width="120px" :rules="rules">
               <el-form-item label="接口地址:" >
-                {{myapi.productName}}
+                {{myapi.apiAddress}}
               </el-form-item>
               <el-form-item label="返回格式:">
-                {{myapi.productPrice}}元/次
+                {{myapi.returnFormat}}元/次
               </el-form-item>
               <el-form-item label="请求方式:">
-                {{myapi.productContent}}
-              </el-form-item>
-              <el-form-item label="简介:">
-                {{myapi.productContent}}
+                {{myapi.requestMethod}}
               </el-form-item>
               <el-form-item label="请求参数说明:">
-                {{myapi.productContent}}
+
               </el-form-item>
               <el-form-item label="返回参数说明:">
-                {{myapi.productContent}}
+
               </el-form-item>
               <el-form-item label="JSON返回示例:">
-                {{myapi.productContent}}
+
               </el-form-item>
               <el-form-item label="XML返回示例:">
-                {{myapi.productContent}}
+
               </el-form-item>
             </el-form>
           </el-tab-pane>
@@ -58,13 +61,70 @@
         </el-tabs>
       </div></el-col>
     </el-row>
+
+    <!--测试对话框-->
+    <el-dialog
+      title="接口测试"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose">
+      <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+        <el-form-item label="接口名称" prop="pass">
+          <el-input type="text" v-model="ruleForm.productName" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="接口地址" prop="pass">
+          <el-input type="text" v-model="ruleForm.apiAddress" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="请求方式" prop="pass">
+          <el-input type="text" v-model="ruleForm.requestMethod" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="请求参数" prop="pass" v-if="ruleForm.productName!=='新闻头条'" >
+          <el-input type="text" v-model="ruleForm.parameter" autocomplete="off"></el-input>
+        </el-form-item>
+        <div v-if="ruleForm.productName=='新闻头条'">
+          <el-form-item label="type" prop="pass" >
+            <el-input type="text" v-model="ruleForm.type" autocomplete="off"></el-input>
+            <span>说明：支持类型top(推荐,默认)guonei(国内)guoji(国际)yule(娱乐)tiyu(体育)junshi(军事)keji(科技)caijing(财经)youxi(游戏)qiche(汽车)jiankang(健康)</span>
+          </el-form-item>
+          <el-form-item label="page" prop="pass" >
+            <el-input type="text" v-model="ruleForm.page" autocomplete="off"></el-input>
+            <span>说明：当前页数, 默认1, 最大50</span>
+          </el-form-item>
+          <el-form-item label="page_size" prop="pass" >
+            <el-input type="text" v-model="ruleForm.pageSize" autocomplete="off"></el-input>
+            <span>说明：每页返回条数, 默认30 , 最大30</span>
+          </el-form-item>
+          <el-form-item label="is_filter" prop="pass" >
+            <el-input type="text" v-model="ruleForm.isFilter" autocomplete="off"></el-input>
+            <span>说明：是否只返回有内容详情的新闻, 1:是, 默认0</span>
+          </el-form-item>
+        </div>
+        <el-form-item v-if="ruleForm.productName!=='新闻头条'">
+          <el-button type="primary" @click="submitForm(ruleForm)">发送请求</el-button>
+        </el-form-item>
+        <el-form-item  v-if="ruleForm.productName=='新闻头条'">
+          <el-button type="primary" @click="newsForm(ruleForm)">发送请求</el-button>
+        </el-form-item>
+      </el-form>
+      <pre id="json-display">
+
+      </pre>
+      <ul id="news-list">
+        <!-- 这里将动态插入新闻项 -->
+      </ul>
+      <span slot="footer" class="dialog-footer">
+    <el-button @click="dialogVisible = false">返回</el-button>
+  </span>
+    </el-dialog>
   </div>
 </template>
 
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-  export default {
+import {sendrequest, sendrequest1} from "@/api/apitest/apitest";
+
+export default {
     name: "Apitest",
     //import引入的组件需要注入到对象中才能使用"
     components: {},
@@ -78,7 +138,9 @@
           productPrice: '',
           productContent: ''
         },
-        activeName: 'first'
+        activeName: 'first',
+        dialogVisible: false,
+        ruleForm:{}
       };
     },
     //计算属性 类似于data概念",
@@ -90,6 +152,93 @@
       //标签页
       handleClick(tab, event) {
         console.log(tab, event);
+      },
+      //测试
+      test(myapi){
+        this.dialogVisible=true
+        this.ruleForm={
+          productName: myapi.productName,
+          apiAddress: myapi.apiAddress,
+          requestMethod: myapi.requestMethod,
+          apiRouter: myapi.apiRouter
+        }
+      },
+      //关闭测试对话框
+      handleClose(done) {
+        this.$confirm('确认关闭？')
+          .then(_ => {
+            done();
+          })
+          .catch(_ => {});
+      },
+      //测试发送请求 单个参数
+      submitForm(ruleForm){
+        sendrequest(ruleForm).then(response=>{
+          const jsonData = response.data;
+          // 使用JSON.stringify()来格式化JSON数据，并设置缩进为2个空格
+          const formattedJson = JSON.stringify(jsonData, null, 2);
+          // 获取<pre>元素并设置其innerHTML为格式化的JSON字符串
+          document.getElementById('json-display').innerHTML = formattedJson;
+        })
+      },
+      //测试发送请求 多个参数
+      newsForm(ruleForm) {
+        sendrequest1(ruleForm).then(response => {
+          console.log(response)
+          const jsonData1 = response.data; // 假设response.data是解析后的JSON对象
+
+          // 解析JSON字符串为JavaScript对象
+          const jsonData = JSON.parse(jsonData1);
+
+          // 创建一个容器来展示数据
+          var container = document.getElementById('news-list');
+          // 清空容器内容
+          container.innerHTML = '';
+
+          // 创建一个div来存放结果
+          var resultDiv = document.createElement('div');
+
+          // 检查jsonData.reason
+          if (jsonData.reason !== undefined) {
+            // 移除reason中的感叹号（如果存在）
+            resultDiv.innerHTML += '<h2>Reason: ' + jsonData.reason.replace(/!/g, '') + '</h2>';
+          } else {
+            resultDiv.innerHTML += '<h2>Reason: Not available</h2>';
+          }
+
+          // 检查jsonData.result
+          if (jsonData.result !== undefined) {
+            // 添加其他结果信息
+            resultDiv.innerHTML += '<p>Stat: ' + jsonData.result.stat + '</p>';
+            resultDiv.innerHTML += '<p>Page: ' + jsonData.result.page + '</p>';
+            resultDiv.innerHTML += '<p>Page Size: ' + jsonData.result.pageSize + '</p>';
+
+            // 检查jsonData.result.data
+            if (Array.isArray(jsonData.result.data)) {
+              // 遍历数据并生成HTML
+              jsonData.result.data.forEach(item => {
+                resultDiv.innerHTML += `
+          <div>
+            <h3>${item.title}</h3>
+            <p>Unique Key: ${item.uniquekey}</p>
+            <p>Date: ${item.date}</p>
+            <p>Category: ${item.category}</p>
+            <p>Author: ${item.author_name}</p>
+            <p>URL: <a href="${item.url.replace(/\\/g, '')}">${item.url}</a></p>
+          </div>
+        `;
+              });
+            } else {
+              resultDiv.innerHTML += '<p>No data available.</p>';
+            }
+          } else {
+            resultDiv.innerHTML += '<p>Result information is not available.</p>';
+          }
+
+          // 将结果div添加到容器中
+          container.appendChild(resultDiv);
+
+        });
       }
     },
     //生命周期 - 创建完成（可以访问当前this实例）",
@@ -128,4 +277,13 @@
 .first-row {
   margin-bottom: 20px; /* 创建一个空间，以便可以清晰地看到边框 */
 }
+pre {
+  background-color: #f4f4f4; /* 浅灰色背景 */
+  border: 1px solid #ddd; /* 边框 */
+  padding: 10px; /* 内边距 */
+  overflow-x: auto; /* 水平滚动条（如果需要的话） */
+  white-space: pre-wrap; /* 保留空白符序列，但是正常地进行换行 */
+  word-wrap: break-word; /* 防止长单词或URL地址破坏布局 */
+  font-family: monospace, Menlo, Courier, 'Courier New', monospace; /* 使用等宽字体 */
+}
 </style>
diff --git a/src/views/market/authentication/index.vue b/src/views/market/authentication/index.vue
index 3a4885e..7cd9320 100644
--- a/src/views/market/authentication/index.vue
+++ b/src/views/market/authentication/index.vue
@@ -58,10 +58,47 @@
     <el-dialog
       :title="dialogtitle"
       :visible.sync="dialogVisible"
-      width="30%"
+      width="50%"
       :before-close="handleClose">
       <!--个人认证-->
       <div v-if="this.index==1">
+        <h2>基本信息填写</h2><br>
+        <el-form :model="personForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+          <el-form-item label="实名认证附件上传：" prop="pass">
+            <el-upload
+              action="/dev-api/market/user/upload"
+              list-type="picture-card"
+              :on-preview="handlePictureCardPreview"
+              :on-remove="handleRemove"
+              :on-success="handleSuccess1"
+              :limit="2">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+            <el-dialog :visible.sync="dialogVisiblepicture">
+              <img width="100%" :src="dialogImageUrl" alt="">
+            </el-dialog>
+            <span>请上传清晰完整的营业执照副本照片</span>
+          </el-form-item>
+          <el-form-item label="公司名称：" prop="companyName">
+            <el-input type="text" v-model="personForm.companyName" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="真实姓名：" prop="USCI">
+            <el-input type="text" v-model="personForm.USCI" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="证件类型：" prop="companyLeader">
+            <span>居民身份证</span>
+          </el-form-item>
+          <el-form-item label="证件号码：" prop="registrantName">
+            <el-input type="text" v-model="personForm.registrantName" autocomplete="off"></el-input>
+          </el-form-item>
+          <el-form-item label="手机号码：" prop="registrantPhone">
+            <el-input type="text" v-model="personForm.registrantPhone" autocomplete="off"></el-input>
+          </el-form-item>
+        </el-form>
+        <center>
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="personyes()">提交审核</el-button>
+        </center>
 
       </div>
       <!--企业认证-->
@@ -74,7 +111,8 @@
               list-type="picture-card"
               :on-preview="handlePictureCardPreview"
               :on-remove="handleRemove"
-              :on-success="handleSuccess">
+              :on-success="handleSuccess"
+              :limit="1">
               <i class="el-icon-plus"></i>
             </el-upload>
             <el-dialog :visible.sync="dialogVisiblepicture">
@@ -104,11 +142,12 @@
             <el-input type="text" v-model="companyForm.companyAddress" autocomplete="off"></el-input>
           </el-form-item>
         </el-form>
-
+        <center>
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="companyyes(companyForm)">提交审核</el-button>
+        </center>
       </div>
       <span slot="footer" class="dialog-footer">
-    <el-button @click="dialogVisible = false">取 消</el-button>
-    <el-button type="primary" @click="yes()">提交审核</el-button>
   </span>
     </el-dialog>
   </div>
@@ -130,6 +169,9 @@
         index:'',
         dialogtitle:'',
         companyForm:{},
+        personForm:{
+          personCardPicture:[]
+        },
         dialogImageUrl: '',
         dialogVisiblepicture: false
       };
@@ -158,8 +200,14 @@
           })
           .catch(_ => {});
       },
-      yes(){
-        this.index=''
+      //个人认证上交
+      personyes(){
+
+        this.dialogVisible=false
+      },
+      //企业认证上交
+      companyyes(companyForm){
+        companyauthentication()
         this.dialogVisible=false
       },
       //图片上传
@@ -170,8 +218,16 @@
         this.dialogImageUrl = file.url;
         this.dialogVisible = true;
       },
+      //单图片上传
       handleSuccess(response,file,fileList){
         this.companyForm.businessLicense=response.data
+      },
+      //多图片上传
+      handleSuccess1(response,file,fileList){
+        this.personForm.personCardPicture=[]
+        for(const  i in fileList){
+          this.personForm.personCardPicture.push(fileList[i]).response.data
+        }
       }
     },
     //生命周期 - 创建完成（可以访问当前this实例）",
diff --git a/src/views/market/easymessage/index.vue b/src/views/market/easymessage/index.vue
index 72d272b..13a338f 100644
--- a/src/views/market/easymessage/index.vue
+++ b/src/views/market/easymessage/index.vue
@@ -29,12 +29,16 @@
     <el-dialog
       title="邮箱绑定"
       :visible.sync="dialogVisible"
-      width="30%"
+      width="50%"
       :before-close="handleClose">
       <el-form :model="EmailForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
         <el-form-item label="邮箱" prop="email">
           <el-input type="text" v-model="EmailForm.email" autocomplete="off" placeholder="请输入绑定的邮箱"></el-input>
         </el-form-item>
+        <el-form-item>
+          <el-input type="text" v-model="EmailForm.code" placeholder="请输入验证码"></el-input>
+          <button type="primary" @click="docode(EmailForm.email)">发送验证码</button>
+        </el-form-item>
       </el-form>
       <span slot="footer" class="dialog-footer">
     <el-button @click="dialogVisible = false">取 消</el-button>
@@ -47,7 +51,7 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-  import {linkemail} from "@/api/authentication/message";
+import {linkemail, sendcode} from "@/api/authentication/message";
 
 export default {
     name: "Easymessage",
@@ -81,6 +85,12 @@ export default {
           })
           .catch(_ => {});
       },
+      //发送邮箱验证码
+      docode(email){
+        sendcode(email).then(response=>{
+          alert(response.data)
+        })
+      },
       //提交邮箱绑定
       yes(EmailForm){
         linkemail(EmailForm).then(response=>{
diff --git a/src/views/market/myapi/index.vue b/src/views/market/myapi/index.vue
index 0bc71cb..5564560 100644
--- a/src/views/market/myapi/index.vue
+++ b/src/views/market/myapi/index.vue
@@ -73,19 +73,6 @@ export default {
         myapiList:[],
         myapi:{},
         ruleForm:{},
-        options: [{
-          value: '选项1',
-          label: '全部'
-        }, {
-          value: '选项2',
-          label: '申请中'
-        }, {
-          value: '选项3',
-          label: '申请通过'
-        }, {
-          value: '选项4',
-          label: '审核失败'
-        }],
         value: ''
       };
     },
@@ -102,6 +89,7 @@ export default {
       //我购买的api列表
       getList(){
         selectmyapiList(this.ruleForm).then(response=>{
+          console.log(response)
           this.myapiList=response.data
         })
       },
@@ -111,13 +99,14 @@ export default {
       },
       //测试
       test(myapi) {
-        if (myapi && myapi.productAddress) {
-          let url = myapi.productAddress; // 使用 product.address 的值
-          window.open(url, '_blank'); // 在新标签页中打开 URL
-        } else {
-          console.error('无效的 address 或 product 未定义');
-          // 或者您可以根据需要处理错误情况
-        }
+        // if (myapi && myapi.productAddress) {
+        //   let url = myapi.productAddress; // 使用 product.address 的值
+        //   window.open(url, '_blank'); // 在新标签页中打开 URL
+        // } else {
+        //   console.error('无效的 address 或 product 未定义');
+        //   // 或者您可以根据需要处理错误情况
+        // }
+        this.$router.push({path:"/apitest/index",query:{myapi:JSON.stringify(myapi)}})
       }
     },
     //生命周期 - 创建完成（可以访问当前this实例）",
diff --git a/src/views/market/product/index.vue b/src/views/market/product/index.vue
index 9bed3da..ba66ab7 100644
--- a/src/views/market/product/index.vue
+++ b/src/views/market/product/index.vue
@@ -34,6 +34,9 @@
                     <el-form-item label="产品介绍:">
                       <el-textarea v-model="product.productContent">{{product.productContent}}</el-textarea>
                     </el-form-item>
+                    <el-form-item label="重要路由:">
+                      <el-textarea v-model="product.apiRouter">{{product.apiRouter}}</el-textarea>
+                    </el-form-item>
                     <el-row>
                       <el-col :span="9"><div class="grid-content bg-purple">
                         <el-button type="primary" @click="test(product)">立即申请</el-button>
@@ -128,22 +131,18 @@ export default {
         this.getList()
       },
       //接口测试页面
-      // test(product){
-      //   // let url = `http://21.12.0.10/prod-api/doc.html#/cloud-market/客户控制层/findListByuserPhone?userId=${this.userId}`;
-      //   let url = `product`;
-      //   window.open(url, '_blank'); // 在新标签页中打开 URL
-      //
-      //   // this.$router.push({path:"/apitest/index",query:{myapi:JSON.stringify(product)}})
-      // },
-      test(product) {
-        if (product && product.productAddress) {
-          let url = product.productAddress; // 使用 product.address 的值
-          window.open(url, '_blank'); // 在新标签页中打开 URL
-        } else {
-          console.error('无效的 address 或 product 未定义');
-          // 或者您可以根据需要处理错误情况
-        }
+      test(product){
+        this.$router.push({path:"/apitest/index",query:{myapi:JSON.stringify(product)}})
       },
+      // test(product) {
+      //   if (product && product.productAddress) {
+      //     let url = product.productAddress; // 使用 product.address 的值
+      //     window.open(url, '_blank'); // 在新标签页中打开 URL
+      //   } else {
+      //     console.error('无效的 address 或 product 未定义');
+      //     // 或者您可以根据需要处理错误情况
+      //   }
+      // },
       handleSizeChange(val) {
         console.log(`每页 ${val} 条`);
         this.ruleForm.pageSize=val