xh-pan1
3 years ago
37 changed files with 2447 additions and 811 deletions
-
1.eslintignore
-
2canvas-container/components/toolBar/toolModule/custom-page-select.vue
-
2canvas-container/components/toolBar/toolModule/notice-select.vue
-
4canvas-container/components/toolBar/toolModule/product-select.vue
-
2canvas-container/components/toolBar/toolModule/shop-select.vue
-
69canvas-container/styles/theme/index.css
-
12src/api/business.js
-
55src/api/shop.js
-
252src/components/Sharesetting/index.vue
-
2src/components/basics/couponTable.vue
-
2src/components/basics/productTable.vue
-
32src/styles/elDialog.scss
-
2src/views/active/activeDetails.vue
-
162src/views/active/seckilllist/seckillAdd.vue
-
2src/views/ad/coverConfig/index.vue
-
185src/views/business/businessList/index.vue
-
106src/views/business/settlement/addSettlement.vue
-
20src/views/business/settlement/index.vue
-
765src/views/business/shopList/index.vue
-
1src/views/channel/list/index.vue
-
2src/views/common.vue
-
2src/views/finance/application/index.vue
-
306src/views/order/after/details/index.vue
-
1src/views/order/after/index.vue
-
2src/views/order/pending/index.vue
-
367src/views/order/pending/pendDetails.vue
-
2src/views/renovation/brand/index.vue
-
321src/views/renovation/commdityClass/Edit.vue
-
25src/views/renovation/commdityClass/index.vue
-
2src/views/renovation/commoditySystem/addCommodity.vue
-
20src/views/renovation/commoditySystem/index.vue
-
2src/views/risk/IPBlacklist/index.vue
-
2src/views/risk/riskRules/index.vue
-
2src/views/risk/userBlacklist/index.vue
-
96src/views/setup/businessMenus/index.vue
-
424src/views/setup/tabs/index.vue
-
4src/views/sharesetting/index.vue
@ -0,0 +1,55 @@ |
|||||
|
import request from '@/utils/request' |
||||
|
|
||||
|
// ******店铺列表******
|
||||
|
// 店铺管理查询
|
||||
|
export function shopListGetAll(data) { |
||||
|
return request({ |
||||
|
url: '/shop/getAll', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 新增店铺
|
||||
|
export function shopListSave(data) { |
||||
|
return request({ |
||||
|
url: '/shop/save', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 店铺编辑查询
|
||||
|
export function shopListGetById(data) { |
||||
|
return request({ |
||||
|
url: '/shop/getById', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 修改店铺
|
||||
|
export function shopListUpdate(data) { |
||||
|
return request({ |
||||
|
url: '/shop/update', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
// 启停用店铺
|
||||
|
export function shopListStart(data) { |
||||
|
return request({ |
||||
|
url: '/shop/start', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
|
|
||||
|
export function delshopById(data) { |
||||
|
return request({ |
||||
|
url: '/shop/cleanShop', |
||||
|
method: 'post', |
||||
|
data |
||||
|
}) |
||||
|
} |
||||
@ -0,0 +1,252 @@ |
|||||
|
<template> |
||||
|
<div class="comment_manage_page"> |
||||
|
<!-- ******************************************************弹框开始***************************************************************** --> |
||||
|
<!-- 新增或者编辑评论弹框 --> |
||||
|
<el-dialog |
||||
|
:title="addForm.shareSettingId && addForm.shareSettingId > 0 ? '修改分账比例设置' : '新增分账比例设置'" |
||||
|
:visible.sync="dialogVisible" |
||||
|
:close-on-click-modal="false" |
||||
|
:before-close="handleClose" |
||||
|
width="500px" |
||||
|
center |
||||
|
> |
||||
|
<div> |
||||
|
<el-form :model="addForm" label-width="80px"> |
||||
|
<!-- <el-form-item v-if="addForm.shareTargetType != 1" |
||||
|
:label="addForm.shareTargetType == 1 ? '商品分类Id' : (addForm.shareTargetType == 2 ? '商家Id' : '商品Id')" prop="shareTargetId"> |
||||
|
|
||||
|
<el-input v-model="addForm.shareTargetId" type="number" maxlength="20" |
||||
|
:placeholder="addForm.shareTargetType == 1 ? '请输入商品分类Id' : (addForm.shareTargetType == 2 ? '请输入商家Id' : '请输入商品Id')" /> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="商品分类" v-else prop="classifyId"> |
||||
|
<el-cascader |
||||
|
v-model="addForm.classifyId" |
||||
|
:options="classifyList" |
||||
|
clearable |
||||
|
:props="{ |
||||
|
checkStrictly: false, |
||||
|
label:'categoryName', |
||||
|
value:'id', |
||||
|
children:'childs' |
||||
|
}" |
||||
|
@change="handleChangeCascader" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="分账方式" prop="shareCalcType" style="display:none"> |
||||
|
<el-radio-group v-model="addForm.shareCalcType"> |
||||
|
<el-radio :label="1">按利润</el-radio> |
||||
|
<el-radio :label="0">按销售额</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item>--> |
||||
|
<el-form-item label="分账比例" prop="shareRate"> |
||||
|
<template slot-scope="scope"> |
||||
|
<el-input-number v-model="addForm.shareRate" :controls="false" :max="100" :min="0" :precision="2" :step="0.01" />% |
||||
|
</template> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<span slot="footer" class="dialog-footer"> |
||||
|
<el-button @click="dialogVisible = false">取 消</el-button> |
||||
|
<el-button type="primary" @click="addForm_enter('ruleForm')">确 定</el-button> |
||||
|
</span> |
||||
|
|
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
sharesettingGetall, |
||||
|
sharesettingGetById, |
||||
|
sharesettingSave, |
||||
|
sharesettingUpdate, |
||||
|
sharesettingDelete |
||||
|
} from '@/api/sharesetting' |
||||
|
import { |
||||
|
getClassify |
||||
|
} from '@/api/commodity' |
||||
|
export default { |
||||
|
name: 'ShareSettingDialog', |
||||
|
data() { |
||||
|
return { |
||||
|
tabList: [ |
||||
|
{ name: '商品分类', id: 1 }, |
||||
|
{ name: '商家', id: 2 }, |
||||
|
{ name: '商品', id:3 } |
||||
|
], |
||||
|
total: 1, |
||||
|
currentPage: 1, |
||||
|
dialogVisible: false, |
||||
|
classifyList:[], |
||||
|
addForm:{ |
||||
|
shareSettingId:0, |
||||
|
name:"", |
||||
|
avater:"", |
||||
|
shareTargetId:0, |
||||
|
shareTargetType:0, |
||||
|
shareCalcType:0, |
||||
|
shareRate:0 |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
computed : { |
||||
|
}, |
||||
|
created() { |
||||
|
}, |
||||
|
mounted() { |
||||
|
|
||||
|
}, |
||||
|
methods: { |
||||
|
showSetting(shareTargetType, shareTargetId){ |
||||
|
this.addForm.shareTargetType = shareTargetType |
||||
|
this.addForm.shareTargetId = shareTargetId |
||||
|
this.dialogVisible = true |
||||
|
this.initItem() |
||||
|
}, |
||||
|
async initItem(){ |
||||
|
let formParams = { |
||||
|
shareTargetType: this.addForm.shareTargetType, |
||||
|
shareTargetId: this.addForm.shareTargetId, |
||||
|
page: 1, |
||||
|
pageSize: 10 |
||||
|
} |
||||
|
const res = await sharesettingGetall(formParams) |
||||
|
if( res.data.total > 0){ |
||||
|
var target = res.data.list[0] |
||||
|
this.addForm.shareSettingId = target.shareSettingId |
||||
|
this.addForm.name = target.name |
||||
|
this.addForm.avater = target.avater |
||||
|
this.addForm.shareCalcType = target.shareCalcType |
||||
|
this.addForm.shareRate = target.shareRate |
||||
|
}else{ |
||||
|
this.addForm.shareSettingId = 0 |
||||
|
this.addForm.name = "" |
||||
|
this.addForm.avater = "" |
||||
|
this.addForm.shareCalcType = 0 |
||||
|
this.addForm.shareRate = 0 |
||||
|
} |
||||
|
}, |
||||
|
// 确认新增字典 |
||||
|
addForm_enter(ruleForm) { |
||||
|
if(this.addForm.shareRate < 0){ |
||||
|
this.$message({ |
||||
|
message: '分配比例必须大于或者等于0', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if(this.addForm.shareRate > 100){ |
||||
|
this.$message({ |
||||
|
message: '分配比例必须小于或等于100', |
||||
|
type: 'warning' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
//分配比例为0表示删除 |
||||
|
if(this.addForm.shareRate == 0){ |
||||
|
if (this.addForm.shareSettingId && this.addForm.shareSettingId > 0) { |
||||
|
sharesettingDelete({ |
||||
|
shareSettingId: this.addForm.shareSettingId |
||||
|
}).then(res => { |
||||
|
if (res.code === '') { |
||||
|
this.$message.success('保存成功') |
||||
|
this.dialogVisible = false |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
return true; |
||||
|
} |
||||
|
if (this.addForm.shareSettingId && this.addForm.shareSettingId > 0) { |
||||
|
sharesettingUpdate(this.addForm).then(res => { |
||||
|
console.log(res) |
||||
|
if (res.code === '') { |
||||
|
this.$message({ |
||||
|
message: '修改成功', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
} |
||||
|
this.dialogVisible = false |
||||
|
}) |
||||
|
} else { |
||||
|
sharesettingSave(this.addForm).then(res => { |
||||
|
console.log(res) |
||||
|
if (res.code === '') { |
||||
|
this.$message({ |
||||
|
message: '新增成功', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
} |
||||
|
this.dialogVisible = false |
||||
|
}) |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
handleClose() { |
||||
|
this.dialogVisible = false |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang='scss' scoped> |
||||
|
@import url("../../styles/elDialog.scss"); |
||||
|
.comment_manage_page { |
||||
|
padding: 20px; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 10px; |
||||
|
text-align:center; |
||||
|
} |
||||
|
.pinStyle { |
||||
|
.comment { |
||||
|
margin-bottom: 20px; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
.com_left { |
||||
|
font-size: 20px; |
||||
|
color: #333333; |
||||
|
margin-right: 20px; |
||||
|
} |
||||
|
.com_right { |
||||
|
font-size: 18px; |
||||
|
color: #333333; |
||||
|
} |
||||
|
} |
||||
|
.comment_imgList { |
||||
|
display: flex; |
||||
|
margin-bottom: 20px; |
||||
|
align-items: center; |
||||
|
.img_left { |
||||
|
font-size: 20px; |
||||
|
color: #333333; |
||||
|
margin-right: 20px; |
||||
|
width: 60px; |
||||
|
} |
||||
|
.imgList { |
||||
|
display: flex; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
flex-wrap: wrap; |
||||
|
.el-image { |
||||
|
width: 200px; |
||||
|
height: 134px; |
||||
|
border-radius: 4px; |
||||
|
margin-right: 20px; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.line { |
||||
|
width: 890px; |
||||
|
height: 1px; |
||||
|
background: #e0e5eb; |
||||
|
margin: 0 auto; |
||||
|
margin-bottom: 33px; |
||||
|
} |
||||
|
.addComment { |
||||
|
font-size: 20px; |
||||
|
color: #ff7911; |
||||
|
margin-bottom: 20px; |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
|
|
||||
@ -0,0 +1,765 @@ |
|||||
|
<!-- --> |
||||
|
<template> |
||||
|
<div> |
||||
|
<div class="pending"> |
||||
|
<!-- 搜索 --> |
||||
|
<div class="formSearch"> |
||||
|
<el-form |
||||
|
:inline="true" |
||||
|
:model="formInline" |
||||
|
> |
||||
|
<el-form-item label="店铺名称"> |
||||
|
<el-input |
||||
|
v-model="formInline.shopName" |
||||
|
maxlength="20" |
||||
|
placeholder="请输入店铺名称" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="店铺编码"> |
||||
|
<el-input |
||||
|
v-model="formInline.shopCode" |
||||
|
maxlength="20" |
||||
|
placeholder="请输入店铺编码" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="负责人"> |
||||
|
<el-input |
||||
|
v-model="formInline.chargePersonName" |
||||
|
maxlength="20" |
||||
|
placeholder="请输入负责人" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
|
||||
|
<el-form-item label="所属商家"> |
||||
|
<el-input |
||||
|
v-model="formInline.businessName" |
||||
|
maxlength="20" |
||||
|
placeholder="请输入所属商家" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<!-- <el-form-item label="合同状态"> |
||||
|
<el-select |
||||
|
v-model="formInline.contractState" |
||||
|
placeholder="请选择" |
||||
|
> |
||||
|
<el-option |
||||
|
label="有效" |
||||
|
value="1" |
||||
|
/> |
||||
|
<el-option |
||||
|
label="无效" |
||||
|
value="0" |
||||
|
/> |
||||
|
</el-select> |
||||
|
</el-form-item> --> |
||||
|
<el-form-item> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
plain |
||||
|
@click="onSubmit" |
||||
|
>查询 |
||||
|
</el-button> |
||||
|
<el-button |
||||
|
type="success" |
||||
|
plain |
||||
|
@click="addbuss" |
||||
|
>新建店铺 |
||||
|
</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
</div> |
||||
|
<!-- 表格 --> |
||||
|
<div class="tableBox"> |
||||
|
<el-table |
||||
|
ref="multipleTable" |
||||
|
:data="tableData" |
||||
|
border |
||||
|
:header-cell-style="{ background: '#EEF3FF', color: '#333333' }" |
||||
|
tooltip-effect="dark" |
||||
|
style="width: 100%" |
||||
|
> |
||||
|
<el-table-column |
||||
|
label="店铺名称" |
||||
|
width="220" |
||||
|
> |
||||
|
<template slot-scope="scope">{{ scope.row.shopName }}</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="shopCode" |
||||
|
width="150" |
||||
|
label="店铺编码" |
||||
|
/> |
||||
|
|
||||
|
<el-table-column |
||||
|
label="所属商家" |
||||
|
width="220" |
||||
|
> |
||||
|
<template slot-scope="scope">{{ scope.row.businessName }}</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
<el-table-column |
||||
|
prop="chargePersonName" |
||||
|
width="80" |
||||
|
label="负责人" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
prop="chargePersonPhone" |
||||
|
label="联系电话" |
||||
|
/> |
||||
|
<!-- <el-table-column label="合同状态"> |
||||
|
<template slot-scope="scope"> |
||||
|
<span v-if="scope.row.contractState === 0">无效</span> |
||||
|
<span v-if="scope.row.contractState === 1">有效</span> |
||||
|
</template> |
||||
|
</el-table-column> --> |
||||
|
<el-table-column |
||||
|
prop="createTime" |
||||
|
label="创建时间" |
||||
|
/> |
||||
|
<el-table-column |
||||
|
label="操作" |
||||
|
show-overflow-tooltip |
||||
|
> |
||||
|
<template slot-scope="scope"> |
||||
|
<div class="btnList"> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="seeMore(scope.row)" |
||||
|
>查看 |
||||
|
</el-button> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="edit(scope.row)" |
||||
|
>编辑 |
||||
|
</el-button> |
||||
|
<!-- <el-button |
||||
|
v-if="scope.row.state == 1" |
||||
|
type="text" |
||||
|
@click="del(scope.row)" |
||||
|
>禁用 |
||||
|
</el-button> |
||||
|
<el-button |
||||
|
v-else |
||||
|
type="text" |
||||
|
@click="del(scope.row)" |
||||
|
>启用 |
||||
|
</el-button> --> |
||||
|
<el-button |
||||
|
type="text" |
||||
|
@click="delshop(scope.row)" |
||||
|
>删除 |
||||
|
</el-button> |
||||
|
<!-- <el-button |
||||
|
type="text" |
||||
|
@click="setShareSetting(scope.row)" |
||||
|
>设置分配比例</el-button> --> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<div class="fenye"> |
||||
|
<el-pagination |
||||
|
:current-page="currentPage" |
||||
|
:page-sizes="[10, 20, 50, 100]" |
||||
|
:page-size="10" |
||||
|
layout="total, sizes, prev, pager, next, jumper" |
||||
|
:total="total" |
||||
|
@size-change="handleSizeChange" |
||||
|
@current-change="handleCurrentChange" |
||||
|
/> |
||||
|
</div> |
||||
|
</div> |
||||
|
<!-- ******************************************************弹框开始****************************************************** --> |
||||
|
<!-- 新建店铺弹框 --> |
||||
|
<el-dialog |
||||
|
:title=" |
||||
|
userState === 0 |
||||
|
? '新增店铺' |
||||
|
: userState === 1 |
||||
|
? '修改店铺' |
||||
|
: '查看店铺' |
||||
|
" |
||||
|
:visible.sync="dialogVisible" |
||||
|
width="30%" |
||||
|
center |
||||
|
:close-on-click-modal="false" |
||||
|
> |
||||
|
<el-form |
||||
|
ref="ruleFormInfo" |
||||
|
:model="ruleForm" |
||||
|
:rules="rulesInfo" |
||||
|
label-width="120px" |
||||
|
> |
||||
|
<el-form-item |
||||
|
label="店铺名称" |
||||
|
prop="shopName" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="ruleForm.shopName" |
||||
|
maxlength="20" |
||||
|
:disabled="disabled" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="店铺编码" |
||||
|
prop="shopCode" |
||||
|
v-if="userState !== 0" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="ruleForm.shopCode" |
||||
|
maxlength="20" |
||||
|
:disabled="true" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="所属商家" |
||||
|
prop="businessId" |
||||
|
> |
||||
|
<el-select |
||||
|
v-model="ruleForm.businessId" |
||||
|
filterable |
||||
|
remote |
||||
|
reserve-keyword |
||||
|
:disabled="disabled" |
||||
|
placeholder="请输入商家名称" |
||||
|
:remote-method="selectBusinessList" |
||||
|
:loading="loading"> |
||||
|
<el-option |
||||
|
v-for="businessItem in businessList" |
||||
|
:key="businessItem.businessId" |
||||
|
:label="businessItem.businessName" |
||||
|
:value="businessItem.businessId"> |
||||
|
</el-option> |
||||
|
</el-select> |
||||
|
<!-- <el-input |
||||
|
v-model="ruleForm.businessName" |
||||
|
maxlength="20" |
||||
|
:disabled="disabled" |
||||
|
/> --> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="店铺负责人" |
||||
|
prop="chargePersonName" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="ruleForm.chargePersonName" |
||||
|
maxlength="20" |
||||
|
:disabled="disabled" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="负责人电话" |
||||
|
prop="chargePersonPhone" |
||||
|
> |
||||
|
<el-input |
||||
|
v-if="cpPhoneShow" |
||||
|
:value="hidden(ruleForm.chargePersonPhone,3,4)" |
||||
|
maxlength="11" |
||||
|
:disabled="disabled" |
||||
|
@focus="focuscpPhoneInput" |
||||
|
/> |
||||
|
<el-input |
||||
|
v-else |
||||
|
ref="cpPhoneCls" |
||||
|
v-model="ruleForm.chargePersonPhone" |
||||
|
maxlength="11" |
||||
|
clearable |
||||
|
:disabled="disabled" |
||||
|
@change="changecpPhoneInput" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="店铺地址" |
||||
|
prop="shopAdress" |
||||
|
> |
||||
|
<el-input |
||||
|
ref="addressCls" |
||||
|
v-model="ruleForm.shopAdress" |
||||
|
maxlength="60" |
||||
|
:disabled="disabled" |
||||
|
/> |
||||
|
<!-- <div v-else @click="inputAddress"> |
||||
|
<el-input :value="hidden(ruleForm.shopAdress, 1, 1)" :disabled="disabled" /> |
||||
|
</div> --> |
||||
|
</el-form-item> |
||||
|
<!-- <el-form-item |
||||
|
label="生效日期" |
||||
|
prop="effectiveDate" |
||||
|
> |
||||
|
<el-date-picker |
||||
|
v-model="ruleForm.effectiveDate" |
||||
|
:disabled="disabled" |
||||
|
value-format="yyyy-MM-dd" |
||||
|
type="date" |
||||
|
placeholder="选择日期" |
||||
|
/> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="生效年限" |
||||
|
prop="effectiveYear" |
||||
|
> |
||||
|
<el-input |
||||
|
v-model="ruleForm.effectiveYear" |
||||
|
type="text" |
||||
|
:disabled="disabled" |
||||
|
placeholder="请输入内容" |
||||
|
maxlength="4" |
||||
|
class="elipt" |
||||
|
style="width: 50%" |
||||
|
show-word-limit |
||||
|
/> |
||||
|
<span class="elspan">年</span> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="合同状态" |
||||
|
prop="contractState" |
||||
|
> |
||||
|
<el-radio-group v-model="ruleForm.contractState"> |
||||
|
<el-radio |
||||
|
:disabled="disabled" |
||||
|
:label="1" |
||||
|
>有效 |
||||
|
</el-radio> |
||||
|
<el-radio |
||||
|
:disabled="disabled" |
||||
|
:label="0" |
||||
|
>无效 |
||||
|
</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="直播间审核" |
||||
|
prop="auditLive" |
||||
|
> |
||||
|
<el-radio-group v-model="ruleForm.auditLive"> |
||||
|
<el-radio |
||||
|
:disabled="disabled" |
||||
|
:label="1" |
||||
|
>开启 |
||||
|
</el-radio> |
||||
|
<el-radio |
||||
|
:disabled="disabled" |
||||
|
:label="0" |
||||
|
>关闭 |
||||
|
</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> |
||||
|
<el-form-item |
||||
|
label="直播间商品审核" |
||||
|
prop="auditLiveProduct" |
||||
|
> |
||||
|
<el-radio-group v-model="ruleForm.auditLiveProduct"> |
||||
|
<el-radio |
||||
|
:disabled="disabled" |
||||
|
:label="1" |
||||
|
>开启 |
||||
|
</el-radio> |
||||
|
<el-radio |
||||
|
:disabled="disabled" |
||||
|
:label="0" |
||||
|
>关闭 |
||||
|
</el-radio> |
||||
|
</el-radio-group> |
||||
|
</el-form-item> --> |
||||
|
</el-form> |
||||
|
<span |
||||
|
slot="footer" |
||||
|
class="dialog-footer" |
||||
|
> |
||||
|
<el-button @click="closeFn">取 消</el-button> |
||||
|
<el-button |
||||
|
type="primary" |
||||
|
@click="addCheck()" |
||||
|
>确 定</el-button> |
||||
|
</span> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
// 这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等） |
||||
|
// 例如：import 《组件名称》 from '《组件路径》'; |
||||
|
import { |
||||
|
shopListGetAll, |
||||
|
shopListSave, |
||||
|
shopListGetById, |
||||
|
shopListUpdate, |
||||
|
shopListStart, |
||||
|
delshopById |
||||
|
} from '@/api/shop' |
||||
|
import { |
||||
|
businessListGetAll |
||||
|
} from '@/api/business' |
||||
|
export default { |
||||
|
data () { |
||||
|
// 这里存放数据 |
||||
|
return { |
||||
|
// 新建店铺弹框 |
||||
|
dialogVisible: false, |
||||
|
loading: false, |
||||
|
formInline: { |
||||
|
shopName: '', // 店铺名称 |
||||
|
shopCode: '', // 店铺编码 |
||||
|
chargePersonName: '', // 店铺负责人 |
||||
|
businessName: '', |
||||
|
page: '1', // 当前页 |
||||
|
pageSize: '10' // 每页记录数 |
||||
|
}, |
||||
|
businessList:{}, |
||||
|
disabled: false, |
||||
|
ruleForm: { |
||||
|
shopName: '', // 店铺名称 |
||||
|
chargePersonName: '', // 店铺负责人 |
||||
|
chargePersonPhone: '', // 负责人电话 |
||||
|
shopAdress: '', // 地址 |
||||
|
businessId : null, |
||||
|
businessName : "" |
||||
|
}, |
||||
|
showPhone: false, |
||||
|
showAddress: false, |
||||
|
userPhone: '', |
||||
|
showUserPhone: false, |
||||
|
newAddress: '', |
||||
|
personPhone: '', |
||||
|
|
||||
|
rulesInfo: { |
||||
|
shopName: [ |
||||
|
{ required: true, message: '请输入店铺名称', trigger: 'blur' } |
||||
|
], |
||||
|
chargePersonName: [ |
||||
|
{ required: true, message: '请输入店铺负责人', trigger: 'blur' } |
||||
|
], |
||||
|
chargePersonPhone: [ |
||||
|
{ required: true, message: '请输入负责人电话', trigger: 'blur' }, |
||||
|
{ |
||||
|
pattern: /^1[3456789]\d{9}$/, |
||||
|
message: '目前只支持中国大陆的手机号码' |
||||
|
} |
||||
|
], |
||||
|
shopAdress: [ |
||||
|
{ required: true, message: '请输入地址', trigger: 'blur' } |
||||
|
], |
||||
|
businessId: [ |
||||
|
{ |
||||
|
required: true, |
||||
|
message: '请输入商家名称后选择商家', |
||||
|
trigger: 'change' |
||||
|
} |
||||
|
] |
||||
|
}, |
||||
|
total: 1, |
||||
|
tableData: [], |
||||
|
currentPage: 1, |
||||
|
userState: 1, |
||||
|
privacyTime: 0, |
||||
|
cpPhoneShow: true, // 是否显示脱敏负责人手机号 |
||||
|
shopPhoneShow: true // 是否显示脱敏账号 |
||||
|
} |
||||
|
}, |
||||
|
// 监听属性 类似于data概念 |
||||
|
computed: {}, |
||||
|
// 监控data中的数据变化 |
||||
|
watch: {}, |
||||
|
// 生命周期 - 创建完成（可以访问当前this实例） |
||||
|
created () { |
||||
|
}, |
||||
|
// 生命周期 - 挂载完成（可以访问DOM元素） |
||||
|
mounted () { |
||||
|
this.getAll(this.formInline) |
||||
|
this.privacyTime = localStorage.getItem('privacyTime') |
||||
|
console.log(this.privacyTime) |
||||
|
}, |
||||
|
// 方法集合 |
||||
|
methods: { |
||||
|
async selectBusinessList(keyWord) { |
||||
|
let params = { |
||||
|
businessName: keyWord, // 商家名称 |
||||
|
page: '1', // 当前页 |
||||
|
pageSize: '100' // 每页记录数 |
||||
|
} |
||||
|
const res = await businessListGetAll(params) |
||||
|
this.businessList = res.data.list |
||||
|
}, |
||||
|
focusShopPhoneInput () { |
||||
|
this.shopPhoneShow = false |
||||
|
this.ruleForm.shopPhone = '' |
||||
|
// 自动获取焦点 |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.shopPhoneCls.focus() |
||||
|
}) |
||||
|
}, |
||||
|
focuscpPhoneInput () { |
||||
|
this.cpPhoneShow = false |
||||
|
this.ruleForm.chargePersonPhone = '' |
||||
|
// 自动获取焦点 |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.cpPhoneCls.focus() |
||||
|
}) |
||||
|
}, |
||||
|
changecpPhoneInput () { |
||||
|
}, |
||||
|
handleSizeChange (val) { |
||||
|
this.formInline.pageSize = val |
||||
|
this.getAll(this.formInline) |
||||
|
}, |
||||
|
handleCurrentChange (val) { |
||||
|
this.formInline.page = val |
||||
|
this.getAll(this.formInline) |
||||
|
}, |
||||
|
handleClick (tab, event) { |
||||
|
console.log(tab, event) |
||||
|
}, |
||||
|
onSubmit () { |
||||
|
this.getAll(this.formInline) |
||||
|
}, |
||||
|
// 新建店铺 |
||||
|
addbuss () { |
||||
|
this.userState = 0 |
||||
|
this.disabled = false |
||||
|
this.newAddress = '' |
||||
|
this.personPhone = '' |
||||
|
this.ruleForm = { |
||||
|
shopName: '', // 店铺名称 |
||||
|
shopCode:'', |
||||
|
chargePersonName: '', // 店铺负责人 |
||||
|
chargePersonPhone: '', // 负责人电话 |
||||
|
shopAdress: '', // 地址 |
||||
|
businessId:null, |
||||
|
businessName:'' |
||||
|
} |
||||
|
this.dialogVisible = true |
||||
|
console.log(this.userState) |
||||
|
}, |
||||
|
closeFn () { |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs['ruleFormInfo'].clearValidate() |
||||
|
this.dialogVisible = false |
||||
|
}) |
||||
|
}, |
||||
|
// 新建店铺确定 |
||||
|
addCheck () { |
||||
|
this.$refs['ruleFormInfo'].validate(valid => { |
||||
|
if (valid) { |
||||
|
console.log(this.userState) |
||||
|
console.log(this.ruleForm) |
||||
|
// if (this.personPhone !== '') { |
||||
|
// this.ruleForm.chargePersonPhone = this.personPhone |
||||
|
// } |
||||
|
if (this.newAddress !== '') { |
||||
|
this.ruleForm.shopAdress = this.newAddress |
||||
|
} |
||||
|
// if (this.userPhone !== '') { |
||||
|
// this.ruleForm.shopPhone = this.userPhone |
||||
|
// } |
||||
|
if (this.ruleForm.shopName === '') { |
||||
|
this.$message.error('请输入店铺名称') |
||||
|
return |
||||
|
} |
||||
|
if (this.ruleForm.businessId === null) { |
||||
|
this.$message.error('请选择商家') |
||||
|
return |
||||
|
} |
||||
|
// if (this.ruleForm.effectiveDate === '') { |
||||
|
// this.$message.error('请输入生效日期') |
||||
|
// return |
||||
|
// } |
||||
|
// if (this.ruleForm.effectiveYear === '') { |
||||
|
// this.$message.error('请输入生效年限') |
||||
|
// return |
||||
|
// } |
||||
|
if (!this.userState) { |
||||
|
shopListSave(this.ruleForm).then(res => { |
||||
|
console.log(res) |
||||
|
if (res.code === '') { |
||||
|
this.$message({ |
||||
|
message: '新增成功', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
} |
||||
|
this.getAll(this.formInline) |
||||
|
this.dialogVisible = false |
||||
|
this.$refs.ruleForm.clearValidate() |
||||
|
}) |
||||
|
} else { |
||||
|
shopListUpdate(this.ruleForm).then(res => { |
||||
|
console.log(res) |
||||
|
if (res.code === '') { |
||||
|
this.$message({ |
||||
|
message: '修改成功', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
this.$refs.ruleForm.clearValidate() |
||||
|
} |
||||
|
this.getAll(this.formInline) |
||||
|
this.dialogVisible = false |
||||
|
}) |
||||
|
} |
||||
|
} else { |
||||
|
console.log('error submit!!') |
||||
|
this.$message.error('请输入完整信息') |
||||
|
return false |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 查看 |
||||
|
async seeMore (row) { |
||||
|
this.showPhone = false |
||||
|
this.cpPhoneShow = true |
||||
|
this.shopPhoneShow = true |
||||
|
const res = await shopListGetById({ shopId: row.shopId }) |
||||
|
if (res.code === '') { |
||||
|
this.userState = 3 |
||||
|
this.disabled = true |
||||
|
this.ruleForm = res.data |
||||
|
this.selectBusinessList(this.ruleForm.businessName) |
||||
|
this.dialogVisible = true |
||||
|
} |
||||
|
}, |
||||
|
// 编辑 |
||||
|
async edit (row) { |
||||
|
this.showPhone = false |
||||
|
this.personPhone = '' |
||||
|
this.userState = 1 |
||||
|
this.disabled = false |
||||
|
this.cpPhoneShow = true |
||||
|
const res = await shopListGetById({ shopId: row.shopId }) |
||||
|
this.ruleForm = res.data |
||||
|
this.selectBusinessList(this.ruleForm.businessName) |
||||
|
this.dialogVisible = true |
||||
|
console.log(this.ruleForm) |
||||
|
}, |
||||
|
// 删除 |
||||
|
async del (row) { |
||||
|
console.log(row) |
||||
|
if (row.state === 1) { |
||||
|
const res = await shopListStart({ |
||||
|
shopName: row.shopName, |
||||
|
state: 0, |
||||
|
shopId: row.shopId |
||||
|
}) |
||||
|
if (res.code === '') { |
||||
|
this.$message({ |
||||
|
message: '停用成功', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
this.getAll(this.formInline) |
||||
|
} |
||||
|
} else { |
||||
|
const res = await shopListStart({ |
||||
|
shopName: row.shopName, |
||||
|
state: 1, |
||||
|
shopId: row.shopId |
||||
|
}) |
||||
|
if (res.code === '') { |
||||
|
this.$message({ |
||||
|
message: '启用成功', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
this.getAll(this.formInline) |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
delshop (row) { |
||||
|
// todo 判断店铺状态 |
||||
|
this.$confirm('此操作将永久删除该店铺, 是否继续?', '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(async () => { |
||||
|
const res = await delshopById({ |
||||
|
shopId: row.shopId |
||||
|
}) |
||||
|
if (res.code === '') { |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success' |
||||
|
}) |
||||
|
this.getAll(this.formInline) |
||||
|
} |
||||
|
}).catch(() => { |
||||
|
|
||||
|
}) |
||||
|
}, |
||||
|
// shopListGetAll |
||||
|
// 初始化查询所有数据 |
||||
|
async getAll (formInline) { |
||||
|
const res = await shopListGetAll(formInline) |
||||
|
this.total = res.data.total |
||||
|
this.tableData = res.data.list |
||||
|
}, |
||||
|
// 编辑号码 |
||||
|
inputPhone () { |
||||
|
this.showPhone = true |
||||
|
this.personPhone = '' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.phoneCls.focus() |
||||
|
}) |
||||
|
}, |
||||
|
// 编辑地址 |
||||
|
inputAddress () { |
||||
|
this.showAddress = true |
||||
|
this.newAddress = '' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.addressCls.focus() |
||||
|
}) |
||||
|
}, |
||||
|
// 编辑客户信息 |
||||
|
inputUserPhone () { |
||||
|
this.showUserPhone = true |
||||
|
this.userPhone = '' |
||||
|
this.$nextTick(() => { |
||||
|
this.$refs.userPhoneCls.focus() |
||||
|
}) |
||||
|
}, |
||||
|
// 中间部分 |
||||
|
hidden (str, frontLen, endLen) { |
||||
|
let endLenData = 0 |
||||
|
if (str.length !== 2) { |
||||
|
endLenData = endLen |
||||
|
} |
||||
|
const len = str.length - frontLen - endLenData |
||||
|
let xing = '' |
||||
|
for (let i = 0; i < len; i++) { |
||||
|
xing += '*' |
||||
|
} |
||||
|
return ( |
||||
|
str.substring(0, frontLen) + xing + str.substring(str.length - endLenData) |
||||
|
) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style |
||||
|
lang="scss" |
||||
|
scoped |
||||
|
> |
||||
|
@import url("../../../styles/elDialog.scss"); |
||||
|
|
||||
|
.pending { |
||||
|
padding: 30px; |
||||
|
background: #FFFFFF; |
||||
|
border-radius: 10px; |
||||
|
} |
||||
|
|
||||
|
.btnList{ |
||||
|
display: flex; |
||||
|
flex-direction: row; |
||||
|
flex-wrap: wrap; |
||||
|
align-content: center; |
||||
|
justify-content: flex-start; |
||||
|
align-items: center; |
||||
|
} |
||||
|
|
||||
|
.fenye { |
||||
|
margin-top: 20px; |
||||
|
} |
||||
|
|
||||
|
.elipt { |
||||
|
width: 50%; |
||||
|
} |
||||
|
|
||||
|
.elspan { |
||||
|
margin-left: 10px; |
||||
|
} |
||||
|
</style> |
||||
Write
Preview
Loading…
Cancel
Save
Reference in new issue