zhangqi
/
kuailelunwen_new_houtai
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

收款方式绑定站点

pull/61/head
rainbro 6 days ago
parent
c6b67bae67
commit
86e1771492
2 changed files with 109 additions and 13 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 1
      src/assets/site/tip.svg
  2. 109
      src/views/agent/payList.vue

1
src/assets/site/tip.svg
View File

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><defs><clipPath id="master_svg0_201_64381"><rect x="0" y="0" width="16" height="16" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_201_64381)"><g><path d="M8,1C9.97933,1.052,11.6278,1.7368329999999998,12.9455,3.0545C14.2632,4.372170000000001,14.948,6.02067,15,8C14.948,9.97933,14.2632,11.6278,12.9455,12.9455C11.6278,14.2632,9.97933,14.948,8,15C6.02067,14.948,4.372170000000001,14.2632,3.0545,12.9455C1.7368329999999998,11.6278,1.052,9.97933,1,8C1.052,6.02067,1.7368329999999998,4.372170000000001,3.0545,3.0545C4.372170000000001,1.7368329999999998,6.02067,1.052,8,1C8,1,8,1,8,1C8,1,8,1,8,1ZM9.047,5.297C9.318,5.297,9.542,5.21633,9.719,5.055C9.896,4.89367,9.9845,4.6775,9.9845,4.406499999999999C9.9845,4.1355,9.896,3.91933,9.719,3.758C9.542,3.59667,9.32067,3.516,9.055,3.516C8.78933,3.516,8.568,3.59667,8.391,3.758C8.214,3.91933,8.125499999999999,4.1355,8.125499999999999,4.406499999999999C8.125499999999999,4.6775,8.214,4.89367,8.391,5.055C8.568,5.21633,8.78683,5.297,9.0475,5.297C9.0475,5.297,9.047,5.297,9.047,5.297C9.047,5.297,9.047,5.297,9.047,5.297ZM9.2345,10.922C9.2345,10.85933,9.23967,10.776,9.25,10.672C9.26033,10.568,9.26033,10.469,9.25,10.375C9.25,10.375,8.422,11.328,8.422,11.328C8.33867,11.4217,8.25267,11.4947,8.164,11.547C8.075330000000001,11.5993,7.99983,11.615,7.9375,11.594C7.84383,11.5523,7.80217,11.4793,7.8125,11.375C7.8125,11.375,9.1875,7.047,9.1875,7.047C9.2395,6.75533,9.19267,6.50533,9.047,6.297C8.90133,6.08867,8.667,5.96367,8.344000000000001,5.922C7.97933,5.93233,7.58083,6.086,7.1485,6.383C6.71617,6.68,6.3385,7.05767,6.0155,7.516C6.0155,7.516,6.0155,7.7505,6.0155,7.7505C6.00517,7.85483,6.00517,7.95383,6.0155,8.0475C6.0155,8.0475,6.8435,7.0945,6.8435,7.0945C6.92683,7.00083,7.01283,6.92783,7.1015,6.8755C7.19017,6.82317,7.2605,6.8075,7.3125,6.8285C7.41683,6.8805,7.45333,6.96383,7.422,7.0785C7.422,7.0785,6.0625,11.391,6.0625,11.391C5.9895,11.6513,6.026,11.8832,6.172,12.0865C6.318,12.2898,6.57317,12.4278,6.9375,12.5005C7.4585,12.4902,7.896,12.3392,8.25,12.0475C8.604,11.7558,8.93217,11.3808,9.2345,10.9225C9.2345,10.9225,9.2345,10.922,9.2345,10.922C9.2345,10.922,9.2345,10.922,9.2345,10.922Z" fill="#00C261" fill-opacity="1"/></g></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.3 KiB

109
src/views/agent/payList.vue
View File

@ -37,15 +37,18 @@
<!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 --> <!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 -->
<!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 --> <!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 -->
<!-- 传入的modelvalue 为数字 0 或者 1 --> <!-- 传入的modelvalue 为数字 0 或者 1 -->
<div class="flex">
<GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch> <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
<el-popover <el-popover placement="bottom" width="150" trigger="click" v-if="scope.row.status == 1 && payBindSites[scope.row.payid] && payBindSites[scope.row.payid].length>0">
placement="bottom" <div class="flex">
title="标题" <img src="@/assets/site/tip.svg" alt=""> <span class="ml-8 bind-sites-title">启用站点</span>
width="200" </div>
trigger="click" <div class="bind-sites" v-for="(site_short_name,key) in payBindSites[scope.row.payid]" :key="key">
content="这是一段内容,这是一段内容,这是一段内容,这是一段内容。"> <p>{{ site_short_name }}</p>
<img slot="reference" src="@/assets/site/bind_sites.svg" :color="'#8A9099'" :hoverColor="'#006AFF'" /> </div>
<div class="flex" slot="reference"><img class="ml-8" src="@/assets/site/bind_sites.svg" alt="" /><span class="ml-5 gray">{{ payBindSites[scope.row.payid].length }}</span></div>
</el-popover> </el-popover>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" min-width="30px"> <el-table-column label="操作" fixed="right" min-width="30px">
@ -89,7 +92,18 @@
<!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 --> <!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 -->
<!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 --> <!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 -->
<!-- 传入的modelvalue 为数字 0 或者 1 --> <!-- 传入的modelvalue 为数字 0 或者 1 -->
<div class="flex">
<GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch> <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
<el-popover placement="bottom" width="150" trigger="click" v-if="scope.row.status == 1 && payBindSites[scope.row.payid] && payBindSites[scope.row.payid].length>0">
<div class="flex">
<img src="@/assets/site/tip.svg" alt=""> <span class="ml-8 bind-sites-title">启用站点</span>
</div>
<div class="bind-sites" v-for="(site_short_name,key) in payBindSites[scope.row.payid]" :key="key">
<p>{{ site_short_name }}</p>
</div>
<div class="flex" slot="reference"><img class="ml-8" src="@/assets/site/bind_sites.svg" alt="" /><span class="ml-5 gray">{{ payBindSites[scope.row.payid].length }}</span></div>
</el-popover>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" min-width="30px"> <el-table-column label="操作" fixed="right" min-width="30px">
@ -130,7 +144,18 @@
<!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 --> <!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 -->
<!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 --> <!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 -->
<!-- 传入的modelvalue 为数字 0 或者 1 --> <!-- 传入的modelvalue 为数字 0 或者 1 -->
<div class="flex">
<GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch> <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
<el-popover placement="bottom" width="150" trigger="click" v-if="scope.row.status == 1 && payBindSites[scope.row.payid] && payBindSites[scope.row.payid].length>0">
<div class="flex">
<img src="@/assets/site/tip.svg" alt=""> <span class="ml-8 bind-sites-title">启用站点</span>
</div>
<div class="bind-sites" v-for="(site_short_name,key) in payBindSites[scope.row.payid]" :key="key">
<p>{{ site_short_name }}</p>
</div>
<div class="flex" slot="reference"><img class="ml-8" src="@/assets/site/bind_sites.svg" alt="" /><span class="ml-5 gray">{{ payBindSites[scope.row.payid].length }}</span></div>
</el-popover>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" min-width="30px"> <el-table-column label="操作" fixed="right" min-width="30px">
@ -172,7 +197,18 @@
<!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 --> <!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 -->
<!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 --> <!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 -->
<!-- 传入的modelvalue 为数字 0 或者 1 --> <!-- 传入的modelvalue 为数字 0 或者 1 -->
<div class="flex">
<GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch> <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
<el-popover placement="bottom" width="150" trigger="click" v-if="scope.row.status == 1 && payBindSites[scope.row.payid] && payBindSites[scope.row.payid].length>0">
<div class="flex">
<img src="@/assets/site/tip.svg" alt=""> <span class="ml-8 bind-sites-title">启用站点</span>
</div>
<div class="bind-sites" v-for="(site_short_name,key) in payBindSites[scope.row.payid]" :key="key">
<p>{{ site_short_name }}</p>
</div>
<div class="flex" slot="reference"><img class="ml-8" src="@/assets/site/bind_sites.svg" alt="" /><span class="ml-5 gray">{{ payBindSites[scope.row.payid].length }}</span></div>
</el-popover>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" min-width="30px"> <el-table-column label="操作" fixed="right" min-width="30px">
@ -213,7 +249,18 @@
<!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 --> <!-- :active-value="1" :inactive-value="0"（关闭） 加冒号表示数字格式 -->
<!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 --> <!-- active-value="1" inactive-value="0"（关闭） 不加冒号表示字符串 -->
<!-- 传入的modelvalue 为数字 0 或者 1 --> <!-- 传入的modelvalue 为数字 0 或者 1 -->
<div class="flex">
<GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch> <GuipSwitch :modelValue="scope.row.status" active-value="1" inactive-value="0" @change="updatePayStatus(scope.row)"></GuipSwitch>
<el-popover placement="bottom" width="150" trigger="click" v-if="scope.row.status == 1 && payBindSites[scope.row.payid] && payBindSites[scope.row.payid].length>0">
<div class="flex">
<img src="@/assets/site/tip.svg" alt=""> <span class="ml-8 bind-sites-title">启用站点</span>
</div>
<div class="bind-sites" v-for="(site_short_name,key) in payBindSites[scope.row.payid]" :key="key">
<p>{{ site_short_name }}</p>
</div>
<div class="flex" slot="reference"><img class="ml-8" src="@/assets/site/bind_sites.svg" alt="" /><span class="ml-5 gray">{{ payBindSites[scope.row.payid].length }}</span></div>
</el-popover>
</div>
</template> </template>
</el-table-column> </el-table-column>
<el-table-column label="操作" fixed="right" min-width="30px"> <el-table-column label="操作" fixed="right" min-width="30px">
@ -421,6 +468,8 @@ export default {
pdd_shop_name: '', pdd_shop_name: '',
// 京东授权url // 京东授权url
jdAuthUrl: '', jdAuthUrl: '',
payBindSites: [],
} }
}, },
computed: { computed: {
@ -429,6 +478,7 @@ export default {
mounted() { mounted() {
this.getAddablePays() this.getAddablePays()
this.getPayList() this.getPayList()
this.getPayBindSites()
}, },
methods: { methods: {
// 获取可添加的收款方式 // 获取可添加的收款方式
@ -484,6 +534,24 @@ export default {
console.error(error, 'error') console.error(error, 'error')
}) })
}, },
// 获取收款方式绑定的站点
getPayBindSites() {
this.$http('POST', '/agentnew/ajax_get_pay_bind_sites', {
gid: this.gid,
},{
headers:{
'Auth': this.token
}
}).then(response => {
this.tableLoading = false
this.$nextTick(() => {
this.payBindSites = response.data
console.log(this.payBindSites)
})
}).catch(error => {
console.error(error, 'error')
})
},
updatePayStatus(row) { updatePayStatus(row) {
this.$http('POST', '/agentnew/ajax_update_pay_status', { this.$http('POST', '/agentnew/ajax_update_pay_status', {
payid: row.payid, payid: row.payid,
@ -677,11 +745,38 @@ export default {
color:#8A9099 !important; color:#8A9099 !important;
} }
.ml-5 {
margin-left: 5px;
}
.ml-8 {
margin-left: 8px;
}
a { a {
text-decoration: none; text-decoration: none;
color: #006AFF; color: #006AFF;
} }
.bind-sites-title {
font-size: 14px;
font-weight: normal;
line-height: normal;
letter-spacing: 0.08em;
color: #1E2226;
}
.bind-sites p {
font-size: 14px;
font-weight: normal;
line-height: normal;
letter-spacing: 0.08em;
color: #1E2226;
height: 18px;
line-height: 18px;
z-index: 0;
margin-top: 12px;
}
.el-table { .el-table {
min-height: auto !important; min-height: auto !important;
} }

Write Preview
Loading…
Cancel
Save