xh-pan1
2 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