feat: 隐藏多规格退款退回库存,修改所有page为1

This commit is contained in:
duan 2025-03-21 09:35:32 +08:00
parent 812b01391b
commit c40281902a
11 changed files with 110 additions and 291 deletions

View File

@ -7,8 +7,7 @@
<el-table-column label="使用门槛"> <el-table-column label="使用门槛">
<template v-slot="scope"> <template v-slot="scope">
{{ {{
`${scope.row.fullAmount}${ `${scope.row.fullAmount}${scope.row.discountAmount ? "减" + scope.row.discountAmount + "元" : ""
scope.row.discountAmount ? "减" + scope.row.discountAmount + "元" : ""
}` }`
}} }}
</template> </template>
@ -23,14 +22,9 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<el-pagination <el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
:total="tableData.total" @current-change="paginationChange" @size-change="sizeChange"
:current-page="tableData.page + 1" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
:page-size="tableData.size"
@current-change="paginationChange"
@size-change="sizeChange"
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
<span slot="footer" class="dialog-footer" v-if="!radio"> <span slot="footer" class="dialog-footer" v-if="!radio">
<el-button @click="dialogVisible = false"> </el-button> <el-button @click="dialogVisible = false"> </el-button>
<el-button type="primary" @click="confirmHandle"> </el-button> <el-button type="primary" @click="confirmHandle"> </el-button>
@ -57,7 +51,7 @@ export default {
}, },
categoryList: [], categoryList: [],
tableData: { tableData: {
page: 0, page: 1,
size: 10, size: 10,
total: 0, total: 0,
loading: false, loading: false,

View File

@ -141,7 +141,7 @@ export default {
}, },
tableData: { tableData: {
data: [], data: [],
page: 0, page: 1,
size: 30, size: 30,
loading: false, loading: false,
total: 0, total: 0,

View File

@ -10,10 +10,7 @@
<el-table-column label="手机号" prop="phone"></el-table-column> <el-table-column label="手机号" prop="phone"></el-table-column>
<el-table-column label="状态"> <el-table-column label="状态">
<template v-slot="scope"> <template v-slot="scope">
<span <span style="font-weight: 400; font-size: 14px" :style="{ color: scope.row.state == 2 ? '#3F9EFF' : '' }">
style="font-weight: 400; font-size: 14px"
:style="{ color: scope.row.state == 2 ? '#3F9EFF' : '' }"
>
{{ stateFilter(scope.row.state) }} {{ stateFilter(scope.row.state) }}
</span> </span>
</template> </template>
@ -43,7 +40,7 @@ export default {
}, },
tableData: { tableData: {
data: [], data: [],
page: 0, page: 1,
size: 30, size: 30,
loading: false, loading: false,
total: 0, total: 0,

View File

@ -6,32 +6,17 @@
<el-input v-model="form.stockNumber" readonly style="width: 180px"></el-input> <el-input v-model="form.stockNumber" readonly style="width: 180px"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="实际数量"> <el-form-item label="实际数量">
<el-input-number <el-input-number v-model="form.actualNumber" :min="0" :step="1" step-strictly
v-model="form.actualNumber" style="width: 180px"></el-input-number>
:min="0"
:step="1"
step-strictly
style="width: 180px"
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="盈亏数量"> <el-form-item label="盈亏数量">
<el-input <el-input v-model="profitNumber" readonly :class="{ lose: profitNumber < 0 }" style="width: 180px"></el-input>
v-model="profitNumber"
readonly
:class="{ lose: profitNumber < 0 }"
style="width: 180px"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="单价"> <el-form-item label="单价">
<el-input v-model="form.price" readonly></el-input> <el-input v-model="form.price" readonly></el-input>
</el-form-item> </el-form-item>
<el-form-item label="盈亏金额"> <el-form-item label="盈亏金额">
<el-input <el-input v-model="profitPrice" readonly :class="{ lose: profitNumber < 0 }" style="width: 180px"></el-input>
v-model="profitPrice"
readonly
:class="{ lose: profitNumber < 0 }"
style="width: 180px"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="备注"> <el-form-item label="备注">
<el-input v-model="form.remark" placeholder="请输入备注" style="width: 300px"></el-input> <el-input v-model="form.remark" placeholder="请输入备注" style="width: 300px"></el-input>
@ -70,15 +55,9 @@
<el-table-column label="盘点备注" prop="remark"></el-table-column> <el-table-column label="盘点备注" prop="remark"></el-table-column>
</el-table> </el-table>
</div> </div>
<el-pagination <el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-sizes="[5, 10, 30, 50]"
:total="tableData.total" :page-size="tableData.size" @current-change="paginationChange" @size-change="sizeChange"
:current-page="tableData.page + 1" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
:page-sizes="[5, 10, 30, 50]"
:page-size="tableData.size"
@current-change="paginationChange"
@size-change="sizeChange"
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
</el-dialog> </el-dialog>
</template> </template>
@ -117,7 +96,7 @@ export default {
productId: "", productId: "",
}, },
tableData: { tableData: {
page: 0, page: 1,
size: 5, size: 5,
total: 0, total: 0,
loading: false, loading: false,

View File

@ -6,12 +6,7 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<el-select v-model="searhForm.category" placeholder="商品分类"> <el-select v-model="searhForm.category" placeholder="商品分类">
<el-option <el-option :label="item.name" :value="item.id" v-for="item in categoryList" :key="item.id"></el-option>
:label="item.name"
:value="item.id"
v-for="item in categoryList"
:key="item.id"
></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
@ -20,20 +15,9 @@
</el-form-item> </el-form-item>
</el-form> </el-form>
<div class="head-container"> <div class="head-container">
<el-table <el-table ref="table" :data="tableData.list" @select="firstSelectChange" v-loading="tableData.loading"
ref="table" :row-key="getRowKey" @selection-change="onSelectionChange">
:data="tableData.list" <el-table-column type="selection" width="55" align="center" :reserve-selection="true"></el-table-column>
@select="firstSelectChange"
v-loading="tableData.loading"
:row-key="getRowKey"
@selection-change="onSelectionChange"
>
<el-table-column
type="selection"
width="55"
align="center"
:reserve-selection="true"
></el-table-column>
<el-table-column label="商品信息"> <el-table-column label="商品信息">
<template v-slot="scope"> <template v-slot="scope">
<div class="shop_info"> <div class="shop_info">
@ -72,14 +56,9 @@
<el-table-column label="分类名称" prop="categoryName"></el-table-column> <el-table-column label="分类名称" prop="categoryName"></el-table-column>
</el-table> </el-table>
</div> </div>
<el-pagination <el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
:total="tableData.total" @current-change="paginationChange" @size-change="sizeChange"
:current-page="tableData.page + 1" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
:page-size="tableData.size"
@current-change="paginationChange"
@size-change="sizeChange"
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
<template #footer> <template #footer>
<span class="dialog-footer"> <span class="dialog-footer">
<el-button @click="dialogVisible = false"> </el-button> <el-button @click="dialogVisible = false"> </el-button>
@ -103,7 +82,7 @@ export default {
}, },
categoryList: [], categoryList: [],
tableData: { tableData: {
page: 0, page: 1,
size: 10, size: 10,
total: 0, total: 0,
loading: false, loading: false,
@ -198,7 +177,7 @@ export default {
async tbShopCategoryGet() { async tbShopCategoryGet() {
try { try {
const res = await tbShopCategoryGet({ const res = await tbShopCategoryGet({
page: 0, page: 1,
size: 100, size: 100,
sort: "id", sort: "id",
shopId: localStorage.getItem("shopId"), shopId: localStorage.getItem("shopId"),
@ -239,6 +218,7 @@ export default {
max-height: 60vh; max-height: 60vh;
overflow-y: scroll; overflow-y: scroll;
} }
.shop_info { .shop_info {
display: flex; display: flex;
align-items: center; align-items: center;

View File

@ -1,13 +1,7 @@
<template> <template>
<div class="app-container bg-fff u-m-20"> <div class="app-container bg-fff u-m-20">
<div class="head-container"> <div class="head-container">
<el-form <el-form ref="queryForm" :model="queryForm" :rules="queryRules" label-position="left" label-width="100px">
ref="queryForm"
:model="queryForm"
:rules="queryRules"
label-position="left"
label-width="100px"
>
<el-row> <el-row>
<el-form-item label="类型"> <el-form-item label="类型">
<el-radio-group :model-value="type"> <el-radio-group :model-value="type">
@ -19,87 +13,49 @@
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="供应商"> <el-form-item label="供应商">
<el-select <el-select v-model="queryForm.vendorId" placeholder="请选择供应商" clearable style="width: 220px"
v-model="queryForm.vendorId" @change="changeTypeEnum">
placeholder="请选择供应商" <el-option :label="item.name" :value="item.id" v-for="item in purveyorList" :key="item.id"></el-option>
clearable
style="width: 220px"
@change="changeTypeEnum"
>
<el-option
:label="item.name"
:value="item.id"
v-for="item in purveyorList"
:key="item.id"
></el-option>
</el-select> </el-select>
{{ queryForm.waitAmount }} {{ queryForm.waitAmount }}
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="出入库时间" prop="inOutDate"> <el-form-item label="出入库时间" prop="inOutDate">
<el-date-picker <el-date-picker v-model="queryForm.inOutDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
v-model="queryForm.inOutDate" placeholder="选择日期" style="width: 220px"></el-date-picker>
type="date"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
placeholder="选择日期"
style="width: 220px"
></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="shopTypes[shopTypesActive].value == 'purveyor'"> <el-row v-if="shopTypes[shopTypesActive].value == 'purveyor'">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="应付金额"> <el-form-item label="应付金额">
<el-input <el-input v-model="queryForm.amountPayable" placeholder="请输入应收金额" style="width: 220px"></el-input>
v-model="queryForm.amountPayable"
placeholder="请输入应收金额"
style="width: 220px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="实付金额"> <el-form-item label="实付金额">
<el-input <el-input v-model="queryForm.actualPaymentAmount" placeholder="请输入实收金额" style="width: 220px"></el-input>
v-model="queryForm.actualPaymentAmount"
placeholder="请输入实收金额"
style="width: 220px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row v-if="shopTypes[shopTypesActive].value == 'purveyor'"> <el-row v-if="shopTypes[shopTypesActive].value == 'purveyor'">
<el-col :span="8"> <el-col :span="8">
<el-form-item label="付款时间"> <el-form-item label="付款时间">
<el-date-picker <el-date-picker v-model="queryForm.paymentDate" type="date" format="YYYY-MM-DD" value-format="YYYY-MM-DD"
v-model="queryForm.paymentDate" placeholder="选择日期" style="width: 220px"></el-date-picker>
type="date"
format="YYYY-MM-DD"
value-format="YYYY-MM-DD"
placeholder="选择日期"
style="width: 220px"
></el-date-picker>
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="批号"> <el-form-item label="批号">
<el-input <el-input v-model="queryForm.batchNo" placeholder="请输入批号" style="width: 220px"></el-input>
v-model="queryForm.batchNo"
placeholder="请输入批号"
style="width: 220px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="8"> <el-col :span="8">
<el-form-item label="备注"> <el-form-item label="备注">
<el-input <el-input v-model="queryForm.remark" placeholder="请输入备注" style="width: 220px"></el-input>
v-model="queryForm.remark"
placeholder="请输入备注"
style="width: 220px"
></el-input>
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </el-row>
@ -111,14 +67,10 @@
<el-button type="primary" @click="$refs.shopList.show(tableData.list)" v-else> <el-button type="primary" @click="$refs.shopList.show(tableData.list)" v-else>
选择商品 选择商品
</el-button> </el-button>
<el-autocomplete <el-autocomplete v-model="autocompletename" :fetch-suggestions="querySearchAsync"
v-model="autocompletename"
:fetch-suggestions="querySearchAsync"
:value-key="inTabValue == 'goods' ? 'name' : 'conName'" :value-key="inTabValue == 'goods' ? 'name' : 'conName'"
:placeholder="inTabValue == 'goods' ? '商品搜索' : '耗材搜索'" :placeholder="inTabValue == 'goods' ? '商品搜索' : '耗材搜索'" @select="handleSelect"
@select="handleSelect" style="width: 200px; margin-left: 20px"></el-autocomplete>
style="width: 200px; margin-left: 20px"
></el-autocomplete>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -141,12 +93,8 @@
</el-table-column> </el-table-column>
<el-table-column label="进价"> <el-table-column label="进价">
<template v-slot="scope"> <template v-slot="scope">
<el-input-number <el-input-number v-model="scope.row.price" :min="0" controls-position="right"
v-model="scope.row.price" @change="consCountTotal($event, scope.row, 'price')"></el-input-number>
:min="0"
controls-position="right"
@change="consCountTotal($event, scope.row, 'price')"
></el-input-number>
<div class="tips" style="font-size: 16px"> <div class="tips" style="font-size: 16px">
原价 原价
<!-- {{ scope.row.costPrice }}/{{ scope.row.conUnit }} --> <!-- {{ scope.row.costPrice }}/{{ scope.row.conUnit }} -->
@ -159,8 +107,8 @@
: scope.row.costPrice : scope.row.costPrice
: scope.row.costPrice : scope.row.costPrice
: scope.row.unit == scope.row.conUnitTwo : scope.row.unit == scope.row.conUnitTwo
? (scope.row.costPrice * scope.row.conUnitTwoConvert).toFixed(2) ? (scope.row.costPrice * scope.row.conUnitTwoConvert).toFixed(2)
: scope.row.costPrice : scope.row.costPrice
}} }}
/ /
{{ {{
@ -175,31 +123,19 @@
</el-table-column> </el-table-column>
<el-table-column label="单位"> <el-table-column label="单位">
<template v-slot="scope"> <template v-slot="scope">
<el-select <el-select @change="consCountTotal($event, scope.row, 'unit')" v-model="scope.row.unit"
@change="consCountTotal($event, scope.row, 'unit')" :placeholder="scope.row.defaultUnit ? scope.row.defaultUnit : scope.row.conUnit">
v-model="scope.row.unit"
:placeholder="scope.row.defaultUnit ? scope.row.defaultUnit : scope.row.conUnit"
>
<el-option :label="scope.row.conUnit" :value="scope.row.conUnit"></el-option> <el-option :label="scope.row.conUnit" :value="scope.row.conUnit"></el-option>
<el-option <el-option :label="scope.row.conUnitTwo" :value="scope.row.conUnitTwo"
:label="scope.row.conUnitTwo" v-if="scope.row.conUnitTwo"></el-option>
:value="scope.row.conUnitTwo"
v-if="scope.row.conUnitTwo"
></el-option>
</el-select> </el-select>
<div class="tips">&nbsp;</div> <div class="tips">&nbsp;</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="数量"> <el-table-column label="数量">
<template v-slot="scope"> <template v-slot="scope">
<el-input-number <el-input-number v-model="scope.row.stockNumber" :min="0" :step="1" step-strictly controls-position="right"
v-model="scope.row.stockNumber" @change="consCountTotal($event, scope.row, 'stockNumber')"></el-input-number>
:min="0"
:step="1"
step-strictly
controls-position="right"
@change="consCountTotal($event, scope.row, 'stockNumber')"
></el-input-number>
<div class="tips" style="font-size: 16px"> <div class="tips" style="font-size: 16px">
{{ type == "in" ? "入库" : "出库" }} {{ type == "in" ? "入库" : "出库" }}
{{ {{
@ -210,8 +146,8 @@
: scope.row.number : scope.row.number
: scope.row.number : scope.row.number
: scope.row.unit == scope.row.conUnitTwo : scope.row.unit == scope.row.conUnitTwo
? scope.row.number / scope.row.conUnitTwoConvert ? scope.row.number / scope.row.conUnitTwoConvert
: scope.row.number : scope.row.number
}} }}
{{ {{
@ -257,25 +193,15 @@
</el-table-column> </el-table-column>
<el-table-column label="进价"> <el-table-column label="进价">
<template v-slot="scope"> <template v-slot="scope">
<el-input-number <el-input-number v-model="scope.row.costPrice" :min="0" controls-position="right"
v-model="scope.row.costPrice" @change="modifyPrice($event, scope.row, 'costPrice')"></el-input-number>
:min="0"
controls-position="right"
@change="modifyPrice($event, scope.row, 'costPrice')"
></el-input-number>
<div class="tips">成本价{{ scope.row.costPrice }}/{{ scope.row.unitName }}</div> <div class="tips">成本价{{ scope.row.costPrice }}/{{ scope.row.unitName }}</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="数量"> <el-table-column label="数量">
<template v-slot="scope"> <template v-slot="scope">
<el-input-number <el-input-number v-model="scope.row.number" :min="0" :step="1" step-strictly controls-position="right"
v-model="scope.row.number" @change="modifyPrice($event, scope.row, 'number', 'amountPayable')"></el-input-number>
:min="0"
:step="1"
step-strictly
controls-position="right"
@change="modifyPrice($event, scope.row, 'number', 'amountPayable')"
></el-input-number>
<div class="tips" style="font-size: 16px"> <div class="tips" style="font-size: 16px">
入库前 入库前
@ -287,8 +213,8 @@
: scope.row.number : scope.row.number
: scope.row.number : scope.row.number
: scope.row.unit == scope.row.conUnitTwo : scope.row.unit == scope.row.conUnitTwo
? scope.row.number / scope.row.conUnitTwoConvert ? scope.row.number / scope.row.conUnitTwoConvert
: scope.row.number : scope.row.number
}} }}
{{ {{
@ -305,11 +231,7 @@
<template v-slot="scope"> <template v-slot="scope">
<!-- <el-input-number v-model="scope.row.amountPayable" :min="0" <!-- <el-input-number v-model="scope.row.amountPayable" :min="0"
controls-position="right"></el-input-number> --> controls-position="right"></el-input-number> -->
<el-input <el-input :value="scope.row.costPrice * scope.row.number" readonly style="width: 100px" />
:value="scope.row.costPrice * scope.row.number"
readonly
style="width: 100px"
/>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="变动后剩余库存"> <el-table-column label="变动后剩余库存">
@ -333,17 +255,8 @@
<goods-list ref="shopList" @success="selectShop" /> <goods-list ref="shopList" @success="selectShop" />
<!-- 选择耗材 --> <!-- 选择耗材 -->
<ConsumableList ref="ConsumableList" @success="selectConsumable" /> <ConsumableList ref="ConsumableList" @success="selectConsumable" />
<el-dialog <el-dialog v-model="showResult" :show-close="false" :close-on-press-escape="false" :close-on-click-modal="false">
v-model="showResult" <el-result icon="success" title="入库提交成功" :subTitle="`共操作${tableData.list.length}件商品`">
:show-close="false"
:close-on-press-escape="false"
:close-on-click-modal="false"
>
<el-result
icon="success"
title="入库提交成功"
:subTitle="`共操作${tableData.list.length}件商品`"
>
<template #extra> <template #extra>
<template> <template>
<el-button type="primary" size="medium" @click="resetHandle">创建新的入库单</el-button> <el-button type="primary" size="medium" @click="resetHandle">创建新的入库单</el-button>
@ -462,7 +375,7 @@ export default {
let res = null; let res = null;
if (this.inTabValue == "goods") { if (this.inTabValue == "goods") {
res = await tbProductlist({ res = await tbProductlist({
page: 0, page: 1,
size: 20, size: 20,
name: queryString ? queryString : "", name: queryString ? queryString : "",
shopId: localStorage.getItem("shopId"), shopId: localStorage.getItem("shopId"),
@ -470,7 +383,7 @@ export default {
}); });
} else { } else {
res = await consApi.getList({ res = await consApi.getList({
page: 0, page: 1,
size: 20, size: 20,
conName: queryString ? queryString : "", conName: queryString ? queryString : "",
}); });
@ -730,6 +643,6 @@ export default {
margin-right: 10px; margin-right: 10px;
} }
} }
.app-container {
} .app-container {}
</style> </style>

View File

@ -1,25 +1,17 @@
<!-- 新增pad选菜页 --> <!-- 新增pad选菜页 -->
<template> <template>
<div> <div>
<el-dialog <el-dialog :title="`${preview ? '预览' : form.id ? '编辑' : '添加'}平板菜谱`" top="5vh" width="1000px" v-model="dialogVisible"
:title="`${preview ? '预览' : form.id ? '编辑' : '添加'}平板菜谱`" :show-close="preview">
top="5vh"
width="1000px"
v-model="dialogVisible"
:show-close="preview"
>
<div class="content" v-loading="pageLoading"> <div class="content" v-loading="pageLoading">
<div class="editor_wrap" :class="[`type${typeListActive}`]"> <div class="editor_wrap" :class="[`type${typeListActive}`]">
<template v-if="typeListActive != 6"> <template v-if="typeListActive != 6">
<div <div class="btn_wrap" :class="[`div${index + 1}`]" v-for="(item, index) in form.list" :key="index"
class="btn_wrap" @click="showSelectGoods(index)">
:class="[`div${index + 1}`]"
v-for="(item, index) in form.list"
:key="index"
@click="showSelectGoods(index)"
>
<div class="btn" v-if="!item.id"> <div class="btn" v-if="!item.id">
<el-icon size="40" color="#dddfe6"><Plus /></el-icon> <el-icon size="40" color="#dddfe6">
<Plus />
</el-icon>
</div> </div>
<div class="cover" v-else> <div class="cover" v-else>
<img class="img" :src="item.coverImg" /> <img class="img" :src="item.coverImg" />
@ -33,13 +25,8 @@
</div> </div>
</div> </div>
<div class="goods_list" v-else> <div class="goods_list" v-else>
<div <div class="btn_wrap" :class="[`div${index + 1}`]" v-for="(item, index) in form.list" :key="index"
class="btn_wrap" @click="selectGoods(item)">
:class="[`div${index + 1}`]"
v-for="(item, index) in form.list"
:key="index"
@click="selectGoods(item)"
>
<div class="info" :class="{ active: item.active }"> <div class="info" :class="{ active: item.active }">
<span class="t1">{{ item.name }}</span> <span class="t1">{{ item.name }}</span>
<span class="t1">{{ item.lowPrice }}</span> <span class="t1">{{ item.lowPrice }}</span>
@ -61,12 +48,7 @@
<el-button type="primary" :loading="loading" @click="submitHandle"> </el-button> <el-button type="primary" :loading="loading" @click="submitHandle"> </el-button>
</div> </div>
</el-dialog> </el-dialog>
<GoodsSelect <GoodsSelect ref="refSelGoods" radio disableCategory @success="selectConfirmGoods"></GoodsSelect>
ref="refSelGoods"
radio
disableCategory
@success="selectConfirmGoods"
></GoodsSelect>
<!-- <shopList ref="shopList" disableCategory radio @success="selectConfirmGoods" /> --> <!-- <shopList ref="shopList" disableCategory radio @success="selectConfirmGoods" /> -->
</div> </div>
</template> </template>
@ -109,7 +91,7 @@ export default {
try { try {
const res = await tbProduct({ const res = await tbProduct({
categoryId: this.category, categoryId: this.category,
page: 0, page: 1,
size: 20, size: 20,
sort: "id", sort: "id",
shopId: localStorage.getItem("shopId"), shopId: localStorage.getItem("shopId"),

View File

@ -11,13 +11,8 @@
<div class="tree_wrap"> <div class="tree_wrap">
<!-- <el-tree :data="treeData" node-key="id" highlight-current :props="{ label: 'name' }" default-expand-all <!-- <el-tree :data="treeData" node-key="id" highlight-current :props="{ label: 'name' }" default-expand-all
@node-click="treeItemClick"></el-tree> --> @node-click="treeItemClick"></el-tree> -->
<div <div class="item" :class="{ active: selectCatoryIndex == index }" v-for="(item, index) in treeData"
class="item" :key="item.id" @click="treeItemClick(item, index)">
:class="{ active: selectCatoryIndex == index }"
v-for="(item, index) in treeData"
:key="item.id"
@click="treeItemClick(item, index)"
>
{{ item.name }} {{ item.name }}
</div> </div>
</div> </div>
@ -27,14 +22,7 @@
<el-button type="primary" @click="addHandle">新建</el-button> <el-button type="primary" @click="addHandle">新建</el-button>
</div> </div>
<div class="table" id="table_drag"> <div class="table" id="table_drag">
<el-table <el-table ref="table" :data="tableData.list" border height="100%" v-loading="tableData.loading" row-key="id">
ref="table"
:data="tableData.list"
border
height="100%"
v-loading="tableData.loading"
row-key="id"
>
<el-table-column label="序号" type="index" width="80"></el-table-column> <el-table-column label="序号" type="index" width="80"></el-table-column>
<el-table-column label="ID" prop="id" width="80"></el-table-column> <el-table-column label="ID" prop="id" width="80"></el-table-column>
<el-table-column label="菜品名称" prop="productNames"></el-table-column> <el-table-column label="菜品名称" prop="productNames"></el-table-column>
@ -55,14 +43,9 @@
</el-table> </el-table>
</div> </div>
<div class="head-container"> <div class="head-container">
<el-pagination <el-pagination @size-change="paginationSizeChange" :total="tableData.total" :current-page="tableData.page"
@size-change="paginationSizeChange" :page-size="tableData.size" @current-change="paginationChange"
:total="tableData.total" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
:current-page="tableData.page"
:page-size="tableData.size"
@current-change="paginationChange"
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
</div> </div>
</div> </div>
<AddPadPage ref="AddPadPage" :category="selectCatory.id" @success="addSuccess" /> <AddPadPage ref="AddPadPage" :category="selectCatory.id" @success="addSuccess" />
@ -183,7 +166,7 @@ export default {
this.tableData.loading = true; this.tableData.loading = true;
try { try {
const res = await paoductCategoryApi.getList({ const res = await paoductCategoryApi.getList({
page: 0, page: 1,
size: 100, size: 100,
}); });
this.treeDataOrgin = res; this.treeDataOrgin = res;

View File

@ -26,7 +26,7 @@
@click="handleSwitchChange(scope.row)"></el-switch> @click="handleSwitchChange(scope.row)"></el-switch>
</template> </template>
<template #tuikuantuihui="scope"> <template #tuikuantuihui="scope">
<el-switch v-model="scope.row[scope.prop]" :active-value="1" :inactive-value="0" <el-switch v-if="!scope.row.productId" v-model="scope.row[scope.prop]" :active-value="1" :inactive-value="0"
@click="handleSwitchhaocai(scope.row)"></el-switch> @click="handleSwitchhaocai(scope.row)"></el-switch>
</template> </template>
<template #sellOut="scope"> <template #sellOut="scope">

View File

@ -22,10 +22,7 @@
<el-table-column label="用户" prop="headImg" width="200px"> <el-table-column label="用户" prop="headImg" width="200px">
<template v-slot="scope"> <template v-slot="scope">
<div class="user_info"> <div class="user_info">
<el-image <el-image :src="scope.row.headImg" style="width: 40px; height: 40px; flex-shrink: 0">
:src="scope.row.headImg"
style="width: 40px; height: 40px; flex-shrink: 0"
>
<template #error> <template #error>
<div class="image-slot"> <div class="image-slot">
<i class="el-icon-user"></i> <i class="el-icon-user"></i>
@ -55,20 +52,15 @@
</el-table> </el-table>
</div> </div>
<div class="head-container"> <div class="head-container">
<el-pagination <el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
:total="tableData.total" @size-change="sizeChange" @current-change="paginationChange"
:current-page="tableData.page + 1" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
:page-size="tableData.size"
@size-change="sizeChange"
@current-change="paginationChange"
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
<script setup> <script setup>
import shopUserApi from "@/api/account/shopUser"; import shopUserApi from "@/api/account/shopUser";
import dayjs from "dayjs"; import dayjs from "dayjs";
let cacheData = {}; let cacheData = {};
@ -81,7 +73,7 @@ const state = reactive({
}, },
tableData: { tableData: {
data: [], data: [],
page: 0, page: 1,
size: 10, size: 10,
loading: false, loading: false,
total: 0, total: 0,
@ -175,7 +167,7 @@ defineExpose({
}); });
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.user_info { .user_info {
display: flex; display: flex;
align-items: center; align-items: center;
@ -184,6 +176,7 @@ defineExpose({
margin-left: 10px; margin-left: 10px;
} }
} }
:deep(.el-input--small .el-input__inner) { :deep(.el-input--small .el-input__inner) {
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
@ -231,12 +224,13 @@ defineExpose({
} }
} }
} }
.flex { .flex {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.gap-20 { .gap-20 {
gap: 20px; gap: 20px;
} }
</style> </style>

View File

@ -13,20 +13,15 @@
</el-table> </el-table>
</div> </div>
<div class="head-container"> <div class="head-container">
<el-pagination <el-pagination :total="tableData.total" :current-page="tableData.page + 1" :page-size="tableData.size"
:total="tableData.total" @size-change="sizeChange" @current-change="paginationChange"
:current-page="tableData.page + 1" layout="total, sizes, prev, pager, next, jumper"></el-pagination>
:page-size="tableData.size"
@size-change="sizeChange"
@current-change="paginationChange"
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
</template> </template>
<script> <script>
import { $douyin_storelist, $douyin_bindstore } from "@/api/coup/index"; import { $douyin_storelist, $douyin_bindstore } from "@/api/coup/index";
import dayjs from "dayjs"; import dayjs from "dayjs";
import { ElMessage } from "element-plus"; import { ElMessage } from "element-plus";
@ -44,7 +39,7 @@ export default {
}, },
tableData: { tableData: {
data: [], data: [],
page: 0, page: 1,
size: 10, size: 10,
loading: false, loading: false,
total: 0, total: 0,
@ -141,7 +136,7 @@ export default {
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.user_info { .user_info {
display: flex; display: flex;
align-items: center; align-items: center;
@ -150,6 +145,7 @@ export default {
margin-left: 10px; margin-left: 10px;
} }
} }
:deep(.el-input--small .el-input__inner) { :deep(.el-input--small .el-input__inner) {
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
@ -197,12 +193,13 @@ export default {
} }
} }
} }
.flex { .flex {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.gap-20 { .gap-20 {
gap: 20px; gap: 20px;
} }
</style> </style>