|
|
@ -12,13 +12,13 @@ |
|
|
|
<div> |
|
|
|
<div class="flex-common table-wrap"> |
|
|
|
<el-form> |
|
|
|
<GuipTable :border="true" :tableData="serviceList" :loading="tableLoading"> |
|
|
|
<el-table-column prop="name" fixed="left" label="检测服务" width="200"> |
|
|
|
<GuipTable :border="true" :tableData="serviceList.slice((currentPage - 1) * pageSize,currentPage * pageSize)" :loading="tableLoading"> |
|
|
|
<el-table-column prop="name" fixed="left" label="检测服务"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex nowrap "> |
|
|
|
<div :class="(scope.row.type == 'a' ? 'green' : 'blue')">{{ scope.row.type == 'a' ? '查重服务' : '写作辅助' |
|
|
|
}}</div> |
|
|
|
<div class="">{{ scope.row.name }}</div> |
|
|
|
<!-- <div :class="(scope.row.type == 'a' ? 'green' : 'blue')">{{ scope.row.type == 'a' ? '查重服务' : '写作辅助'--> |
|
|
|
<!-- }}</div>--> |
|
|
|
<div class="">{{ scope.row.type_desc }}</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
@ -55,7 +55,6 @@ |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
|
|
|
|
<el-table-column prop="sort_id" label="排序"> |
|
|
|
<template #default="{ row,$index }"> |
|
|
|
<el-popover v-model="row.sortPopoverVisible" :ref="`popover-${row.type}`" |
|
|
@ -107,9 +106,9 @@ |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
|
|
|
|
<el-table-column label="操作" fixed="right" min-width="150px"> |
|
|
|
<el-table-column label="操作" fixed="right"> |
|
|
|
<template slot-scope="scope"> |
|
|
|
<div class="flex"> |
|
|
|
<div class="flex gap12"> |
|
|
|
<el-link :href="serviceEditUrl+'?uid='+siteInfo.uid+'&type='+scope.row.type" target="_blank" type="text">编辑</el-link> |
|
|
|
<el-button type="text" @click="handleDelClick(scope.row, scope.$index)">删除</el-button> |
|
|
|
</div> |
|
|
@ -155,9 +154,15 @@ import {getServicePriceDesc} from "@/utils/common"; |
|
|
|
import PaymentMethod from "@/components/paymentMethod.vue"; |
|
|
|
import GuipDialog from "@/components/GuipDialog.vue"; |
|
|
|
import PromptText from "@/components/PromptText.vue"; |
|
|
|
import page from "@/components/Page.vue"; |
|
|
|
|
|
|
|
export default { |
|
|
|
name: 'domainSet', |
|
|
|
computed: { |
|
|
|
page() { |
|
|
|
return page |
|
|
|
} |
|
|
|
}, |
|
|
|
props: { |
|
|
|
siteInfo: { |
|
|
|
type: Object, |
|
|
@ -176,7 +181,7 @@ export default { |
|
|
|
serviceList:[], |
|
|
|
tableLoading:false, |
|
|
|
currentPage: 1, //当前页 |
|
|
|
pageSize: 2, //每页的容量 |
|
|
|
pageSize: 8, //每页的容量 |
|
|
|
total: 0, //列表总数 |
|
|
|
//支付方式 |
|
|
|
payList: [], |
|
|
@ -192,6 +197,8 @@ export default { |
|
|
|
|
|
|
|
// 服务列表url |
|
|
|
serviceAddUrl: '/agent/siteAddFinally', |
|
|
|
// 站点设置url |
|
|
|
serviceEditUrl: '/agent/siteServiceEdit', |
|
|
|
} |
|
|
|
}, |
|
|
|
mounted() { |
|
|
@ -245,7 +252,7 @@ export default { |
|
|
|
} |
|
|
|
}).then(response => { |
|
|
|
that.tableLoading = false |
|
|
|
if(response.status && response.data.length>0){ |
|
|
|
if(response.status && response.data.service_list.length>0){ |
|
|
|
that.$nextTick(() => { |
|
|
|
that.serviceList = response.data.service_list |
|
|
|
}) |
|
|
@ -254,7 +261,6 @@ export default { |
|
|
|
console.error(error, 'error') |
|
|
|
}) |
|
|
|
}, |
|
|
|
|
|
|
|
handleSizeChange(val) { |
|
|
|
this.pageSize = val |
|
|
|
}, |
|
|
@ -452,7 +458,6 @@ export default { |
|
|
|
}); |
|
|
|
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 = '自定义支付'; |
|
|
@ -497,4 +502,28 @@ export default { |
|
|
|
margin-left: 0 !important; |
|
|
|
transform: none !important; |
|
|
|
} |
|
|
|
.green, |
|
|
|
.blue { |
|
|
|
width: 80px; |
|
|
|
box-sizing: border-box; |
|
|
|
display: flex; |
|
|
|
flex-direction: row; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
color: #0DAF49 !important; |
|
|
|
letter-spacing: 0.08em; |
|
|
|
/* 基本 */ |
|
|
|
width: 80px; |
|
|
|
border-radius: 4px; |
|
|
|
background: rgba(239, 255, 224, 0.5); |
|
|
|
box-sizing: border-box; |
|
|
|
border: 1px solid rgba(0, 194, 97, 0.6); |
|
|
|
margin-right: 8px; |
|
|
|
} |
|
|
|
|
|
|
|
.blue { |
|
|
|
background: #F2F7FF; |
|
|
|
border: 1px solid #BFDAFF; |
|
|
|
color: #006AFF !important; |
|
|
|
} |
|
|
|
</style> |