商品订单 部分前端界面修改

This commit is contained in:
shidongli 2022-11-02 18:11:38 +08:00
parent 285e492f5d
commit 62a7dd9bec
7 changed files with 115 additions and 52 deletions

View File

@ -40,6 +40,16 @@ export function editExpressNo(data) {
}) })
} }
// 退款确定按钮
export function weChatRefundOrderApply(data) {
return request({
url: '/nurseApp/weChatPayment/weChatRefundOrderApply',
method: 'post',
data: data
})
}
// 新增商品订单 // 新增商品订单
export function addGoodsOrder(data) { export function addGoodsOrder(data) {
return request({ return request({

View File

@ -1,15 +1,25 @@
<template> <template>
<div class="login"> <div class="login">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"> <el-form
<h3 class="title">全医通管理系统</h3> ref="loginForm"
:model="loginForm"
:rules="loginRules"
class="login-form"
>
<h3 class="title">泉医到家护理站管理平台</h3>
<el-form-item prop="username"> <el-form-item prop="username">
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.username"
type="text" type="text"
auto-complete="off" auto-complete="off"
placeholder="账号" placeholder="账号"
style="width: 300px;"
> >
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" /> <svg-icon
slot="prefix"
icon-class="user"
class="el-input__icon input-icon"
/>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="password"> <el-form-item prop="password">
@ -19,8 +29,13 @@
auto-complete="off" auto-complete="off"
placeholder="密码" placeholder="密码"
@keyup.enter.native="handleLogin" @keyup.enter.native="handleLogin"
style="width: 300px"
> >
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" /> <svg-icon
slot="prefix"
icon-class="password"
class="el-input__icon input-icon"
/>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item prop="code" v-if="captchaOnOff"> <el-form-item prop="code" v-if="captchaOnOff">
@ -28,35 +43,52 @@
v-model="loginForm.code" v-model="loginForm.code"
auto-complete="off" auto-complete="off"
placeholder="验证码" placeholder="验证码"
style="width: 63%" style="width: 200px"
@keyup.enter.native="handleLogin" @keyup.enter.native="handleLogin"
> >
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" /> <svg-icon
slot="prefix"
icon-class="validCode"
class="el-input__icon input-icon"
/>
</el-input> </el-input>
<div class="login-code"> <div class="login-code">
<img :src="codeUrl" @click="getCode" class="login-code-img" /> <img :src="codeUrl" @click="getCode" class="login-code-img" />
</div> </div>
</el-form-item> </el-form-item>
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox> <el-checkbox
<el-form-item style="width:100%;"> v-model="loginForm.rememberMe"
style="margin: 0px 0px 25px 0px"
>记住密码</el-checkbox
>
<el-form-item style="width: 100%">
<el-button <el-button
:loading="loading" :loading="loading"
size="medium" size="medium"
type="primary" style="
style="width:100%;" width: 300px;
height: 50px;
background-image: linear-gradient(to right, #90c8df, #4ca8cd);
border-radius: -33px;
border: none;
color: #ffffff;
border-radius: 20px;
"
@click.native.prevent="handleLogin" @click.native.prevent="handleLogin"
> >
<span v-if="!loading"> </span> <span v-if="!loading"> </span>
<span v-else> 中...</span> <span v-else> 中...</span>
</el-button> </el-button>
<div style="float: right;" v-if="register"> <div style="float: right" v-if="register">
<router-link class="link-type" :to="'/register'">立即注册</router-link> <router-link class="link-type" :to="'/register'"
>立即注册</router-link
>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!-- 底部 --> <!-- 底部 -->
<div class="el-login-footer"> <div class="el-login-footer">
<span>Copyright © 2018-2022 xinyilu.vip All Rights Reserved.</span> <!-- <span>Copyright © 2018-2022 xinyilu.vip All Rights Reserved.</span> -->
</div> </div>
</div> </div>
</template> </template>
@ -161,16 +193,17 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-image: url("../assets/images/login-background.jpg"); background-image: url("../assets/images/bg.png");
background-size: cover; background-size: cover;
} }
.title { .title {
margin: 0px auto 30px auto; margin: 0px 40px 30px auto;
text-align: center; text-align: center;
color: #707070; color: #707070;
} }
.login-form { .login-form {
margin-left: 20%;
border-radius: 6px; border-radius: 6px;
background: #ffffff; background: #ffffff;
width: 400px; width: 400px;

View File

@ -124,17 +124,6 @@
>删除</el-button >删除</el-button
> >
</el-col> </el-col>
<el-col :span="1.5">
<el-button
type="warning"
plain
icon="el-icon-download"
size="mini"
@click="handleExport"
v-hasPermi="['system:StationDepartment:export']"
>导出</el-button
>
</el-col>
<right-toolbar <right-toolbar
:showSearch.sync="showSearch" :showSearch.sync="showSearch"
@queryTable="getList" @queryTable="getList"
@ -161,6 +150,16 @@
prop="departmentPerson" prop="departmentPerson"
/> --> /> -->
<el-table-column label="联系电话" align="center" prop="phone" /> <el-table-column label="联系电话" align="center" prop="phone" />
<el-table-column
label="创建时间"
align="center"
prop="createTime"
/>
<el-table-column
label="创建人"
align="center"
prop="createBy"
/>
<el-table-column <el-table-column
label="操作" label="操作"
align="center" align="center"
@ -215,7 +214,7 @@
style="margin-top: 20px; border-bottom: 1px solid #f3f3f3" style="margin-top: 20px; border-bottom: 1px solid #f3f3f3"
> >
<el-form-item <el-form-item
label="护理站" label="所属护理站"
:rules="rules.nurseStationDepartmentList.nurseStationId" :rules="rules.nurseStationDepartmentList.nurseStationId"
:prop="`nurseStationDepartmentList.${index}.nurseStationId`" :prop="`nurseStationDepartmentList.${index}.nurseStationId`"
> >
@ -301,7 +300,7 @@
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body> <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="100px"> <el-form ref="form" :model="form" :rules="rules" label-width="100px">
<el-form-item <el-form-item
label="护理站" label="所属护理站"
prop="nurseStationId" prop="nurseStationId"
> >
<el-select <el-select
@ -311,6 +310,7 @@
v-loadmore="loadMore" v-loadmore="loadMore"
style="width: 250px" style="width: 250px"
@click="nurseinfo" @click="nurseinfo"
disabled
> >
<el-option <el-option
v-for="item in nurseStationlist" v-for="item in nurseStationlist"

View File

@ -61,15 +61,8 @@
<el-table-column label="订单编号" align="center" prop="orderNo" /> <el-table-column label="订单编号" align="center" prop="orderNo" />
<el-table-column label="订单状态" align="center" prop="orderStatus"> <el-table-column label="订单状态" align="center" prop="orderStatus">
<template slot-scope="scope"> <template slot-scope="scope">
{{ scope.row.orderStatus == "WAIT_PAY" ? "待付款" : "" }} <!-- <el-button type="primary" v-if="scope.row.orderStatus=='WAIT_PAY'">待付款</el-button> -->
{{ scope.row.orderStatus == "PAY" ? "已付款" : "" }} {{ orderStatus(scope.row.orderStatus) }}
{{ scope.row.orderStatus == "CANCEL" ? "已取消" : "" }}
{{ scope.row.orderStatus == "WAIT_RECEIVED_GOODS" ? "待收货" : "" }}
{{ scope.row.orderStatus == "RECEIVED_GOODS" ? "已收货" : "" }}
{{ scope.row.orderStatus == "WAIT_REFUND" ? "退款中" : "" }}
{{ scope.row.orderStatus == "REFUNDED" ? "已退款" : "" }}
{{ scope.row.orderStatus == "WAIT_RETURNED_GOODS" ? "待退货" : "" }}
{{ scope.row.orderStatus == "RETURNED_GOODS" ? "已退货" : "" }}
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="订单总金额" align="center" prop="totalPrice" /> <el-table-column label="订单总金额" align="center" prop="totalPrice" />
@ -299,12 +292,6 @@
disabled disabled
style="width: 205px" style="width: 205px"
/> />
<!-- <el-input
v-model="refundlist.refundType"
placeholder=""
clearable
@keyup.enter.native="handleQuery"
/> -->
</el-form-item> </el-form-item>
<el-form-item label="退款原因" prop="dictLabel"> <el-form-item label="退款原因" prop="dictLabel">
<el-input <el-input
@ -368,7 +355,7 @@
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button @click="refundcancel"> </el-button> <el-button @click="refundcancel"> </el-button>
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitRefundOrder"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<!-- 查看物流详细信息弹框 --> <!-- 查看物流详细信息弹框 -->
@ -427,7 +414,7 @@
</template> </template>
<script> <script>
import { listGoodsOrder, getGoodsOrder, delGoodsOrder, addGoodsOrder, updateGoodsOrder, getGoodsOrderlist, goodsOrderRefundinfo, editExpressNo, goodsOrderrefund } from "@/api/system/goodsOrder"; import { listGoodsOrder, getGoodsOrder, delGoodsOrder, addGoodsOrder, updateGoodsOrder, getGoodsOrderlist, goodsOrderRefundinfo, editExpressNo, goodsOrderrefund, weChatRefundOrderApply } from "@/api/system/goodsOrder";
export default { export default {
name: "GoodsOrder", name: "GoodsOrder",
@ -588,12 +575,25 @@ export default {
// 退 // 退
refund(id) { refund(id) {
console.log(id); console.log(id);
this.innerrefund = true
goodsOrderRefundinfo(id).then(res => { goodsOrderRefundinfo(id).then(res => {
this.refundlist = res.data; this.refundlist = res.data;
console.log(this.refundlist) // console.log(this.refundlist)
this.innerrefund = true
}) })
}, },
//退
submitRefundOrder() {
console.log(this.refundlist)
var obj = {}
obj.orderNo = this.refundlist.goOrderNo
obj.refundPrice = this.refundlist.godTotalPrice
weChatRefundOrderApply(obj).then(res => {
// console.log(obj)
})
},
// refund(id){ // refund(id){
// console.log(id); // console.log(id);
// this.$confirm('退?', '', { // this.$confirm('退?', '', {
@ -660,6 +660,7 @@ export default {
resetQuery() { resetQuery() {
this.resetForm("queryForm"); this.resetForm("queryForm");
this.handleQuery(); this.handleQuery();
// this.getList();
}, },
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
@ -718,6 +719,20 @@ export default {
this.download('system/goodsOrder/export', { this.download('system/goodsOrder/export', {
...this.queryParams ...this.queryParams
}, `goodsOrder_${new Date().getTime()}.xlsx`) }, `goodsOrder_${new Date().getTime()}.xlsx`)
},
orderStatus(code) {
var obj = {
WAIT_PAY: '待付款',
PAY: '已付款',
CANCEL: '已取消',
WAIT_RECEIVED_GOODS: '待收货',
RECEIVED_GOODS: '已收货',
WAIT_REFUND: '退款中',
REFUNDED: '已退款',
WAIT_RETURNED_GOODS: '待退货',
RETURNED_GOODS: '已退货',
}
return obj[code]
} }
} }
}; };

View File

@ -115,6 +115,11 @@
label="创建时间" label="创建时间"
align="center" align="center"
prop="createTime" prop="createTime"
/>
<el-table-column
label="创建人"
align="center"
prop="createBy"
/> />
<el-table-column <el-table-column
label="操作" label="操作"

View File

@ -1163,7 +1163,7 @@
}, },
/** 导入按钮操作 */ /** 导入按钮操作 */
handledata() { handledata() {
this.upload.title = "用户导入"; this.upload.title = "护理站信息导入";
this.upload.open = true; this.upload.open = true;
}, },
/** 下载模板操作 */ /** 下载模板操作 */

View File

@ -1223,7 +1223,7 @@ export default {
}, },
/** 导入按钮操作 */ /** 导入按钮操作 */
handleExport() { handleExport() {
this.upload.title = "用户导入"; this.upload.title = "护理站护理项目导入";
this.upload.open = true; this.upload.open = true;
}, },