后台接口管理完善

src/api/authentication/message.js

@@ -2,7 +2,7 @@ import request from "@/utils/request";
 
 
 //发送邮箱验证码
-export function sendcode(email){
+export function sendcode1(email){
   return request({
     url:"/market/company/sendcode/"+email,
     method: "POST",

src/api/background/apimanage.js

@@ -0,0 +1,25 @@
+import request from "@/utils/request";
+
+export function selectapiList(data){
+  return request({
+    url:"/background/apimanage/list",
+    method: "POST",
+    data: data
+  })
+}
+
+export function apiupdmessage(data){
+  return request({
+    url:"/background/apimanage/upd",
+    method: "POST",
+    data: data
+  })
+}
+
+export function delapi(productId){
+  return request({
+    url:"/background/apimanage/del/"+productId,
+    method: "POST",
+  })
+}
+

src/router/index.js

@@ -116,6 +116,42 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/apidetailmessage',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'apidetailmessage',
+        component: () => import('@/views/background/apidetailmessage/index.vue'),
+        meta: { title: '接口详情', icon: 'form' }
+      }
+    ]
+  },
+  {
+    path: '/apimanage',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'apimanage',
+        component: () => import('@/views/background/apimanage/index.vue'),
+        meta: { title: '接口列表', icon: 'form' }
+      }
+    ]
+  },
+  {
+    path: '/apiupdmessage',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'apiupdmessage',
+        component: () => import('@/views/background/apiupdmessage/index.vue'),
+        meta: { title: '接口列表', icon: 'form' }
+      }
+    ]
+  },
 ]
 
 // 动态路由，基于用户权限动态去加载

src/views/background/apidetailmessage/index.vue

@@ -0,0 +1,98 @@
+<template>
+  <div>
+    <h3 style="color: #1482f0">接口详情:{{api.productName}}</h3>
+    <el-divider></el-divider>
+    {{api}}
+    <center>
+      <el-form :model="api" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+        <el-form-item label="序号" prop="productId" style="width: 70%">
+         {{api.productId}}
+        </el-form-item>
+        <el-form-item label="接口名称" prop="productName" style="width: 70%">
+          {{api.productName}}
+        </el-form-item>
+        <el-form-item label="接口类型" prop="productType" style="width: 70%">
+          {{api.productType}}
+        </el-form-item>
+        <el-form-item label="接口描述" prop="productContent" style="width: 70%">
+         {{api.productContent}}
+        </el-form-item>
+        <el-form-item label="接口销量" prop="productSales" style="width: 70%">
+          {{api.productSales}}
+        </el-form-item>
+        <el-form-item label="接口价格" prop="productPrice" style="width: 70%">
+          {{api.productPrice}}
+        </el-form-item>
+        <el-form-item label="接口来源" prop="productFrom" style="width: 70%">
+          {{api.productFrom}}
+        </el-form-item>
+        <el-form-item label="重要路由" prop="apiRouter" style="width: 70%">
+          {{api.apiRouter}}
+        </el-form-item>
+        <el-form-item label="接口地址" prop="apiAddress" style="width: 70%">
+          {{api.apiAddress}}
+        </el-form-item>
+        <el-form-item label="返回格式" prop="returnFormat" style="width: 70%">
+          {{api.returnFormat}}
+        </el-form-item>
+        <el-form-item label="请求方式" prop="requestMethod" style="width: 70%">
+          {{api.requestMethod}}
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="submitForm('ruleForm')">返回</el-button>
+        </el-form-item>
+      </el-form>
+    </center>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+  export default {
+    name: "Apidetailmessage",
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+      return {
+        api:{}
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+      submitForm(){
+        this.$router.push("/apimanage/index")
+      }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+      this.api = this.$route.query.api
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>

src/views/background/apimanage/index.vue

@@ -0,0 +1,191 @@
+<template>
+  <div>
+    <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+      <el-form-item label="接口名称" prop="productName">
+        <el-input type="text" v-model="ruleForm.productName" autocomplete="off"></el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      :data="tableData"
+      style="width: 100%">
+      <el-table-column
+        label="序号"
+        width="180">
+        <template slot-scope="scope">
+          <i class="el-icon-time"></i>
+          <span style="margin-left: 10px">{{ scope.row.productId }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="接口名称"
+        width="180">
+        <template slot-scope="scope">
+          <el-popover trigger="hover" placement="top">
+            <div slot="reference" class="name-wrapper">
+              <el-tag size="medium">{{ scope.row.productName }}</el-tag>
+            </div>
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="接口描述"
+        width="180">
+        <template slot-scope="scope">
+          <el-popover trigger="hover" placement="top">
+            <div slot="reference" class="name-wrapper">
+              {{ scope.row.productContent }}
+            </div>
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="接口来源"
+        width="180">
+        <template slot-scope="scope">
+          <el-popover trigger="hover" placement="top">
+            <div slot="reference" class="name-wrapper">
+              <el-tag size="medium">{{ scope.row.productFrom }}</el-tag>
+            </div>
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column
+        label="接口销量"
+        width="180">
+        <template slot-scope="scope">
+          <el-popover trigger="hover" placement="top">
+            <div slot="reference" class="name-wrapper">
+              <el-tag size="medium">{{ scope.row.productSales }}</el-tag>
+            </div>
+          </el-popover>
+        </template>
+      </el-table-column>
+      <el-table-column label="操作">
+        <template slot-scope="scope">
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handlelook(scope.row)">详情</el-button>
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handleEdit(scope.row)">修改</el-button>
+          <el-button
+            size="mini"
+            type="danger"
+            @click="handleDelete(scope.row)">删除</el-button>
+
+        </template>
+
+      </el-table-column>
+    </el-table>
+
+    <!--分页-->
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="ruleForm.pageNum"
+      :page-sizes="[5, 7, 9, 11]"
+      :page-size="ruleForm.pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+import {delapi, selectapiList} from "@/api/background/apimanage";
+
+export default {
+    name: "Apimanage",
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+      return {
+        tableData:[],
+        ruleForm:{
+          pageNum:1,
+          pageSize:9,
+          productType:''
+        },
+        total:0,
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+      getapiList(){
+        selectapiList(this.ruleForm).then(response=>{
+          console.log(response)
+            this.tableData=response.data.productListResps
+            this.total=response.data.total
+        })
+      },
+      //分页
+      handleSizeChange(val) {
+        console.log(`每页 ${val} 条`);
+        this.ruleForm.pageSize=val
+        this.getapiList()
+      },
+      handleCurrentChange(val) {
+        console.log(`当前页: ${val}`);
+        this.ruleForm.pageNum=val
+        this.getapiList()
+      },
+      //接口详情
+      handlelook(row){
+        this.$router.push({path:"/apidetailmessage/index",query:{api:row}})
+      },
+      //修改
+      handleEdit(row){
+        this.$router.push({path:"/apiupdmessage/index",query:{api:row}})
+      },
+      //删除
+      handleDelete(row){
+        if (confirm("确定删除么")){
+          delapi(row.productId).then(response=>{
+            alert(response.msg)
+            if (response.code==200){
+              this.getapiList()
+            }
+          })
+        }
+      }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+      this.getapiList()
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>

src/views/background/apiupdmessage/index.vue

@@ -0,0 +1,108 @@
+<template>
+  <div>
+    <h3 style="color: #1482f0">接口详情:{{api.productName}}</h3>
+    <el-divider></el-divider>
+    {{api}}
+    <center>
+      <el-form :model="api" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+        <el-form-item label="序号" prop="productId" style="width: 70%">
+          <el-input type="text" v-model="api.productId" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="接口名称" prop="productName" style="width: 70%">
+          <el-input type="text" v-model="api.productName" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="接口类型" prop="productType" style="width: 70%">
+          <el-input type="text" v-model="api.productType" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="接口描述" prop="productContent" style="width: 70%">
+          <el-input type="text" v-model="api.productContent" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="接口销量" prop="productSales" style="width: 70%">
+          <el-input type="text" v-model="api.productSales" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="接口价格" prop="productPrice" style="width: 70%">
+          <el-input type="text" v-model="api.productPrice" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="接口来源" prop="productFrom" style="width: 70%">
+          <el-input type="text" v-model="api.productFrom" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="重要路由" prop="apiRouter" style="width: 70%">
+          <el-input type="text" v-model="api.apiRouter" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="接口地址" prop="apiAddress" style="width: 70%">
+          <el-input type="text" v-model="api.apiAddress" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="返回格式" prop="returnFormat" style="width: 70%">
+          <el-input type="text" v-model="api.returnFormat" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item label="请求方式" prop="requestMethod" style="width: 70%">
+          <el-input type="text" v-model="api.requestMethod" autocomplete="off"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="submitForm(api)">修改</el-button>
+          <el-button @click="resetForm('ruleForm')">重置</el-button>
+        </el-form-item>
+      </el-form>
+    </center>
+  </div>
+</template>
+
+<script>
+//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
+//例如：import 《组件名称》 from '《组件路径》,
+  import {resetForm} from "@/utils/muyu";
+import {apiupdmessage} from "@/api/background/apimanage";
+
+export default {
+    name: "Apiupdmessage",
+    //import引入的组件需要注入到对象中才能使用"
+    components: {},
+    props: {},
+    data() {
+      //这里存放数据"
+      return {
+        api:{}
+      };
+    },
+    //计算属性 类似于data概念",
+    computed: {},
+    //监控data中的数据变化",
+    watch: {},
+    //方法集合",
+    methods: {
+      resetForm,
+      submitForm(api){
+        apiupdmessage(api).then(response=>{
+          alert(response.msg)
+          if (response.code==200){
+            this.$router.push("/apimanage/index")
+          }
+        })
+      }
+    },
+    //生命周期 - 创建完成（可以访问当前this实例）",
+    created() {
+    },
+    //生命周期 - 挂载完成（可以访问DOM元素）",
+    mounted() {
+      this.api = this.$route.query.api
+    },
+    beforeCreate() {
+    }, //生命周期 - 创建之前",
+    beforeMount() {
+    }, //生命周期 - 挂载之前",
+    beforeUpdate() {
+    }, //生命周期 - 更新之前",
+    updated() {
+    }, //生命周期 - 更新之后",
+    beforeDestroy() {
+    }, //生命周期 - 销毁之前",
+    destroyed() {
+    }, //生命周期 - 销毁完成",
+    activated() {
+    } //如果页面有keep-alive缓存功能，这个函数会触发",
+  };
+</script>
+<style scoped>
+
+</style>

src/views/market/authentication/index.vue

@@ -124,7 +124,7 @@
             <el-input type="text" v-model="companyForm.companyName" autocomplete="off"></el-input>
           </el-form-item>
           <el-form-item label="社会统一编码：" prop="USCI">
-            <el-input type="text" v-model="companyForm.USCI" autocomplete="off"></el-input>
+            <el-input type="text" v-model="companyForm.usci" autocomplete="off"></el-input>
           </el-form-item>
           <el-form-item label="企业法人姓名：" prop="companyLeader">
             <el-input type="text" v-model="companyForm.companyLeader" autocomplete="off"></el-input>
@@ -157,7 +157,9 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-  export default {
+  import {companyauthentication} from "@/api/authentication/authentication";
+
+export default {
     name: "Authentication",
     //import引入的组件需要注入到对象中才能使用"
     components: {},
@@ -207,8 +209,11 @@
       },
       //企业认证上交
       companyyes(companyForm){
-        companyauthentication()
+        companyauthentication(companyForm).then(response=>{
+          alert(response.msg)
+          if (response.code==200){}
           this.dialogVisible=false
+        })
       },
       //图片上传
       handleRemove(file, fileList) {

src/views/market/easymessage/index.vue

@@ -37,12 +37,14 @@
         </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 type="primary" @click="docode(EmailForm.email)">发送验证码</el-button>
         <el-button @click="dialogVisible = false">取 消</el-button>
         <el-button type="primary" @click="yes(EmailForm)">确 定</el-button>
+
   </span>
     </el-dialog>
   </div>
@@ -51,7 +53,7 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-import {linkemail, sendcode} from "@/api/authentication/message";
+import {linkemail,sendcode1} from "@/api/authentication/message";
 
 export default {
     name: "Easymessage",
@@ -87,7 +89,7 @@ export default {
       },
       //发送邮箱验证码
       docode(email){
-        sendcode(email).then(response=>{
+        sendcode1(email).then(response=>{
           alert(response.data)
         })
       },