a_bazu
/
cloud-web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ok

pull/4/head
Aaaaaaaa 2024-08-28 19:55:28 +08:00
parent fc430b37a9
commit bf16d4b3bd
1 changed files with 23 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/views/market/orders/index.vue
View File

@ -9,26 +9,17 @@
<div class="text item"> <div class="text item">
<el-form ref="form" :model="orders" label-width="100px"> <el-form ref="form" :model="orders" label-width="100px">
<el-form-item> <el-form-item>
输入搜索：<el-input v-model="orders.shopName" placeholder="商品名称" style="width: 180px;margin-right: 50px"></el-input> 输入搜索：<el-input v-model="orders.productName" 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-input v-model="orders.ordersNum" placeholder="编号" style="width: 180px;margin-right: 50px"></el-input>
订单分类：<el-cascader <el-col :span="8">
placeholder="请选择" <el-date-picker v-model="orders.startDate" type="date" placeholder="选择开始时间"></el-date-picker>
v-model="typeId" <el-col :span="8">
:options="type" <el-date-picker v-model="orders.endDate" type="date" placeholder="选择结束时间"></el-date-picker>
:props=Cascader </el-col>
@change="shopTypeId(orders.typeId)" clearable 订单款项状态：<el-select v-model="orders.ordersState" placeholder="请选择状态" style="margin-right: 30px" clearable>
></el-cascader> <el-option v-for="item in orders.ordersState" :label="item.label" :value="item.value" :key="item.value"></el-option>
<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-select> </el-select>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -43,31 +34,31 @@
<el-table :data="arr" style="width: 100%" @selection-change="handleSelectionChange"> <el-table :data="arr" style="width: 100%" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55"></el-table-column> <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"> <template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.ordersLaunchdate }}</span> <span style="margin-left: 10px">{{ scope.row.ordersLaunchdate }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="购买信息"> <el-table-column label="购买信息">
<el-table-column label="订单编号" width="150" align="center"> <el-table-column label="订单编号" width="120" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span style="margin-left: 10px">订单编号: {{ scope.row.ordersNum }}</span> <span style="margin-left: 10px"> {{ scope.row.ordersNum }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单所属人" width="120" align="center"> <el-table-column label="订单所属人" width="100" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.userName }}</span> <span style="margin-left: 10px">{{ scope.row.userName }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="购买详情"> <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"> <template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.productName }}</span> <span style="margin-left: 10px">{{ scope.row.productName }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单金额" width="150" align="center"> <el-table-column label="订单金额" width="100" align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<span style="margin-left: 10px">{{ scope.row.ordersPrice }}</span> <span style="margin-left: 10px">{{ scope.row.ordersPrice }}</span>
</template> </template>
@ -77,7 +68,7 @@
<span style="margin-left: 10px">{{ scope.row.ordersSpecification }}</span> <span style="margin-left: 10px">{{ scope.row.ordersSpecification }}</span>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单款项状态" width="150" align="center"> <el-table-column label="订单款项状态" width="110" align="center">
<template slot-scope="scope"> <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==0">待支付</span>
<span style="margin-left: 10px" v-if="scope.row.ordersState==1">已付款</span> <span style="margin-left: 10px" v-if="scope.row.ordersState==1">已付款</span>
@ -138,7 +129,9 @@ export default {
arr:[], arr:[],
type:[], type:[],
Cascader:{ expandTrigger:'hover',value:'id',label:'typeName',children:'parentPOS' }, Cascader:{ expandTrigger:'hover',value:'id',label:'typeName',children:'parentPOS' },
typeId:[] typeId:[],
startDate: null,
endDate: null,
}; };
}, },
//计算属性 类似于data概念", //计算属性 类似于data概念",
@ -147,19 +140,7 @@ export default {
watch: {}, watch: {},
//方法集合", //方法集合",
methods: { 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){ handleDelete(orders){
@ -207,7 +188,7 @@ export default {
// 查询 // 查询
findShop(){ findShop(){
this.selectList() this.selectList()
}, },
// 添加跳转路径 // 添加跳转路径
add(){ add(){
this.$router.push('index') this.$router.push('index')
@ -225,11 +206,10 @@ export default {
this.orders.total=res.data.total this.orders.total=res.data.total
} }
) )
}
}, },
//生命周期 - 创建完成（可以访问当前this实例）", //生命周期 - 创建完成（可以访问当前this实例）",
created() { created() {
this.diGui() // this.diGui()
this.selectList() this.selectList()
}, },
//生命周期 - 挂载完成（可以访问DOM元素）", //生命周期 - 挂载完成（可以访问DOM元素）",