RIceWqy
2 years ago
parent
8eb8354d71
commit
4b7cd48796
|
Before Width: | Height: | Size: 4.1 KiB After Width: | Height: | Size: 5.7 KiB |
@ -0,0 +1,128 @@
|
|||||||
|
export const tableOption = {
|
||||||
|
searchMenuSpan: 6,
|
||||||
|
columnBtn: false,
|
||||||
|
border: true,
|
||||||
|
index: false,
|
||||||
|
selection: true,
|
||||||
|
indexLabel: '序号',
|
||||||
|
stripe: true,
|
||||||
|
menuAlign: 'center',
|
||||||
|
menuWidth: 350,
|
||||||
|
align: 'center',
|
||||||
|
refreshBtn: true,
|
||||||
|
searchSize: 'mini',
|
||||||
|
addBtn: false,
|
||||||
|
editBtn: false,
|
||||||
|
viewBtn: false,
|
||||||
|
delBtn: false,
|
||||||
|
props: {
|
||||||
|
label: 'label',
|
||||||
|
value: 'value'
|
||||||
|
},
|
||||||
|
column: [
|
||||||
|
|
||||||
|
{
|
||||||
|
label: '店铺id',
|
||||||
|
prop: 'shopId',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺名称',
|
||||||
|
prop: 'shopName',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店长用户id',
|
||||||
|
prop: 'userId',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺类型',
|
||||||
|
prop: 'shopType',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺简介',
|
||||||
|
prop: 'intro',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺公告',
|
||||||
|
prop: 'shopNotice',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺行业',
|
||||||
|
prop: 'shopIndustry',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店长',
|
||||||
|
prop: 'shopOwner',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺绑定的手机',
|
||||||
|
prop: 'mobile',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺联系电话',
|
||||||
|
prop: 'tel',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺所在纬度',
|
||||||
|
prop: 'shopLat',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺所在经度',
|
||||||
|
prop: 'shopLng',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺详细地址',
|
||||||
|
prop: 'shopAddress',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺所在省份',
|
||||||
|
prop: 'province',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺所在城市',
|
||||||
|
prop: 'city',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺所在区域',
|
||||||
|
prop: 'area',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺省市区代码',
|
||||||
|
prop: 'pcaCode',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺logo',
|
||||||
|
prop: 'shopLogo',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺相册',
|
||||||
|
prop: 'shopPhotos',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '每天营业时间段',
|
||||||
|
prop: 'openTime',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '店铺状态(-1:未开通 0: 停业中 1:营业中)',
|
||||||
|
prop: 'shopStatus',
|
||||||
|
search: true
|
||||||
|
}, {
|
||||||
|
label: '0:商家承担运费 1:买家承担运费',
|
||||||
|
prop: 'transportType'
|
||||||
|
}, {
|
||||||
|
label: '固定运费',
|
||||||
|
prop: 'fixedFreight'
|
||||||
|
}, {
|
||||||
|
label: '满X包邮',
|
||||||
|
prop: 'fullFreeShipping'
|
||||||
|
}, {
|
||||||
|
label: '创建时间',
|
||||||
|
prop: 'createTime'
|
||||||
|
}, {
|
||||||
|
label: '更新时间',
|
||||||
|
prop: 'updateTime'
|
||||||
|
}, {
|
||||||
|
label: '分销设置(0关闭 1开启)',
|
||||||
|
prop: 'isDistribution'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
@ -0,0 +1,159 @@
|
|||||||
|
<template>
|
||||||
|
<div class="mod-prod-prod-transport">
|
||||||
|
<el-form-item
|
||||||
|
label="运费设置"
|
||||||
|
:rules="[{ required: true, message: '运费模板不能为空'}]"
|
||||||
|
>
|
||||||
|
<el-select
|
||||||
|
v-model="transportId"
|
||||||
|
placeholder="请选择"
|
||||||
|
@change="changeTransport"
|
||||||
|
>
|
||||||
|
<el-option
|
||||||
|
v-for="transport in transportList"
|
||||||
|
:key="transport.transportId"
|
||||||
|
:label="transport.transName"
|
||||||
|
:value="transport.transportId"
|
||||||
|
/>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item>
|
||||||
|
<el-table
|
||||||
|
v-if="transportInfo.transfees"
|
||||||
|
:data="transportInfo.transfees"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
label="配送区域"
|
||||||
|
width="350"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<span v-if="!scope.row.cityList.length">所有地区</span>
|
||||||
|
<el-tag
|
||||||
|
v-for="city in scope.row.cityList"
|
||||||
|
v-else
|
||||||
|
:key="city.areaId"
|
||||||
|
>
|
||||||
|
{{ city.areaName }}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="firstPiece"
|
||||||
|
:label="tableTitle[0]"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="firstFee"
|
||||||
|
:label="tableTitle[1]"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="continuousPiece"
|
||||||
|
:label="tableTitle[2]"
|
||||||
|
/>
|
||||||
|
<el-table-column
|
||||||
|
prop="continuousFee"
|
||||||
|
:label="tableTitle[3]"
|
||||||
|
/>
|
||||||
|
</el-table>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item v-if="transportInfo.hasFreeCondition === 1">
|
||||||
|
<el-table
|
||||||
|
:data="transportInfo.transfeeFrees"
|
||||||
|
style="width: 100%"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
label="指定区域"
|
||||||
|
width="350"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-tag
|
||||||
|
v-for="city in scope.row.freeCityList"
|
||||||
|
:key="city.areaId"
|
||||||
|
>
|
||||||
|
{{ city.areaName }}
|
||||||
|
</el-tag>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="freeType"
|
||||||
|
label="包邮条件"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<span v-if="scope.row.freeType === 0">满件/重量/体积包邮</span>
|
||||||
|
<span v-if="scope.row.freeType === 1">满金额包邮</span>
|
||||||
|
<span v-if="scope.row.freeType === 2">满件/重量/体积且满金额包邮</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column prop="amount">
|
||||||
|
<template #default="scope">
|
||||||
|
<span v-if="scope.row.freeType === 1">满{{ scope.row.amount }}元金额包邮</span>
|
||||||
|
<span v-if="scope.row.freeType === 0">满{{ scope.row.piece }}件/重量/体积包邮</span>
|
||||||
|
<span v-if="scope.row.freeType === 2">满{{ scope.row.piece }}件/重量/体积且满{{ scope.row.amount }}元金额包邮</span>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
const props = defineProps({
|
||||||
|
modelValue: {
|
||||||
|
default: null,
|
||||||
|
type: Number
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const emit = defineEmits(['input', 'update:modelValue'])
|
||||||
|
const transportId = ref(null)
|
||||||
|
const tableTitle = computed(() => {
|
||||||
|
const titles = [['首件(个)', '运费(元)', '续件(个)', '续费(元)'], ['首重(kg)', '运费(元)', '续重(kg)', '续费(元)'], ['首体积(m³)', '运费(元)', '续体积(m³)', '续费(元)']]
|
||||||
|
if (transportInfo.value.chargeType) {
|
||||||
|
return titles[transportInfo.value.chargeType]
|
||||||
|
}
|
||||||
|
return titles[0]
|
||||||
|
})
|
||||||
|
|
||||||
|
watch(
|
||||||
|
() => props.modelValue,
|
||||||
|
(id) => {
|
||||||
|
transportId.value = id
|
||||||
|
})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
getTransportList()
|
||||||
|
})
|
||||||
|
|
||||||
|
const transportList = ref([{
|
||||||
|
transportId: null,
|
||||||
|
transName: ''
|
||||||
|
}])
|
||||||
|
const getTransportList = () => {
|
||||||
|
http({
|
||||||
|
url: http.adornUrl('/shop/transport/list'),
|
||||||
|
method: 'get',
|
||||||
|
params: http.adornParams({})
|
||||||
|
})
|
||||||
|
.then(({ data }) => {
|
||||||
|
transportList.value = data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
const transportInfo = ref({
|
||||||
|
hasFreeCondition: false,
|
||||||
|
transfeeFrees: [{ freeCityList: [] }]
|
||||||
|
})
|
||||||
|
const changeTransport = (id) => {
|
||||||
|
emit('update:modelValue', id)
|
||||||
|
if (!id) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
http({
|
||||||
|
url: http.adornUrl(`/shop/transport/info/${transportId.value}`),
|
||||||
|
method: 'get',
|
||||||
|
params: http.adornParams({})
|
||||||
|
})
|
||||||
|
.then(({ data }) => {
|
||||||
|
transportInfo.value = data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
@ -0,0 +1,246 @@
|
|||||||
|
<template>
|
||||||
|
<div class="mod-prod-sku-table">
|
||||||
|
<el-form-item>
|
||||||
|
<el-table
|
||||||
|
:data="modelValue"
|
||||||
|
border
|
||||||
|
style="width: 100%; margin-top: 20px"
|
||||||
|
>
|
||||||
|
<el-table-column
|
||||||
|
v-for="(leftTitle, index) in tableLeftTitles"
|
||||||
|
:key="index"
|
||||||
|
:label="leftTitle"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
{{ scope.row.properties.split(';')[index].split(':')[1] }}
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
v-if="tableLeftTitles.length"
|
||||||
|
prop="pic"
|
||||||
|
label="sku图片"
|
||||||
|
width="180"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<pic-upload v-model="scope.row.pic" />
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
v-if="tableLeftTitles.length"
|
||||||
|
prop="prodName"
|
||||||
|
label="商品名称"
|
||||||
|
width="250"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input
|
||||||
|
v-model="scope.row.prodName"
|
||||||
|
type="textarea"
|
||||||
|
:disabled="!scope.row.status"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="price"
|
||||||
|
label="销售价"
|
||||||
|
width="160"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number
|
||||||
|
v-model="scope.row.price"
|
||||||
|
controls-position="right"
|
||||||
|
:precision="2"
|
||||||
|
:max="1000000000"
|
||||||
|
:min="0.01"
|
||||||
|
:disabled="!scope.row.status"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="oriPrice"
|
||||||
|
label="市场价"
|
||||||
|
width="160"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number
|
||||||
|
v-model="scope.row.oriPrice"
|
||||||
|
controls-position="right"
|
||||||
|
:precision="2"
|
||||||
|
:max="1000000000"
|
||||||
|
:min="0.01"
|
||||||
|
:disabled="!scope.row.status"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="stocks"
|
||||||
|
label="库存"
|
||||||
|
width="160"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number
|
||||||
|
v-model="scope.row.stocks"
|
||||||
|
:min="0"
|
||||||
|
controls-position="right"
|
||||||
|
type="number"
|
||||||
|
:disabled="!scope.row.status"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="weight"
|
||||||
|
label="商品重量(kg)"
|
||||||
|
width="210"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number
|
||||||
|
v-model="scope.row.weight"
|
||||||
|
:precision="2"
|
||||||
|
:min="0"
|
||||||
|
controls-position="right"
|
||||||
|
:disabled="!scope.row.status"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="volume"
|
||||||
|
label="商品体积(m³)"
|
||||||
|
width="210"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-input-number
|
||||||
|
v-model="scope.row.volume"
|
||||||
|
:precision="2"
|
||||||
|
:min="0"
|
||||||
|
controls-position="right"
|
||||||
|
:disabled="!scope.row.status"
|
||||||
|
/>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="操作"
|
||||||
|
>
|
||||||
|
<template #default="scope">
|
||||||
|
<el-button
|
||||||
|
v-if="scope.row.status"
|
||||||
|
type="text"
|
||||||
|
@click="changeSkuStatus(`${scope.$index}`)"
|
||||||
|
>
|
||||||
|
禁用
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-else
|
||||||
|
type="text"
|
||||||
|
@click="changeSkuStatus(`${scope.$index}`)"
|
||||||
|
>
|
||||||
|
启用
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-form-item>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { scoreProdStore } from '@/stores/prod.js'
|
||||||
|
|
||||||
|
const props = defineProps({
|
||||||
|
modelValue: {
|
||||||
|
default: () => [],
|
||||||
|
type: Array
|
||||||
|
},
|
||||||
|
prodName: {
|
||||||
|
default: '',
|
||||||
|
type: String
|
||||||
|
}
|
||||||
|
})
|
||||||
|
const emit = defineEmits(['update:modelValue'])
|
||||||
|
const dbSpecs = ref([]) // 数据库中的规格
|
||||||
|
let initing = false
|
||||||
|
|
||||||
|
const tableLeftTitles = computed(() => {
|
||||||
|
const res = []
|
||||||
|
for (let i = 0; i < skuTags.value.length; i++) {
|
||||||
|
const skuTag = skuTags.value[i]
|
||||||
|
res.push(skuTag.tagName)
|
||||||
|
}
|
||||||
|
return res
|
||||||
|
})
|
||||||
|
const prod = scoreProdStore()
|
||||||
|
const skuTags = computed({
|
||||||
|
get () { return prod.skuTags }
|
||||||
|
})
|
||||||
|
|
||||||
|
watch(() => props.prodName,
|
||||||
|
() => {
|
||||||
|
skuAddProdName()
|
||||||
|
})
|
||||||
|
|
||||||
|
onMounted(() => {
|
||||||
|
http({
|
||||||
|
url: http.adornUrl('/prod/spec/list'),
|
||||||
|
method: 'get',
|
||||||
|
params: http.adornParams()
|
||||||
|
})
|
||||||
|
.then(({ data }) => {
|
||||||
|
dbSpecs.value = data
|
||||||
|
})
|
||||||
|
})
|
||||||
|
|
||||||
|
const init = () => {
|
||||||
|
initing = true
|
||||||
|
}
|
||||||
|
defineExpose({ init })
|
||||||
|
|
||||||
|
const changeSkuStatus = (tagIndex) => {
|
||||||
|
// eslint-disable-next-line vue/no-mutating-props
|
||||||
|
props.modelValue[tagIndex].status = props.modelValue[tagIndex].status ? 0 : 1
|
||||||
|
}
|
||||||
|
const skuAddProdName = () => {
|
||||||
|
if (initing) return
|
||||||
|
const skuList = []
|
||||||
|
for (let i = 0; i < props.modelValue.length; i++) {
|
||||||
|
const sku = Object.assign({}, props.modelValue[i])
|
||||||
|
if (!sku.properties) {
|
||||||
|
return
|
||||||
|
}
|
||||||
|
sku.skuName = ''
|
||||||
|
const properties = sku.properties.split(';')
|
||||||
|
for (const propertiesKey in properties) {
|
||||||
|
sku.skuName += properties[propertiesKey].split(':')[1] + ' '
|
||||||
|
}
|
||||||
|
sku.prodName = props.prodName + ' ' + sku.skuName
|
||||||
|
skuList.push(sku)
|
||||||
|
}
|
||||||
|
emit('update:modelValue', skuList)
|
||||||
|
}
|
||||||
|
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="scss" scoped>
|
||||||
|
.mod-prod-sku-table{
|
||||||
|
:deep(.pic-uploader-component .el-upload) {
|
||||||
|
border: 1px dashed #d9d9d9;
|
||||||
|
border-radius: 6px;
|
||||||
|
cursor: pointer;
|
||||||
|
position: relative;
|
||||||
|
overflow: hidden;
|
||||||
|
.pic-uploader-icon {
|
||||||
|
font-size: 28px;
|
||||||
|
color: #8c939d;
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
line-height: 120px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.pic {
|
||||||
|
width: 120px;
|
||||||
|
height: 120px;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
:deep(.pic-uploader-component .el-upload:hover) {
|
||||||
|
border-color: #409EFF;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,184 @@
|
|||||||
|
<template>
|
||||||
|
<div class="mod-pickAddr">
|
||||||
|
<avue-crud
|
||||||
|
ref="crudRef"
|
||||||
|
:page="page"
|
||||||
|
:data="dataList"
|
||||||
|
:option="tableOption"
|
||||||
|
:permission="permission"
|
||||||
|
@search-change="onSearch"
|
||||||
|
@selection-change="selectionChange"
|
||||||
|
@on-load="getDataList"
|
||||||
|
>
|
||||||
|
<template #menu-left>
|
||||||
|
<!-- <el-button
|
||||||
|
v-if="isAuth('shop:pickAddr:save')"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-plus"
|
||||||
|
@click.stop="onAddOrUpdate()"
|
||||||
|
>
|
||||||
|
新增
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
<el-button
|
||||||
|
v-if="isAuth('shop:pickAddr:delete')"
|
||||||
|
type="danger"
|
||||||
|
:disabled="dataListSelections.length <= 0"
|
||||||
|
@click="onDelete()"
|
||||||
|
>
|
||||||
|
批量删除
|
||||||
|
</el-button> -->
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<template #menu="scope">
|
||||||
|
<el-button
|
||||||
|
v-if="isAuth('shop:shopDetail:info')"
|
||||||
|
type="primary"
|
||||||
|
@click.stop="onAddOrUpdate(scope.row.shopId)"
|
||||||
|
>
|
||||||
|
查看
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
v-if="isAuth('shop:shopDetail:shoutDown')"
|
||||||
|
type="danger"
|
||||||
|
@click.stop="onShouDown(scope.row.shopId)"
|
||||||
|
>
|
||||||
|
下架
|
||||||
|
</el-button>
|
||||||
|
<!-- <el-button
|
||||||
|
v-if="isAuth('shop:pickAddr:update')"
|
||||||
|
type="primary"
|
||||||
|
icon="el-icon-edit"
|
||||||
|
@click.stop="onAddOrUpdate(scope.row.addrId)"
|
||||||
|
>
|
||||||
|
编辑
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
<el-button
|
||||||
|
v-if="isAuth('shop:pickAddr:delete')"
|
||||||
|
type="danger"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click.stop="onDelete(scope.row.addrId)"
|
||||||
|
>
|
||||||
|
删除
|
||||||
|
</el-button> -->
|
||||||
|
</template>
|
||||||
|
</avue-crud>
|
||||||
|
<!-- 弹窗, 新增 / 修改 -->
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { isAuth } from '@/utils'
|
||||||
|
import { ElMessage, ElMessageBox } from 'element-plus'
|
||||||
|
import { tableOption } from '@/crud/shop/shopList.js'
|
||||||
|
|
||||||
|
const permission = {
|
||||||
|
delBtn: isAuth('prod:prod:delete')
|
||||||
|
}
|
||||||
|
const dataList = ref([])
|
||||||
|
const dataListSelections = ref([])
|
||||||
|
const page = reactive({
|
||||||
|
total: 0, // 总页数
|
||||||
|
currentPage: 1, // 当前页数
|
||||||
|
pageSize: 10 // 每页显示多少条
|
||||||
|
})
|
||||||
|
const router = useRouter()
|
||||||
|
/**
|
||||||
|
* 新增 / 修改
|
||||||
|
* @param id
|
||||||
|
*/
|
||||||
|
const onAddOrUpdate = (id) => {
|
||||||
|
router.push({
|
||||||
|
path: '/shopInfo',
|
||||||
|
query: { shopId: id }
|
||||||
|
})
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 获取数据列表
|
||||||
|
*/
|
||||||
|
const getDataList = (pageParam, params, done) => {
|
||||||
|
http({
|
||||||
|
url: http.adornUrl('/shop/shopDetail/page'),
|
||||||
|
method: 'get',
|
||||||
|
params: http.adornParams(
|
||||||
|
Object.assign(
|
||||||
|
{
|
||||||
|
current: pageParam == null ? page.currentPage : pageParam.currentPage,
|
||||||
|
size: pageParam == null ? page.pageSize : pageParam.pageSize
|
||||||
|
},
|
||||||
|
params
|
||||||
|
)
|
||||||
|
)
|
||||||
|
})
|
||||||
|
.then(({ data }) => {
|
||||||
|
dataList.value = data.records
|
||||||
|
page.total = data.total
|
||||||
|
if (done) done()
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
const addOrUpdateVisible = ref(false)
|
||||||
|
const addOrUpdateRef = ref(null)
|
||||||
|
|
||||||
|
/* const onAddOrUpdate = (id) => {
|
||||||
|
addOrUpdateVisible.value = true
|
||||||
|
nextTick(() => {
|
||||||
|
addOrUpdateRef.value?.init(id)
|
||||||
|
})
|
||||||
|
} */
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 删除
|
||||||
|
* @param id
|
||||||
|
*/
|
||||||
|
const onShouDown = (id) => {
|
||||||
|
const ids = id ? [id] : dataListSelections.value?.map(item => {
|
||||||
|
return item.addrId
|
||||||
|
})
|
||||||
|
ElMessageBox.confirm(
|
||||||
|
'确定进行下架操作?', '提示',
|
||||||
|
{
|
||||||
|
confirmButtonText: '确定',
|
||||||
|
cancelButtonText: '取消',
|
||||||
|
type: 'warning'
|
||||||
|
}
|
||||||
|
)
|
||||||
|
.then(() => {
|
||||||
|
http({
|
||||||
|
url: http.adornUrl('/shop/shopDetail/shoutDown'),
|
||||||
|
method: 'delete',
|
||||||
|
data: http.adornData(ids, false)
|
||||||
|
})
|
||||||
|
.then(() => {
|
||||||
|
ElMessage({
|
||||||
|
message: '操作成功',
|
||||||
|
type: 'success',
|
||||||
|
duration: 1500,
|
||||||
|
onClose: () => {
|
||||||
|
getDataList(page)
|
||||||
|
}
|
||||||
|
})
|
||||||
|
})
|
||||||
|
})
|
||||||
|
.catch(() => {
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 条件查询
|
||||||
|
* @param params
|
||||||
|
* @param done
|
||||||
|
*/
|
||||||
|
const onSearch = (params, done) => {
|
||||||
|
getDataList(page, params, done)
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
* 多选变化
|
||||||
|
* @param val
|
||||||
|
*/
|
||||||
|
const selectionChange = (val) => {
|
||||||
|
dataListSelections.value = val
|
||||||
|
}
|
||||||
|
</script>
|
||||||
Loading…
Reference in new issue