Merge branch 'dev'
commit
b5b9ce86bc
|
|
@ -1,5 +1,6 @@
|
|||
import request from "@/utils/request";
|
||||
|
||||
|
||||
export function selectList(data){
|
||||
return request({
|
||||
url:"/market/orders/list",
|
||||
|
|
@ -7,3 +8,62 @@ export function selectList(data){
|
|||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function addordersup(data){
|
||||
return request({
|
||||
url:"/market/orders/addOrdeds",
|
||||
method: "POST",
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function ordersDelete(ordersId) {
|
||||
return request({
|
||||
url: "/market/orders/delByOrderId/" + ordersId ,
|
||||
method: "GET"
|
||||
})
|
||||
}
|
||||
|
||||
export function updateOrders(data) {
|
||||
return request({
|
||||
url: "/market/orders/updateOrders",
|
||||
method: "POST",
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateByeExist(ordersId) {
|
||||
return request({
|
||||
url: "/market/orders/updateByeExist/" + ordersId ,
|
||||
method: "GET"
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function updateByExist(ordersId) {
|
||||
return request({
|
||||
url: "/market/orders/updateByExist/" + ordersId ,
|
||||
method: "GET"
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function orderssd(ordersId) {
|
||||
return request({
|
||||
url: "/market/orders/delByOrderId/" + ordersId ,
|
||||
method: "GET"
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function pay(data){
|
||||
return request({
|
||||
url:"/market/alipay/pay",
|
||||
method: "get",
|
||||
data: data
|
||||
})}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import request from "@/utils/request";
|
||||
import { handleDelete } from '@/api/market/product'
|
||||
|
||||
export function gethostportList(){
|
||||
return request({
|
||||
|
|
|
|||
|
|
@ -152,6 +152,30 @@ export const constantRoutes = [
|
|||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/updorders',
|
||||
component: Layout,
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'updorders',
|
||||
component: () => import('@/views/market/updorders/index.vue'),
|
||||
meta: { title: '修改订单详情', icon: 'form' }
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
path: '/reclaim',
|
||||
component: Layout,
|
||||
children: [
|
||||
{
|
||||
path: 'index',
|
||||
name: 'reclaim',
|
||||
component: () => import('@/views/market/reclaim/index.vue'),
|
||||
meta: { title: '订单回收站', icon: 'form' }
|
||||
}
|
||||
]
|
||||
},
|
||||
]
|
||||
|
||||
// 动态路由，基于用户权限动态去加载
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
<el-card class="box-card" style="width: 94%;transform: translateX(3%);margin-top: 10px">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>数据列表</span>
|
||||
<button @click="add" style="float: right; padding: 3px 10px" type="text">添加</button>
|
||||
<button @click="add(1)" style="float: right; padding: 3px 10px" type="text">添加</button>
|
||||
</div>
|
||||
|
||||
<el-table :data="arr" style="width: 100%" @selection-change="handleSelectionChange">
|
||||
|
|
@ -86,17 +86,21 @@
|
|||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
@click="handleEdit(scope.row)">编辑</el-button>
|
||||
@click="ordersUpdate(scope.row)">编辑</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="danger"
|
||||
@click="handleDelete(scope.row)">删除</el-button>
|
||||
@click="ordersDelete(scope.row)">删除</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="pay(scope.row)" >支付</el-button>
|
||||
<!-- v-if="scope.row.status === '待支付'"-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-card>
|
||||
<el-pagination style="float: right"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
|
|
@ -106,14 +110,50 @@
|
|||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="orders.total">
|
||||
</el-pagination>
|
||||
</el-card>
|
||||
|
||||
</div>
|
||||
<el-dialog
|
||||
:title="addtitle"
|
||||
:visible.sync="addordersoff"
|
||||
width="50%"
|
||||
:before-close="handleClose">
|
||||
<div v-if="this.index==1">
|
||||
<h2>管理员慎重填写</h2><br>
|
||||
<el-form :model="ordersForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||
<el-form-item label="订单编号：" prop="ordersNum">
|
||||
<el-input type="text" v-model="ordersForm.ordersNum" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单产品：" prop="ordersProduct">
|
||||
<el-input type="text" v-model="ordersForm.ordersProduct" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单所属人：" prop="ordersUser">
|
||||
<el-input type="text" v-model="ordersForm.ordersUser" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单金额：" prop="ordersPrice">
|
||||
<el-input type="text" v-model="ordersForm.ordersPrice" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单规格：" prop="ordersSpecification">
|
||||
<el-input type="text" v-model="ordersForm.ordersSpecification" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<center>
|
||||
<el-button @click="addordersoff = false">取 消</el-button>
|
||||
<el-button type="primary" @click="addorders(ordersForm)">提交</el-button>
|
||||
</center>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import {selectList, update } from '@/api/market/orders'
|
||||
import {handleDelete} from "@/api/market/product";
|
||||
import { selectList, updateOrders, addordersup, ordersDelete ,pay} from '@/api/market/orders'
|
||||
import { diGui } from "@/api/market/orders";
|
||||
|
||||
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
export default {
|
||||
|
|
@ -123,7 +163,6 @@ export default {
|
|||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
orders:{
|
||||
pageNum:1,
|
||||
|
|
@ -139,6 +178,11 @@ export default {
|
|||
startDate: null,
|
||||
endDate: null,
|
||||
|
||||
index:'',
|
||||
addtitle:'',
|
||||
addordersoff:false,
|
||||
ordersForm:{},
|
||||
|
||||
options: [{
|
||||
value: ' ',
|
||||
label: '全选'
|
||||
|
|
@ -166,58 +210,6 @@ export default {
|
|||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
|
||||
// 删除
|
||||
handleDelete(orders){
|
||||
handleDelete(orders.id).then(
|
||||
res => {
|
||||
this.$message.success(res.msg)
|
||||
this.selectList()
|
||||
}
|
||||
)
|
||||
},
|
||||
// 重置
|
||||
chong(){
|
||||
this.orders={}
|
||||
this.selectList()
|
||||
},
|
||||
// 分页
|
||||
handleSizeChange(val) {
|
||||
this.orders.pageSize=val
|
||||
this.selectList()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.orders.pageNum=val
|
||||
this.selectList()
|
||||
},
|
||||
// 上架，新品，推荐修改
|
||||
updateShop(orders){
|
||||
update(orders).then(
|
||||
res => {
|
||||
this.$message.success(res.msg)
|
||||
this.selectList()
|
||||
}
|
||||
)
|
||||
},
|
||||
// 修改跳转路径
|
||||
handleEdit(orders){
|
||||
if (this.orders.serviceIds && typeof this.orders.serviceIds === 'string') {
|
||||
orders.serviceid = this.orders.serviceIds.split(',');
|
||||
// ... 后续操作
|
||||
}
|
||||
console.log(JSON.stringify(orders))
|
||||
orders.serviceid=orders.serviceIds.split(',').map(id => parseInt(id, 10));
|
||||
console.log(JSON.stringify(orders))
|
||||
this.$router.push({path:'/product/info/update',query:{orders:orders}})
|
||||
},
|
||||
// 查询
|
||||
findShop(){
|
||||
this.selectList()
|
||||
},
|
||||
// 添加跳转路径
|
||||
add(){
|
||||
this.$router.push('add')
|
||||
},
|
||||
// 多选框
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
|
|
@ -231,7 +223,73 @@ export default {
|
|||
this.orders.total = res.data.total
|
||||
}
|
||||
)
|
||||
}
|
||||
},
|
||||
// 删除
|
||||
ordersDelete(row){
|
||||
ordersDelete(row.ordersId).then(
|
||||
res => {
|
||||
this.$message.success(res.msg)
|
||||
this.selectList()
|
||||
}
|
||||
)
|
||||
},
|
||||
// 分页
|
||||
handleSizeChange(val) {
|
||||
this.orders.pageSize=val
|
||||
this.selectList()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.orders.pageNum=val
|
||||
this.selectList()
|
||||
},
|
||||
// 重置
|
||||
chong(){
|
||||
this.orders={}
|
||||
this.selectList()
|
||||
},
|
||||
// 查询
|
||||
findShop(){
|
||||
this.selectList()
|
||||
},
|
||||
// 添加跳转路径
|
||||
add(index){
|
||||
this.index=index
|
||||
if (this.index === 1) {
|
||||
this.addtitle= '添加订单';
|
||||
}
|
||||
// else if (this.index === 2) {
|
||||
// this.dialogtitle= '';
|
||||
// }
|
||||
this.addordersoff=true
|
||||
},
|
||||
addorders(ordersForm){
|
||||
addordersup(ordersForm).then(response=>{
|
||||
alert(response.msg)
|
||||
if (response.code==200){}
|
||||
this.addordersoff=false
|
||||
})
|
||||
location.reload();
|
||||
},
|
||||
|
||||
handleClose(done) {
|
||||
this.$confirm('确认关闭？')
|
||||
.then(_ => {
|
||||
done();
|
||||
})
|
||||
.catch(_ => {});
|
||||
},
|
||||
// 修改跳转路径
|
||||
ordersUpdate(row){
|
||||
this.$router.push({path:"/updorders/index",query:{orders:row}})
|
||||
},
|
||||
|
||||
pay(row){
|
||||
window.open("http://localhost:9701/alipay/pay?subject=" + row.name
|
||||
+ "& traceNo=" + row.no + "& totalAmount=" + row.ordersPrice)
|
||||
this.$message.success('付款成功')
|
||||
this.load();
|
||||
}
|
||||
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
|
|
|
|||
|
|
@ -0,0 +1,339 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-card class="box-card" style="width: 94%;transform: translateX(3%);margin-top: 30px">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>筛选搜索</span>
|
||||
<el-button style="float: right; padding: 3px 30px" type="text" @click="findShop">查询结果</el-button>
|
||||
<el-button style="float: right; padding: 3px 10px" type="text" @click="chong">重置</el-button>
|
||||
</div>
|
||||
<div class="text item">
|
||||
<el-form ref="form" :model="orders" label-width="100px">
|
||||
<el-form-item>
|
||||
|
||||
订单编号：<el-input v-model="orders.ordersNum" placeholder="编号" style="width: 180px;margin-right: 50px"></el-input>
|
||||
订单款项状态：
|
||||
<el-select v-model="orders.ordersState" placeholder="请选择状态" style="margin-right: 30px" clearable>
|
||||
<el-option v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<br/> <br/>
|
||||
选择时间:
|
||||
<el-date-picker v-model="orders.startDate" type="date" placeholder="开始时间" />
|
||||
-----
|
||||
<el-date-picker v-model="orders.endDate" type="date" placeholder="结束时间"/>
|
||||
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
</el-card>
|
||||
|
||||
<br>
|
||||
<el-card class="box-card" style="width: 94%;transform: translateX(3%);margin-top: 10px">
|
||||
<div slot="header" class="clearfix">
|
||||
<span>回收站列表</span>
|
||||
<button @click="add(1)" style="float: right; padding: 3px 10px" type="text">添加</button>
|
||||
</div>
|
||||
|
||||
<el-table :data="arr" style="width: 100%" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55"></el-table-column>
|
||||
<el-table-column label="日期" width="150" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.ordersLaunchdate }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="购买信息">
|
||||
<el-table-column label="订单编号" width="120" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px"> {{ scope.row.ordersNum }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="订单所属人" width="100" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.userName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="购买详情">
|
||||
<el-table-column prop="province" label="购买接口" width="150" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.productName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="订单金额" width="100" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.ordersPrice }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="订单规格" width="300" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.ordersSpecification }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="订单款项状态" width="110" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px" v-if="scope.row.ordersState==0">待支付</span>
|
||||
<span style="margin-left: 10px" v-if="scope.row.ordersState==1">已付款</span>
|
||||
<span style="margin-left: 10px" v-if="scope.row.ordersState==2">未付款</span>
|
||||
<span style="margin-left: 10px" v-if="scope.row.ordersState==4">售后(申请退款)</span>
|
||||
<span style="margin-left: 10px" v-if="scope.row.ordersState==5">已退款</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="操作" align="center">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
@click="handleEdit(scope.row)">编辑</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="danger"
|
||||
@click="ordersDelete(scope.row)">删除</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
size="small"
|
||||
@click="pay(scope.row)" >支付</el-button>
|
||||
<!-- v-if="scope.row.status === '待支付'"-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-pagination style="float: right"
|
||||
@size-change="handleSizeChange"
|
||||
@current-change="handleCurrentChange"
|
||||
:current-page="orders.pageNum"
|
||||
:page-sizes="[2, 4, 6, 8]"
|
||||
:page-size="orders.pageSize"
|
||||
layout="total, sizes, prev, pager, next, jumper"
|
||||
:total="orders.total">
|
||||
</el-pagination>
|
||||
</el-card>
|
||||
|
||||
<el-dialog
|
||||
:title="addtitle"
|
||||
:visible.sync="addordersoff"
|
||||
width="50%"
|
||||
:before-close="handleClose">
|
||||
<div v-if="this.index==1">
|
||||
<h2>管理员慎重填写</h2><br>
|
||||
<el-form :model="ordersForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||
<el-form-item label="订单编号：" prop="ordersNum">
|
||||
<el-input type="text" v-model="ordersForm.ordersNum" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单产品：" prop="ordersProduct">
|
||||
<el-input type="text" v-model="ordersForm.ordersProduct" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单所属人：" prop="ordersUser">
|
||||
<el-input type="text" v-model="ordersForm.ordersUser" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单金额：" prop="ordersPrice">
|
||||
<el-input type="text" v-model="ordersForm.ordersPrice" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="订单规格：" prop="ordersSpecification">
|
||||
<el-input type="text" v-model="ordersForm.ordersSpecification" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<center>
|
||||
<el-button @click="addordersoff = false">取 消</el-button>
|
||||
<el-button type="primary" @click="addorders(ordersForm)">提交</el-button>
|
||||
</center>
|
||||
</div>
|
||||
<span slot="footer" class="dialog-footer">
|
||||
</span>
|
||||
</el-dialog>
|
||||
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
<script>
|
||||
import { selectList, update, addordersup, ordersDelete ,pay} from '@/api/market/orders'
|
||||
import { diGui } from "@/api/market/orders";
|
||||
|
||||
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
export default {
|
||||
dicts:['product_name','orders_num','orders_state','orders_launchdate'],
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
return {
|
||||
orders:{
|
||||
pageNum:1,
|
||||
pageSize:10,
|
||||
total:1,
|
||||
typeId:0
|
||||
},
|
||||
arr:[],
|
||||
type:[],
|
||||
|
||||
Cascader:{ expandTrigger:'hover',value:'id',label:'typeName',children:'parentPOS' },
|
||||
typeId:[],
|
||||
startDate: null,
|
||||
endDate: null,
|
||||
|
||||
index:'',
|
||||
addtitle:'',
|
||||
addordersoff:false,
|
||||
ordersForm:{},
|
||||
|
||||
options: [{
|
||||
value: ' ',
|
||||
label: '全选'
|
||||
}, {
|
||||
value: '0',
|
||||
label: '待支付'
|
||||
}, {
|
||||
value: '1',
|
||||
label: '已付款'
|
||||
}, {
|
||||
value: '2',
|
||||
label: '未付款'
|
||||
}, {
|
||||
value: '3',
|
||||
label: '售后中(申请退款) '
|
||||
} ,{
|
||||
value: '4',
|
||||
label: '已退款 '
|
||||
}]
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
// 删除
|
||||
ordersDelete(row){
|
||||
ordersDelete(row.ordersId).then(
|
||||
res => {
|
||||
this.$message.success(res.msg)
|
||||
this.selectList()
|
||||
}
|
||||
)
|
||||
},
|
||||
// 重置
|
||||
chong(){
|
||||
this.orders={}
|
||||
this.selectList()
|
||||
},
|
||||
// 分页
|
||||
handleSizeChange(val) {
|
||||
this.orders.pageSize=val
|
||||
this.selectList()
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.orders.pageNum=val
|
||||
this.selectList()
|
||||
},
|
||||
|
||||
handleClose(done) {
|
||||
this.$confirm('确认关闭？')
|
||||
.then(_ => {
|
||||
done();
|
||||
})
|
||||
.catch(_ => {});
|
||||
},
|
||||
|
||||
|
||||
pay(row){
|
||||
window.open("http://localhost:9701/alipay/pay?subject=" + row.name
|
||||
+ "& traceNo=" + row.no + "& totalAmount=" + row.ordersPrice)
|
||||
this.$message.success('付款成功')
|
||||
this.load();
|
||||
|
||||
}
|
||||
,
|
||||
// 上架，新品，推荐修改
|
||||
updateShop(orders){
|
||||
update(orders).then(
|
||||
res => {
|
||||
this.$message.success(res.msg)
|
||||
this.selectList()
|
||||
}
|
||||
)
|
||||
},
|
||||
// 修改跳转路径
|
||||
handleEdit(orders){
|
||||
if (this.orders.serviceIds && typeof this.orders.serviceIds === 'string') {
|
||||
orders.serviceid = this.orders.serviceIds.split(',');
|
||||
// ... 后续操作
|
||||
}
|
||||
console.log(JSON.stringify(orders))
|
||||
orders.serviceid=orders.serviceIds.split(',').map(id => parseInt(id, 10));
|
||||
console.log(JSON.stringify(orders))
|
||||
this.$router.push({path:'/product/info/update',query:{orders:orders}})
|
||||
},
|
||||
|
||||
addorders(ordersForm){
|
||||
addordersup(ordersForm).then(response=>{
|
||||
alert(response.msg)
|
||||
if (response.code==200){}
|
||||
this.addordersoff=false
|
||||
})
|
||||
location.reload();
|
||||
},
|
||||
// 查询
|
||||
findShop(){
|
||||
this.selectList()
|
||||
},
|
||||
// 添加跳转路径
|
||||
add(index){
|
||||
this.index=index
|
||||
if (this.index === 1) {
|
||||
this.addtitle= '添加订单';
|
||||
}
|
||||
// else if (this.index === 2) {
|
||||
// this.dialogtitle= '';
|
||||
// }
|
||||
this.addordersoff=true
|
||||
},
|
||||
// 多选框
|
||||
handleSelectionChange(val) {
|
||||
this.multipleSelection = val;
|
||||
},
|
||||
//商品列表
|
||||
selectList() {
|
||||
selectList(this.orders).then(
|
||||
res => {
|
||||
console.log(res)
|
||||
this.arr = res.data.list
|
||||
this.orders.total = res.data.total
|
||||
}
|
||||
)
|
||||
}
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
// this.diGui()
|
||||
this.selectList()
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
mounted() {
|
||||
},
|
||||
beforeCreate() {
|
||||
}, //生命周期 - 创建之前",
|
||||
beforeMount() {
|
||||
}, //生命周期 - 挂载之前",
|
||||
beforeUpdate() {
|
||||
}, //生命周期 - 更新之前",
|
||||
updated() {
|
||||
}, //生命周期 - 更新之后",
|
||||
beforeDestroy() {
|
||||
}, //生命周期 - 销毁之前",
|
||||
destroyed() {
|
||||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,97 @@
|
|||
<template>
|
||||
<div>
|
||||
{{orders}}
|
||||
|
||||
<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%">
|
||||
{{orders.productId}}
|
||||
</el-form-item>
|
||||
<el-form-item label="接口名称" prop="productName" style="width: 70%">
|
||||
{{orders.productName}}
|
||||
</el-form-item>
|
||||
<el-form-item label="接口类型" prop="productType" style="width: 70%">
|
||||
{{orders.productType}}
|
||||
</el-form-item>
|
||||
<el-form-item label="接口描述" prop="productContent" style="width: 70%">
|
||||
{{orders.productContent}}
|
||||
</el-form-item>
|
||||
<el-form-item label="接口销量" prop="productSales" style="width: 70%">
|
||||
{{orders.productSales}}
|
||||
</el-form-item>
|
||||
<el-form-item label="接口价格" prop="productPrice" style="width: 70%">
|
||||
{{orders.productPrice}}
|
||||
</el-form-item>
|
||||
<el-form-item label="接口来源" prop="productFrom" style="width: 70%">
|
||||
{{orders.productFrom}}
|
||||
</el-form-item>
|
||||
<el-form-item label="重要路由" prop="apiRouter" style="width: 70%">
|
||||
{{orders.apiRouter}}
|
||||
</el-form-item>
|
||||
<el-form-item label="接口地址" prop="apiAddress" style="width: 70%">
|
||||
{{orders.apiAddress}}
|
||||
</el-form-item>
|
||||
<el-form-item label="返回格式" prop="returnFormat" style="width: 70%">
|
||||
{{orders.returnFormat}}
|
||||
</el-form-item>
|
||||
<el-form-item label="请求方式" prop="requestMethod" style="width: 70%">
|
||||
{{orders.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 {
|
||||
orders:{}
|
||||
};
|
||||
},
|
||||
//计算属性 类似于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>
|
||||
Loading…
Reference in New Issue