|
|
@ -12,7 +12,7 @@ |
|
|
<div> |
|
|
<div> |
|
|
<div class="flex-common table-wrap"> |
|
|
<div class="flex-common table-wrap"> |
|
|
<el-form> |
|
|
<el-form> |
|
|
<GuipTable :border="true" :tableData="tableData" :loading="tableLoading"> |
|
|
<GuipTable :border="true" :tableData="serviceList" :loading="tableLoading"> |
|
|
<el-table-column prop="name" fixed="left" label="检测服务" width="200"> |
|
|
<el-table-column prop="name" fixed="left" label="检测服务" width="200"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<div class="flex nowrap "> |
|
|
<div class="flex nowrap "> |
|
|
@ -22,42 +22,32 @@ |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="stock" label="今日供货价" min-width="138"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
<el-table-column prop="supply_price_desc" label="今日供货价"></el-table-column> |
|
|
<div class="flex cell_render"> |
|
|
|
|
|
<span>¥{{ scope.row.stock }}/篇</span> |
|
|
<el-table-column prop="price_desc" label="售价"> |
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
</el-table-column> |
|
|
|
|
|
<el-table-column prop="price" label="售价" width="300"> |
|
|
|
|
|
<template #default="{ row,$index }"> |
|
|
<template #default="{ row,$index }"> |
|
|
<el-popover v-model="row.pricePopoverVisible" :ref="`pricePopover-${row.id}`" |
|
|
<el-popover v-model="row.pricePopoverVisible" :ref="`pricePopover-${row.type}`" |
|
|
placement="bottom" trigger="manual" :append-to-body="false" :visible-arrow="true" |
|
|
placement="bottom" trigger="manual" :append-to-body="false" :visible-arrow="true" |
|
|
popper-class="custom-popover" @show="popshow" > |
|
|
popper-class="custom-popover" @show="popshow" > |
|
|
<div style="text-align: center"> |
|
|
<div style="text-align: center"> |
|
|
<GuipInput ref="GuipInput" v-if="!row.word" width="252px" v-model="row.edit_price" label="售价" |
|
|
<div class="flex"> |
|
|
placeholder="请输入售价" unit="元"> |
|
|
<GuipInput ref="GuipInput" width="133px" v-model="row.price" label="售价" placeholder="请输入售价" :unit="row.price_unit"></GuipInput> |
|
|
</GuipInput> |
|
|
<template v-if="row.price_unit_num>1"> |
|
|
<div v-else class="flex"> |
|
|
<span class="shortspan">/</span> |
|
|
<GuipInput ref="GuipInput" width="133px" v-model="row.edit_price" label="售价" placeholder="请输入售价" |
|
|
<GuipInput ref="GuipInput" width="133px" v-model="row.price_unit_num" unit="字符"> |
|
|
unit="元"> |
|
|
</GuipInput> |
|
|
</GuipInput> |
|
|
</template> |
|
|
<span class="shortspan">/</span> |
|
|
|
|
|
<GuipInput ref="GuipInput" width="133px" v-model="row.edit_word" placeholder="请输入字符" unit="字符"> |
|
|
|
|
|
</GuipInput> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
<div class="flex" style="text-align: right; margin-top: 32px;justify-content: flex-end;"> |
|
|
<div class="flex" style="text-align: right; margin-top: 32px;justify-content: flex-end;"> |
|
|
<GuipButton size="medium" @click="cancelEdit(row, 'price')">取消</GuipButton> |
|
|
<GuipButton size="medium" @click="cancelEdit(row, 'price')">取消</GuipButton> |
|
|
<GuipButton type="primary" @click="savePrice(row, 'price')" size="medium">确定</GuipButton> |
|
|
<GuipButton type="primary" @click="saveEdit(row, 'price')" size="medium">确定</GuipButton> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<template #reference> |
|
|
<template #reference> |
|
|
<div class="flex cell_render" @click="handlePriceClick(row,$index,'price')"> |
|
|
<div class="flex cell_render" @click="handleEditClick(row,$index,'price')"> |
|
|
<span v-if="row.word" :key="random()">¥{{ row.price }}/{{ row.word }}字</span> |
|
|
<span :key="random()">{{ row.price_desc }}</span> |
|
|
<span v-else :key="random()">¥{{ row.price }}/篇</span> |
|
|
<svg-icon :size="16" :path="require('@/assets/site/tableEdit.svg')" :color="'#8A9099'" |
|
|
<span>测试用一下</span> |
|
|
|
|
|
<span>随便写的</span> |
|
|
|
|
|
<svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'" |
|
|
|
|
|
:hoverColor="'#006AFF'" /> |
|
|
:hoverColor="'#006AFF'" /> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
@ -65,71 +55,58 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column prop="num" label="排序" min-width="95"> |
|
|
|
|
|
|
|
|
<el-table-column prop="sort_id" label="排序"> |
|
|
<template #default="{ row,$index }"> |
|
|
<template #default="{ row,$index }"> |
|
|
<!-- <el-tooltip :manual="true" v-model="row.numPopoverVisible" placement="top" effect="light"> |
|
|
<el-popover v-model="row.sortPopoverVisible" :ref="`popover-${row.type}`" |
|
|
<template #content> |
|
|
|
|
|
<div style="text-align: center"> |
|
|
|
|
|
<GuipInput ref="GuipInput" width="252px" v-model="row.edit_num" label="排序" placeholder="请输入数字"> |
|
|
|
|
|
</GuipInput> |
|
|
|
|
|
<p |
|
|
|
|
|
style="width: 252px;margin-left: 40px;text-align: right;color: #8A9099;letter-spacing: 0.08em;"> |
|
|
|
|
|
输入＞0的数，越小排序越前；重复则新者优先；0则默认排序</p> |
|
|
|
|
|
<div class="flex" style="text-align: right; margin-top: 32px;justify-content: flex-end;"> |
|
|
|
|
|
<GuipButton size="medium" @click="cancelEdit(row, 'num')">取消</GuipButton> |
|
|
|
|
|
<GuipButton type="primary" @click="savePrice(row, 'num')" size="medium">确定</GuipButton> |
|
|
|
|
|
</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
<div class="flex cell_render" @click="row.numPopoverVisible = true"> |
|
|
|
|
|
<span>{{ row.num }}</span> |
|
|
|
|
|
<svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'" |
|
|
|
|
|
:hoverColor="'#006AFF'" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</el-tooltip> --> |
|
|
|
|
|
<el-popover v-model="row.numPopoverVisible" :ref="`popover-${row.id}`" |
|
|
|
|
|
placement="bottom" trigger="manual" :append-to-body="false" :visible-arrow="true" |
|
|
placement="bottom" trigger="manual" :append-to-body="false" :visible-arrow="true" |
|
|
popper-class="custom-popover" @show="popshow" > |
|
|
popper-class="custom-popover" @show="popshow" > |
|
|
<!-- <el-popover v-model="row.numPopoverVisible" placement="top" class="single-popover" trigger="manual" :append-to-body="false" :ref="`popover-${row.id}`"> --> |
|
|
<div style="text-align: center"> |
|
|
<div style="text-align: center" :visible-arrow="true"> |
|
|
<GuipInput ref="GuipInput" width="252px" v-model="row.edit_sort_id" label="排序" placeholder="请输入数字"></GuipInput> |
|
|
<GuipInput ref="GuipInput" width="252px" v-model="row.edit_num" label="排序" placeholder="请输入数字"> |
|
|
<p style="width: 252px;margin-left: 40px;text-align: right;color: #8A9099;letter-spacing: 0.08em;">输入＞0的数，越小排序越前；重复则新者优先；0则默认排序</p> |
|
|
</GuipInput> |
|
|
|
|
|
<p |
|
|
|
|
|
style="width: 252px;margin-left: 40px;text-align: right;color: #8A9099;letter-spacing: 0.08em;"> |
|
|
|
|
|
输入＞0的数，越小排序越前；重复则新者优先；0则默认排序</p> |
|
|
|
|
|
<div class="flex" style="text-align: right; margin-top: 32px;justify-content: flex-end;"> |
|
|
<div class="flex" style="text-align: right; margin-top: 32px;justify-content: flex-end;"> |
|
|
<GuipButton size="medium" @click="cancelEdit(row, 'num')">取消</GuipButton> |
|
|
<GuipButton size="medium" @click="cancelEdit(row, 'sort')">取消</GuipButton> |
|
|
<GuipButton type="primary" @click="savePrice(row, 'num')" size="medium">确定</GuipButton> |
|
|
<GuipButton type="primary" @click="saveEdit(row, 'sort')" size="medium">确定</GuipButton> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<span slot="reference" @click="handlePriceClick(row,$index,'num')"> |
|
|
<template #reference> |
|
|
<div class="flex cell_render"> |
|
|
<div class="flex cell_render" @click="handleEditClick(row,$index,'sort')"> |
|
|
<GuipToolTip :content="row.num"> |
|
|
<span :key="random()">{{ row.sort_id }}</span> |
|
|
<span class="nowrap">{{ row.num }}</span> |
|
|
<svg-icon :size="16" :path="require('@/assets/site/tableEdit.svg')" :color="'#8A9099'" |
|
|
</GuipToolTip> |
|
|
:hoverColor="'#006AFF'" /> |
|
|
<svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'" |
|
|
</div> |
|
|
:hoverColor="'#006AFF'" /> |
|
|
</template> |
|
|
</div> |
|
|
|
|
|
</span> |
|
|
|
|
|
</el-popover> |
|
|
</el-popover> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="stock" label="收款方式" min-width="258"> |
|
|
|
|
|
|
|
|
<el-table-column prop="payment_method_desc" label="收款方式"> |
|
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
|
<div class="flex cell_render"> |
|
|
|
|
|
<span class="default-pay-method">{{scope.row.payment_method_desc}}</span> |
|
|
|
|
|
<svg-icon :size="16" :path="require('@/assets/site/tableEdit.svg')" :color="'#8A9099'" :hoverColor="'#006AFF'" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<div class="flex cell_render"> |
|
|
<div class="flex cell_render"> |
|
|
<span :class="(scope.row.payment == '0' ? 'normal_payment' : 'self_payment')"> |
|
|
<span :class="(scope.row.payment_method_desc == '默认站点支付' ? 'normal_payment' : 'self_payment')"> |
|
|
{{ scope.row.payment == '0' ? '默认站点支付' : '自定义支付' }}</span> |
|
|
{{ scope.row.payment_method_desc == '默认站点支付' ? '默认站点支付' : '自定义支付' }} |
|
|
|
|
|
</span> |
|
|
<svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" |
|
|
<svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" |
|
|
:color="'#8A9099'" :hoverColor="'#006AFF'" /> |
|
|
@click="popPayMentModal(scope.row)" :color="'#8A9099'" :hoverColor="'#006AFF'" /> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="stock" fixed="right" label="上首页" min-width="160"> |
|
|
|
|
|
|
|
|
<el-table-column prop="sort_id" label="上首页"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<GuipSwitch :modelValue="scope.row.homeFlag"> |
|
|
<div class="flex cell_render"> |
|
|
</GuipSwitch> |
|
|
<GuipSwitch :modelValue="scope.row.is_index_display" active-value="1" inactive-value="0" @change="onSwitchChange(scope.row)"></GuipSwitch> |
|
|
|
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
<el-table-column label="操作" fixed="right" min-width="150px"> |
|
|
<el-table-column label="操作" fixed="right" min-width="150px"> |
|
|
<div class="flex"> |
|
|
<div class="flex"> |
|
|
<el-button type="text">编辑</el-button> |
|
|
<el-button type="text">编辑</el-button> |
|
|
@ -140,8 +117,14 @@ |
|
|
|
|
|
|
|
|
<el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange' |
|
|
<el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange' |
|
|
:current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper" |
|
|
:current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper" |
|
|
:total="tableData.length"> |
|
|
:total="serviceList.length"> |
|
|
</el-pagination> |
|
|
</el-pagination> |
|
|
|
|
|
|
|
|
|
|
|
<GuipDialog :dialogVisible="dialogVisible" :title="dialogTitle" :show-close-button="false" @confirm="handleConfirm" |
|
|
|
|
|
@cancel="handleCancel" type="center" > |
|
|
|
|
|
<PromptText text='按住左侧图标，上下拖动可进行排序，平台卡券只能放到最后。' :type="1" class="mb24 mt12"/> |
|
|
|
|
|
<PaymentMethod :paymentList="payList" @confirm="confirmPayment"/> |
|
|
|
|
|
</GuipDialog> |
|
|
</el-form> |
|
|
</el-form> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
@ -156,13 +139,15 @@ |
|
|
</template> |
|
|
</template> |
|
|
<script> |
|
|
<script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import GuipButton from "@/components/GuipButton.vue"; |
|
|
import GuipButton from "@/components/GuipButton.vue"; |
|
|
import GuipInput from "@/components/GuipInput.vue"; |
|
|
import GuipInput from "@/components/GuipInput.vue"; |
|
|
import GuipToolTip from "@/components/GuipToolTip.vue"; |
|
|
|
|
|
import SvgIcon from "@/components/SvgIcon.vue"; |
|
|
import SvgIcon from "@/components/SvgIcon.vue"; |
|
|
import GuipSwitch from "@/components/GuipSwitch.vue"; |
|
|
import GuipSwitch from "@/components/GuipSwitch.vue"; |
|
|
import GuipTable from "@/components/GuipTable.vue"; |
|
|
import GuipTable from "@/components/GuipTable.vue"; |
|
|
|
|
|
import {getServicePriceDesc} from "@/utils/common"; |
|
|
|
|
|
import PaymentMethod from "@/components/paymentMethod.vue"; |
|
|
|
|
|
import GuipDialog from "@/components/GuipDialog.vue"; |
|
|
|
|
|
import PromptText from "@/components/PromptText.vue"; |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
name: 'domainSet', |
|
|
name: 'domainSet', |
|
|
@ -173,20 +158,30 @@ export default { |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
components: { |
|
|
components: { |
|
|
GuipTable, GuipSwitch, SvgIcon, GuipToolTip, GuipInput, |
|
|
PromptText, GuipDialog, PaymentMethod, |
|
|
|
|
|
GuipTable, GuipSwitch, SvgIcon, GuipInput, |
|
|
GuipButton |
|
|
GuipButton |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
data(){ |
|
|
data(){ |
|
|
return { |
|
|
return { |
|
|
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTI2NDY1NDUsIm5iZiI6MTc1MjY0NjU0NSwiZXhwIjoxNzU1MjM4NTQ1LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.G-Is-x9qPMiV_urOlDPQVRjfAIozySxL5EK2k82d46k', |
|
|
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTI2NDY1NDUsIm5iZiI6MTc1MjY0NjU0NSwiZXhwIjoxNzU1MjM4NTQ1LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.G-Is-x9qPMiV_urOlDPQVRjfAIozySxL5EK2k82d46k', |
|
|
tableData:[], |
|
|
serviceList:[], |
|
|
tableLoading:false, |
|
|
tableLoading:false, |
|
|
currentPage: 1, //当前页 |
|
|
currentPage: 1, //当前页 |
|
|
pageSize: 2, //每页的容量 |
|
|
pageSize: 2, //每页的容量 |
|
|
total: 0, //列表总数 |
|
|
total: 0, //列表总数 |
|
|
|
|
|
//支付方式 |
|
|
|
|
|
payList: [], |
|
|
|
|
|
//编辑图片展示 |
|
|
|
|
|
popoverFlag:false, |
|
|
|
|
|
//弹框 |
|
|
|
|
|
dialogVisible: false, //是否展示弹框 |
|
|
|
|
|
dialogTitle: "", //弹框标题 |
|
|
|
|
|
editRow:{}, |
|
|
|
|
|
|
|
|
// 服务列表url |
|
|
// 服务列表url |
|
|
serviceAddUrl: '/agent/siteAddService', |
|
|
serviceAddUrl: '/agent/siteAddFinally', |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
mounted() { |
|
|
mounted() { |
|
|
@ -195,8 +190,13 @@ export default { |
|
|
this.$emit('handelStep', 1) |
|
|
this.$emit('handelStep', 1) |
|
|
return false; |
|
|
return false; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
this.getSiteServiceList() |
|
|
}, |
|
|
}, |
|
|
methods:{ |
|
|
methods:{ |
|
|
|
|
|
random() { |
|
|
|
|
|
return Math.random(); |
|
|
|
|
|
}, |
|
|
jumpStep(){ |
|
|
jumpStep(){ |
|
|
this.$emit('handelStep', 4) |
|
|
this.$emit('handelStep', 4) |
|
|
}, |
|
|
}, |
|
|
@ -205,7 +205,26 @@ export default { |
|
|
|
|
|
|
|
|
this.$emit('handelStep', 4) |
|
|
this.$emit('handelStep', 4) |
|
|
}, |
|
|
}, |
|
|
|
|
|
// 获取服务列表 |
|
|
|
|
|
getSiteServiceList() { |
|
|
|
|
|
this.tableLoading = true |
|
|
|
|
|
const that = this |
|
|
|
|
|
that.serviceList = [] |
|
|
|
|
|
that.$http('POST', '/agentnew/ajax_get_service_list', { |
|
|
|
|
|
uid: that.siteInfo.uid, |
|
|
|
|
|
},{ |
|
|
|
|
|
headers:{ |
|
|
|
|
|
'Auth': that.token |
|
|
|
|
|
} |
|
|
|
|
|
}).then(response => { |
|
|
|
|
|
that.tableLoading = false |
|
|
|
|
|
that.$nextTick(() => { |
|
|
|
|
|
that.serviceList = response.data.service_list |
|
|
|
|
|
}) |
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
console.error(error, 'error') |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
|
|
|
handleSizeChange(val) { |
|
|
handleSizeChange(val) { |
|
|
this.pageSize = val |
|
|
this.pageSize = val |
|
|
@ -217,54 +236,173 @@ export default { |
|
|
this.$router.push(this.serviceAddUrl + '?uid=' + this.siteInfo.uid + '&prodid=' + prodid) |
|
|
this.$router.push(this.serviceAddUrl + '?uid=' + this.siteInfo.uid + '&prodid=' + prodid) |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
// 点击价格单元格时触发 |
|
|
|
|
|
handleEditClick(row, index, type) { |
|
|
|
|
|
// 关闭其他行的弹框 |
|
|
|
|
|
this.popoverFlag = true; |
|
|
|
|
|
this.serviceList.forEach((item, i) => { |
|
|
|
|
|
if (i !== index) { |
|
|
|
|
|
item[type + 'PopoverVisible'] = false; |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
// 打开当前行的弹框 |
|
|
|
|
|
row[type + 'PopoverVisible'] = true; |
|
|
|
|
|
}, |
|
|
|
|
|
popshow() { |
|
|
|
|
|
var ariaEls = document.querySelectorAll('.el-popover') |
|
|
|
|
|
ariaEls.forEach((item) => { |
|
|
|
|
|
item.removeAttribute('aria-hidden') |
|
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
|
|
ariaEls = document.querySelectorAll('.el-radio__original') |
|
|
|
|
|
ariaEls.forEach((item) => { |
|
|
|
|
|
item.removeAttribute('aria-hidden') |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
// 保存价格 |
|
|
|
|
|
saveEdit(row, type) { |
|
|
|
|
|
row[type + 'PopoverVisible'] = false; // 关闭弹框 |
|
|
|
|
|
if(type == 'price') this.savePrice(row) |
|
|
|
|
|
if(type == 'sort') this.saveSort(row) |
|
|
|
|
|
}, |
|
|
|
|
|
// 取消编辑 |
|
|
|
|
|
cancelEdit(row, type) { |
|
|
|
|
|
row[type + 'PopoverVisible'] = false; |
|
|
|
|
|
this.popoverFlag = false |
|
|
|
|
|
// row[type + '_popover'] = false; // 关闭弹框 |
|
|
|
|
|
// this.$Message.info('已取消编辑'); |
|
|
|
|
|
}, |
|
|
|
|
|
async savePrice(row){ |
|
|
|
|
|
if (row.price === '') { |
|
|
|
|
|
this.$message.warning('价格不能为空'); |
|
|
|
|
|
return; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
let obj = {} |
|
|
|
|
|
obj.uid = this.siteInfo.uid |
|
|
|
|
|
obj.type = row.type |
|
|
|
|
|
obj.unit_num = row.price_unit_num |
|
|
|
|
|
if(row.price_unit == '元'){ |
|
|
|
|
|
obj.unit_price = row.price |
|
|
|
|
|
}else{ |
|
|
|
|
|
obj.unit_piece = row.price |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
const res = await this.saveRequest('/agentnew/ajax_set_service_price', obj) |
|
|
|
|
|
if(res) row.price_desc = getServicePriceDesc(row.price, row.price_unit, row.price_unit_num); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
handleEvent(data){ |
|
|
|
|
|
this.newDomain = data |
|
|
|
|
|
}, |
|
|
}, |
|
|
saveConfirm() { |
|
|
async onSwitchChange(row){ |
|
|
|
|
|
console.log(row) |
|
|
let obj = {} |
|
|
let obj = {} |
|
|
obj.uid = this.info.uid |
|
|
obj.uid = this.siteInfo.uid |
|
|
obj.type = this.info.type |
|
|
obj.type = row.type |
|
|
if(this.domainFrom === '1'){ |
|
|
obj.is_index_display = row.is_index_display |
|
|
if(!this.newDomain.prefix || !this.newDomain.domain) return false |
|
|
const res = await this.saveRequest('/agentnew/ajax_update_service_show', obj) |
|
|
obj.domain = this.newDomain.prefix + this.newDomain.domain |
|
|
console.log(res) |
|
|
}else{ |
|
|
if(!res) row.is_index_display = row.is_index_display === "1" ? "0" : "1" |
|
|
obj.domain = '' |
|
|
}, |
|
|
|
|
|
async saveSort(row){ |
|
|
|
|
|
let obj = {} |
|
|
|
|
|
obj.uid = this.siteInfo.uid |
|
|
|
|
|
obj.type = row.type |
|
|
|
|
|
obj.sort_id = row.sort_id |
|
|
|
|
|
const res = await this.saveRequest('/agentnew/ajax_update_service_show', obj) |
|
|
|
|
|
if(res) { |
|
|
|
|
|
row.sort_id = row.edit_sort_id; |
|
|
|
|
|
this.sortServiceList() |
|
|
} |
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
sortServiceList() { |
|
|
|
|
|
const sortable = this.serviceList |
|
|
|
|
|
.map((row, i) => ({ row, i })) |
|
|
|
|
|
.filter(item => item.row.sort_id > 0) |
|
|
|
|
|
.sort((a, b) => a.row.sort_id - b.row.sort_id); |
|
|
|
|
|
|
|
|
|
|
|
let i = 0; |
|
|
|
|
|
this.serviceList = this.serviceList.map(row => { |
|
|
|
|
|
if (row.sort_id > 0) { |
|
|
|
|
|
return sortable[i++].row; |
|
|
|
|
|
} |
|
|
|
|
|
return row; |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
async saveRequest(url, obj){ |
|
|
const that = this |
|
|
const that = this |
|
|
this.$http('POST', '/agentnew/ajax_update_service_domain', obj,{ |
|
|
return await this.$http('POST', url, obj,{ |
|
|
headers:{ |
|
|
headers:{ |
|
|
'Auth': this.token |
|
|
'Auth': this.token |
|
|
} |
|
|
} |
|
|
}).then(response => { |
|
|
}).then(response => { |
|
|
if(response.status){ |
|
|
if(response.status){ |
|
|
that.$message.success('保存成功'); |
|
|
that.$message.success('保存成功'); |
|
|
|
|
|
|
|
|
//替换域名 |
|
|
|
|
|
const protocol = new URL(that.info.domain).protocol; |
|
|
|
|
|
if(this.domainFrom === '1'){ |
|
|
|
|
|
that.info.domain = protocol + "//" +obj.domain; |
|
|
|
|
|
that.info.ser_domain = protocol + "//" +obj.domain; |
|
|
|
|
|
}else{ |
|
|
|
|
|
that.info.domain = that.info.site_domain; |
|
|
|
|
|
that.info.ser_domain = ''; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
that.$emit('saveEvent', that.info) |
|
|
|
|
|
return true; |
|
|
return true; |
|
|
} |
|
|
} |
|
|
that.$message.error(response.info); |
|
|
that.$message.error(response.info); |
|
|
|
|
|
return false; |
|
|
}).catch(error => { |
|
|
}).catch(error => { |
|
|
console.error(error, 'error') |
|
|
console.error(error, 'error') |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
|
|
|
|
popPayMentModal(row){ |
|
|
|
|
|
this.dialogVisible = true; |
|
|
|
|
|
this.dialogTitle = row.type_desc + '-收款方式' |
|
|
|
|
|
this.editRow = row |
|
|
|
|
|
this.getPayList(row.type) |
|
|
|
|
|
}, |
|
|
|
|
|
// 获取支付列表 |
|
|
|
|
|
getPayList(type) { |
|
|
|
|
|
const that = this |
|
|
|
|
|
that.payList = [] |
|
|
|
|
|
this.$http('POST', '/agentnew/ajax_get_service_pay_list', { |
|
|
|
|
|
uid: that.siteInfo.uid, |
|
|
|
|
|
type: type, |
|
|
|
|
|
},{ |
|
|
|
|
|
headers:{ |
|
|
|
|
|
'Auth': this.token |
|
|
|
|
|
} |
|
|
|
|
|
}).then(response => { |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
that.payList = response.data.paylist |
|
|
|
|
|
}) |
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
console.error(error, 'error') |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
|
|
|
confirmPayment(payList){ |
|
|
|
|
|
this.payList = payList |
|
|
|
|
|
}, |
|
|
|
|
|
// 确认按钮事件 |
|
|
|
|
|
async handleConfirm() { |
|
|
|
|
|
this.dialogVisible = false; |
|
|
|
|
|
|
|
|
|
|
|
let obj = {} |
|
|
|
|
|
obj.uid = this.siteInfo.uid |
|
|
|
|
|
obj.type = this.editRow.type |
|
|
|
|
|
obj.info = "" |
|
|
|
|
|
|
|
|
|
|
|
let hasClose = false |
|
|
|
|
|
this.payList.forEach((row) => { |
|
|
|
|
|
if(row.status == 1) { |
|
|
|
|
|
let value = row.pay_type |
|
|
|
|
|
if(row.id) value += ',' + row.id |
|
|
|
|
|
|
|
|
|
|
|
obj.info = obj.info + ';' + value; |
|
|
|
|
|
}else{ |
|
|
|
|
|
hasClose = true |
|
|
|
|
|
} |
|
|
|
|
|
}); |
|
|
|
|
|
obj.info = obj.info.substr(1, obj.info.length-1); |
|
|
|
|
|
|
|
|
|
|
|
await this.saveRequest('/agentnew/ajax_payment_switch', obj, this.editRow) |
|
|
|
|
|
const res = await this.saveRequest('/agentnew/ajax_payment_switch', obj, this.editRow) |
|
|
|
|
|
if(res && hasClose) { |
|
|
|
|
|
this.editRow.payment_method_desc = '自定义支付'; |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
// 取消按钮事件 |
|
|
|
|
|
handleCancel() { |
|
|
|
|
|
this.dialogVisible = false; |
|
|
|
|
|
}, |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
@ -292,4 +430,12 @@ export default { |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
.custom-popover { |
|
|
|
|
|
position: fixed !important; |
|
|
|
|
|
// max-height: 290px; |
|
|
|
|
|
// overflow-y: auto; |
|
|
|
|
|
margin-top: 0 !important; |
|
|
|
|
|
margin-left: 0 !important; |
|
|
|
|
|
transform: none !important; |
|
|
|
|
|
} |
|
|
</style> |
|
|
</style> |
