pull/4/head
parent
fc430b37a9
commit
bf16d4b3bd
|
|
@ -9,26 +9,17 @@
|
|||
<div class="text item">
|
||||
<el-form ref="form" :model="orders" label-width="100px">
|
||||
<el-form-item>
|
||||
输入搜索：<el-input v-model="orders.shopName" placeholder="商品名称" style="width: 180px;margin-right: 50px"></el-input>
|
||||
订单编号：<el-input v-model="orders.shopNum" placeholder="编号" style="width: 180px;margin-right: 50px"></el-input>
|
||||
订单分类：<el-cascader
|
||||
placeholder="请选择"
|
||||
v-model="typeId"
|
||||
:options="type"
|
||||
:props=Cascader
|
||||
@change="shopTypeId(orders.typeId)" clearable
|
||||
></el-cascader>
|
||||
<el-select v-model="orders.brandId" placeholder="请选择商品" style="margin-right: 30px" clearable>
|
||||
<el-option v-for="item in dict.type.pms_shop_brandid" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
订单状态：<el-select v-model="orders.publishStatus" placeholder="请选择上架状态" style="margin-right: 30px" clearable>
|
||||
<el-option v-for="item in dict.type.pms_shop_publiststatus" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
||||
</el-select>
|
||||
审核状态：<el-select v-model="orders.verifyStatus" placeholder="请选择审核状态" style="margin-right: 30px" clearable>
|
||||
<el-option v-for="item in dict.type.pms_shop_verifystatus" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
||||
输入搜索：<el-input v-model="orders.productName" placeholder="商品名称" style="width: 180px;margin-right: 50px"></el-input>
|
||||
订单编号：<el-input v-model="orders.ordersNum" placeholder="编号" style="width: 180px;margin-right: 50px"></el-input>
|
||||
<el-col :span="8">
|
||||
<el-date-picker v-model="orders.startDate" type="date" placeholder="选择开始时间"></el-date-picker>
|
||||
<el-col :span="8">
|
||||
<el-date-picker v-model="orders.endDate" type="date" placeholder="选择结束时间"></el-date-picker>
|
||||
</el-col>
|
||||
订单款项状态：<el-select v-model="orders.ordersState" placeholder="请选择状态" style="margin-right: 30px" clearable>
|
||||
<el-option v-for="item in orders.ordersState" :label="item.label" :value="item.value" :key="item.value"></el-option>
|
||||
</el-select>
|
||||
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</div>
|
||||
|
|
@ -43,31 +34,31 @@
|
|||
|
||||
<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="120" align="center">
|
||||
<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="150" align="center">
|
||||
<el-table-column label="订单编号" width="120" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">订单编号: {{ scope.row.ordersNum }}</span>
|
||||
<span style="margin-left: 10px"> {{ scope.row.ordersNum }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="订单所属人" width="120" align="center">
|
||||
<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="120" align="center">
|
||||
<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="150" align="center">
|
||||
<el-table-column label="订单金额" width="100" align="center">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.ordersPrice }}</span>
|
||||
</template>
|
||||
|
|
@ -77,7 +68,7 @@
|
|||
<span style="margin-left: 10px">{{ scope.row.ordersSpecification }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="订单款项状态" width="150" align="center">
|
||||
<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>
|
||||
|
|
@ -138,7 +129,9 @@ export default {
|
|||
arr:[],
|
||||
type:[],
|
||||
Cascader:{ expandTrigger:'hover',value:'id',label:'typeName',children:'parentPOS' },
|
||||
typeId:[]
|
||||
typeId:[],
|
||||
startDate: null,
|
||||
endDate: null,
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
|
|
@ -147,19 +140,7 @@ export default {
|
|||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
// 商品分类下拉框
|
||||
shopTypeId(){
|
||||
for (let i = 0; i < this.typeId.length; i++) {
|
||||
this.orders.typeId=this.typeId[i]
|
||||
}
|
||||
},
|
||||
/**递归*/
|
||||
diGui(){
|
||||
diGui(this.orders.typeId).then(
|
||||
res => {
|
||||
this.type=res.data
|
||||
}
|
||||
)
|
||||
|
||||
},
|
||||
// 删除
|
||||
handleDelete(orders){
|
||||
|
|
@ -225,11 +206,10 @@ export default {
|
|||
this.orders.total=res.data.total
|
||||
}
|
||||
)
|
||||
}
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.diGui()
|
||||
// this.diGui()
|
||||
this.selectList()
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
|
|
|
|||
Loading…
Reference in New Issue