| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> |
| | | <el-form |
| | | :model="queryParams" |
| | | ref="queryForm" |
| | | size="small" |
| | | :inline="true" |
| | | v-show="showSearch" |
| | | label-width="68px" |
| | | > |
| | | <!-- <el-form-item label="用户ID" prop="userId"> |
| | | <el-input |
| | | v-model="queryParams.userId" |
| | |
| | | /> |
| | | </el-form-item> --> |
| | | <el-form-item label="套餐名称" prop="goodsName"> |
| | | <el-input v-model="queryParams.goodsName" placeholder="请输入套餐名称" clearable @keyup.enter.native="handleQuery" /> |
| | | <el-input |
| | | v-model="queryParams.goodsName" |
| | | placeholder="请输入套餐名称" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="联系电话" prop="phone"> |
| | | <el-input v-model="queryParams.phone" placeholder="请输入联系电话" clearable @keyup.enter.native="handleQuery" /> |
| | | <el-input |
| | | v-model="queryParams.phone" |
| | | placeholder="请输入联系电话" |
| | | clearable |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="操作时间" prop="createTimeList"> |
| | | <el-date-picker v-model="createTimeList" type="datetimerange" align="right" :picker-options="pickerOptions" |
| | | style="width: 300px" start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" |
| | | value-format="yyyy-MM-dd" @change="dateChangebirthday1"> |
| | | <el-date-picker |
| | | v-model="createTimeList" |
| | | type="datetimerange" |
| | | align="right" |
| | | :picker-options="pickerOptions" |
| | | style="width: 300px" |
| | | start-placeholder="开始日期" |
| | | end-placeholder="结束日期" |
| | | :default-time="['00:00:00', '23:59:00']" |
| | | format="yyyy-MM-dd HH:mm" |
| | | value-format="yyyy-MM-dd HH:mm" |
| | | @change="dateChangebirthday1" |
| | | > |
| | | </el-date-picker> |
| | | </el-form-item> |
| | | <!-- <el-form-item label="价格" prop="price"> |
| | |
| | | /> |
| | | </el-form-item> --> |
| | | <el-form-item> |
| | | <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button> |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button> |
| | | <el-button |
| | | type="primary" |
| | | icon="el-icon-search" |
| | | size="mini" |
| | | @click="handleQuery" |
| | | >搜索</el-button |
| | | > |
| | | <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" |
| | | >重置</el-button |
| | | > |
| | | </el-form-item> |
| | | </el-form> |
| | | |
| | |
| | | ></right-toolbar> |
| | | </el-row> --> |
| | | |
| | | <el-table border v-loading="loading" :data="cartList" @selection-change="handleSelectionChange"> |
| | | <el-table |
| | | border |
| | | v-loading="loading" |
| | | :data="cartList" |
| | | @selection-change="handleSelectionChange" |
| | | > |
| | | <el-table-column type="selection" width="50" align="center" /> |
| | | <el-table-column label="序号" align="center" prop="newID" width="50" /> |
| | | <el-table-column label="用户编码" align="center" prop="userId" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="联系电话" align="center" prop="phone" :show-overflow-tooltip="true" /> |
| | | <el-table-column |
| | | label="用户编码" |
| | | align="center" |
| | | prop="userId" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="联系电话" |
| | | align="center" |
| | | prop="phone" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <!-- <el-table-column label="商品编码" align="center" prop="goodsId" :show-overflow-tooltip="true" /> --> |
| | | <!-- <el-table-column label="商品编号" align="center" prop="goodsSn" :show-overflow-tooltip="true" /> --> |
| | | <el-table-column label="套餐名称" align="center" prop="goodsName" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="套餐项目" align="center" prop="pacProName" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="价格" align="center" prop="price" :show-overflow-tooltip="true" /> |
| | | <el-table-column label="数量" align="center" prop="number" :show-overflow-tooltip="true" /> |
| | | <el-table-column |
| | | label="套餐名称" |
| | | align="center" |
| | | prop="goodsName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="套餐项目" |
| | | align="center" |
| | | prop="pacProName" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="价格" |
| | | align="center" |
| | | prop="price" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <el-table-column |
| | | label="数量" |
| | | align="center" |
| | | prop="number" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <!-- <el-table-column |
| | | label="商品规格值" |
| | | align="center" |
| | |
| | | align="center" |
| | | prop="checked" :show-overflow-tooltip="true" |
| | | /> --> |
| | | <el-table-column label="操作时间" align="center" prop="createTime" :show-overflow-tooltip="true" /> |
| | | <el-table-column |
| | | label="操作时间" |
| | | align="center" |
| | | prop="createTime" |
| | | :show-overflow-tooltip="true" |
| | | /> |
| | | <!-- <el-table-column label="${comment}" align="center" prop="deptId" /> --> |
| | | <!-- <el-table-column |
| | | label="操作" |
| | |
| | | |
| | | <div class="pag"> |
| | | <div class="pag1"> |
| | | <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" /> |
| | | <pagination |
| | | v-show="total > 0" |
| | | :total="total" |
| | | :page.sync="queryParams.pageNum" |
| | | :limit.sync="queryParams.pageSize" |
| | | @pagination="getList" |
| | | /> |
| | | </div> |
| | | </div> |
| | | |
| | |
| | | <el-input v-model="form.goodsName" placeholder="请输入商品名称" /> |
| | | </el-form-item> |
| | | <el-form-item label="商品货品表的货品ID" prop="productId"> |
| | | <el-input v-model="form.productId" placeholder="请输入商品货品表的货品ID" /> |
| | | <el-input |
| | | v-model="form.productId" |
| | | placeholder="请输入商品货品表的货品ID" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="商品货品的价格" prop="price"> |
| | | <el-input v-model="form.price" placeholder="请输入商品货品的价格" /> |
| | |
| | | <el-form-item label="商品货品的数量" prop="number"> |
| | | <el-input v-model="form.number" placeholder="请输入商品货品的数量" /> |
| | | </el-form-item> |
| | | <el-form-item label="商品规格值列表,采用JSON数组格式" prop="specifications"> |
| | | <el-input v-model="form.specifications" type="textarea" placeholder="请输入内容" /> |
| | | <el-form-item |
| | | label="商品规格值列表,采用JSON数组格式" |
| | | prop="specifications" |
| | | > |
| | | <el-input |
| | | v-model="form.specifications" |
| | | type="textarea" |
| | | placeholder="请输入内容" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="购物车中商品是否选择状态" prop="checked"> |
| | | <el-input v-model="form.checked" placeholder="请输入购物车中商品是否选择状态" /> |
| | | <el-input |
| | | v-model="form.checked" |
| | | placeholder="请输入购物车中商品是否选择状态" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="商品图片或者商品货品图片" prop="picUrl"> |
| | | <el-input v-model="form.picUrl" placeholder="请输入商品图片或者商品货品图片" /> |
| | | <el-input |
| | | v-model="form.picUrl" |
| | | placeholder="请输入商品图片或者商品货品图片" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item label="${comment}" prop="deptId"> |
| | | <el-input v-model="form.deptId" placeholder="请输入${comment}" /> |
| | |
| | | addCart, |
| | | updateCart, |
| | | } from "@/api/mall/cart"; |
| | | import { |
| | | getNumber, |
| | | hasReport, |
| | | getPdf, |
| | | getOrderList, |
| | | getNewDateList, |
| | | } from "@/api/hosp/order"; |
| | | import moment from "moment"; |
| | | |
| | | export default { |
| | | name: "Cart", |
| | |
| | | }; |
| | | }, |
| | | created() { |
| | | this.getNowTime() |
| | | // this.getNowTime(); |
| | | this.getList(); |
| | | this.getdate(); |
| | | }, |
| | | methods: { |
| | | // / 处理默认选中当前日期 |
| | | getNowTime() { |
| | | getdate() { |
| | | getNewDateList().then((res) => { |
| | | this.createTimeList = [ |
| | | moment(res.data).format("YYYY-MM-DD 00:00:00"), |
| | | moment(res.data).format("YYYY-MM-DD 23:59:00") |
| | | ];; |
| | | }); |
| | | }, |
| | | // / 处理默认选中当前日期 |
| | | getNowTime() { |
| | | var curDate = new Date().getTime(); |
| | | var dayNum = 7 * 24 * 3600 * 1000; |
| | | var threeDays = curDate - dayNum; |
| | |
| | | var d = time.getDate(); |
| | | // var h = time.getHours(); |
| | | // var mm = time.getMinutes(); |
| | | return ( |
| | | y + |
| | | "-" + |
| | | this.add0(m) + |
| | | "-" + |
| | | this.add0(d) |
| | | ); |
| | | return y + "-" + this.add0(m) + "-" + this.add0(d); |
| | | }, |
| | | |
| | | dateChangebirthday1(val) { |
| | | if(val == null){ |
| | | this.createTimeList = [] |
| | | }else{ |
| | | if (val == null) { |
| | | this.createTimeList = []; |
| | | } else { |
| | | this.createTimeList = val; |
| | | } |
| | | }, |
| | |
| | | getList() { |
| | | this.loading = true; |
| | | if (this.createTimeList) { |
| | | this.queryParams.startTime = this.createTimeList[0] |
| | | this.queryParams.endTime = this.createTimeList[1] |
| | | this.queryParams.startTime = this.createTimeList[0]; |
| | | this.queryParams.endTime = this.createTimeList[1]; |
| | | } |
| | | listCart(this.queryParams).then((response) => { |
| | | response.rows.forEach((item, index) => { |
| | |
| | | }, |
| | | /** 重置按钮操作 */ |
| | | resetQuery() { |
| | | this.createTimeList= []; |
| | | this.createTimeList = []; |
| | | this.resetForm("queryForm"); |
| | | this.handleQuery(); |
| | | }, |