后台接口及企业管理完善

src/api/background/apimanage.js

@@ -16,6 +16,30 @@ export function apiupdmessage(data){
   })
 }
 
+export function productStateList(data){
+  return request({
+    url:"/background/apimanage/productState",
+    method: "POST",
+    data: data
+  })
+}
+
+export function UpdproductState(data){
+  return request({
+    url:"/background/apimanage/updproductState",
+    method: "POST",
+    data: data
+  })
+}
+
+export function addproduct(data){
+  return request({
+    url:"/background/apimanage/add",
+    method: "POST",
+    data: data
+  })
+}
+
 export function delapi(productId){
   return request({
     url:"/background/apimanage/del/"+productId,

src/api/background/company.js

@@ -8,6 +8,14 @@ export function selectcompanyList(data){
   })
 }
 
+export function reviewStatus(data){
+  return request({
+    url:"/background/company/reviewStatus",
+    method: "POST",
+    data: data
+  })
+}
+
 export function selectcompanystatus(data){
   return request({
     url:"/background/company/companystatus",

src/views/background/apimanage/index.vue

@@ -1,14 +1,21 @@
 <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-form-item label="接口名称" prop="productName" style="width: 30%">
         <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-button type="primary" @click="submitForm('ruleForm')">查询</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-select v-model="ruleForm.productState" placeholder="请选择状态" @change="changestate(ruleForm.productState)">
+          <el-option label="全部" value=""></el-option>
+          <el-option label="未上线" value="0"></el-option>
+          <el-option label="已上线" value="1"></el-option>
+        </el-select>
       </el-form-item>
     </el-form>
-
+    <el-button type="danger" @click="add()">新增+</el-button>
     <el-table
       :data="tableData"
       style="width: 100%">
@@ -66,19 +73,33 @@
       </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>
-
+          <div>
+            <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>
+          </div>
+          <br>
+          <div v-if="scope.row.productState===0">
+            <el-button
+              size="mini"
+              type="success"
+              @click="handleUpdState(scope.row)">上线</el-button>
+          </div>
+          <div v-if="scope.row.productState===1">
+            <el-button
+              size="mini"
+              type="success"
+              @click="handleUpdState(scope.row)">下架</el-button>
+          </div>
         </template>
 
       </el-table-column>
@@ -94,13 +115,70 @@
       layout="total, sizes, prev, pager, next, jumper"
       :total="total">
     </el-pagination>
+
+    <el-dialog
+      title="提示"
+      :visible.sync="dialogVisible"
+      width="30%"
+      :before-close="handleClose">
+      <center>
+        <el-form :model="api" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
+          <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="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>
+      </center>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="dialogVisible = false">取 消</el-button>
+        <el-button @click="resetForm('ruleForm')">重置</el-button>
+        <el-button type="primary" @click="addForm(api)">确 定</el-button>
+  </span>
+    </el-dialog>
+
+
+
+
+
   </div>
 </template>
 
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-import {delapi, selectapiList} from "@/api/background/apimanage";
+import {
+  addproduct,
+  delapi,
+  productStateLis,
+  productStateList,
+  selectapiList,
+  UpdproductState
+} from "@/api/background/apimanage";
+import {resetForm} from "@/utils/muyu";
+import {add} from "lodash/math";
 
 export default {
     name: "Apimanage",
@@ -114,9 +192,12 @@ export default {
         ruleForm:{
           pageNum:1,
           pageSize:9,
-          productType:''
+          productType:'' ,
+          productState:''
         },
         total:0,
+        dialogVisible: false,
+        api:{},
       };
     },
     //计算属性 类似于data概念",
@@ -125,6 +206,15 @@ export default {
     watch: {},
     //方法集合",
     methods: {
+      resetForm,
+      //新增对话框关闭
+      handleClose(done) {
+        this.$confirm('确认关闭？')
+          .then(_ => {
+            done();
+          })
+          .catch(_ => {});
+      },
       getapiList(){
         selectapiList(this.ruleForm).then(response=>{
           console.log(response)
@@ -132,6 +222,20 @@ export default {
             this.total=response.data.total
         })
       },
+      // //状态查询
+      // productStateLis(){
+      //   productStateLis().then(response=>{
+      //     this.productStateList=response.data
+      //   })
+      // },
+      changestate(value){
+        this.ruleForm.productState=value
+        this.getapiList()
+      },
+      //查询
+      submitForm(){
+        this.getapiList()
+      },
       //分页
       handleSizeChange(val) {
         console.log(`每页 ${val} 条`);
@@ -161,11 +265,51 @@ export default {
             }
           })
         }
+      },
+      //新增
+      add(){
+        this.dialogVisible=true
+      },
+      addForm(){
+        addproduct(this.api).then(response=>{
+          alert(response.msg)
+          if (response.code==200){
+            this.dialogVisible=false
+            this.getapiList()
+          }
+        })
+      },
+      //产品上/下线
+      handleUpdState(row){
+        if (row.productState==0){
+          if (confirm("确定上线么")){
+            row.productState=1
+            alert(JSON.stringify(row))
+            UpdproductState(row).then(response=>{
+              alert(response.msg)
+              if (response.code==200){
+                this.getapiList()
+              }
+            })
+          }
+        }else {
+          if (confirm("确定下架么")){
+            row.productState=0
+            UpdproductState(row).then(response=>{
+              alert(response.msg)
+              if (response.code==200){
+                this.getapiList()
+              }
+            })
+          }
+        }
+
       }
     },
     //生命周期 - 创建完成（可以访问当前this实例）",
     created() {
       this.getapiList()
+      // this.productStateList()
     },
     //生命周期 - 挂载完成（可以访问DOM元素）",
     mounted() {

src/views/background/company/index.vue

@@ -2,7 +2,7 @@
   <div>
     <span>企业管理/待审核企业</span>
     <el-container style="height: 500px; border: 1px solid #eee">
-      <el-aside width="200px" style="background-color: rgb(238, 241, 246)">
+      <el-aside width="150px" style="background-color: rgb(238, 241, 246)">
         <span @click="choseall()">全部</span>
         <div v-for="(companyStatus,index1) in companystatusList" :key="index1">
           <span @click="chosetype(index1)" v-if="companyStatus==0">待审核企业</span>
@@ -116,15 +116,32 @@
                 </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">
+                    <span v-if="scope.row.reviewStatus==0">待审核</span>
+                    <span v-if="scope.row.reviewStatus==1">审核通过</span>
+                    <span v-if="scope.row.reviewStatus==2">审核未通过</span>
+                  </div>
+                </el-popover>
+              </template>
+            </el-table-column>
             <el-table-column label="操作">
               <template slot-scope="scope">
-                <el-button
-                  size="mini"
-                  @click="handleEdit(scope.$index, scope.row)">审核通过</el-button>
-                <el-button
-                  size="mini"
-                  type="danger"
-                  @click="handleDelete(scope.$index, scope.row)">审核不通过</el-button>
+                <span v-if="scope.row.reviewStatus==0 || scope.row.reviewStatus==1">
+                  <el-button
+                    size="mini"
+                    type="danger"
+                    @click="handleNotEdit(scope.row)">审核不通过</el-button>
+                </span>
+                <span v-if="scope.row.reviewStatus==0 || scope.row.reviewStatus==2">
+                 <el-button
+                   size="mini"
+                   @click="handleEdit(scope.row)">审核通过</el-button>
+                </span>
               </template>
             </el-table-column>
           </el-table>
@@ -149,7 +166,7 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
 //例如：import 《组件名称》 from '《组件路径》,
-import {selectcompanyList, selectcompanystatus} from "@/api/background/company";
+import {reviewStatus, selectcompanyList, selectcompanystatus} from "@/api/background/company";
 
 export default {
     name: "Company",
@@ -162,7 +179,7 @@ export default {
         tableData:[],
         ruleForm:{
           pageNum:1,
-          pageSize:8,
+          pageSize:5,
           reviewStatus:''
         },
         total:0,
@@ -211,6 +228,28 @@ export default {
         this.ruleForm.reviewStatus=''
         this.getList()
       },
+      //审核不通过
+      handleNotEdit(row){
+        row.reviewStatus=2
+        reviewStatus(row).then(response=>{
+          alert(response.msg)
+          if (response.code==200){
+            this.getList()
+            this.getcompanystatusList()
+          }
+        })
+      },
+      //审核通过
+      handleEdit(row){
+        row.reviewStatus=1
+        reviewStatus(row).then(response=>{
+          alert(response.msg)
+          if (response.code==200){
+            this.getList()
+            this.getcompanystatusList()
+          }
+        })
+      }
     },
     //生命周期 - 创建完成（可以访问当前this实例）",
     created() {