|
|
@ -40,18 +40,17 @@ |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<el-form> |
|
|
<el-form> |
|
|
<el-table :data="tableData.slice((currentPage - 1) * pageSize, currentPage * pageSize)" |
|
|
<el-table :data="tableData" style="width: 100%" > |
|
|
style="width: 100%" :key="random()"> |
|
|
|
|
|
<!-- 其他列 --> |
|
|
<!-- 其他列 --> |
|
|
<el-table-column prop="name" label="站点简称" width="210"> |
|
|
<el-table-column prop="short_name" label="站点简称" width="210"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
<a class="name_link flex cell_render" :href="scope.row.link" target="_blank"> |
|
|
<a class="name_link flex cell_render" :href="scope.row.domain" target="_blank"> |
|
|
{{ scope.row.name }} |
|
|
{{ scope.row.short_name }} |
|
|
<img class="edit_icon" src="@/assets/site/form_link.svg" alt=""> |
|
|
<img class="edit_icon" src="@/assets/site/form_link.svg" alt=""> |
|
|
</a> |
|
|
</a> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="registerDate" label="注册时间"></el-table-column> |
|
|
<el-table-column prop="regtime" label="注册时间"></el-table-column> |
|
|
|
|
|
|
|
|
<!-- 价格列 --> |
|
|
<!-- 价格列 --> |
|
|
<el-table-column label="站点分组" prop="group"> |
|
|
<el-table-column label="站点分组" prop="group"> |
|
|
@ -94,7 +93,7 @@ |
|
|
</el-popover> |
|
|
</el-popover> |
|
|
</template> --> |
|
|
</template> --> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column prop="phoneService" label="手机服务" :filters="phoneService" |
|
|
<el-table-column prop="phone_services" label="手机服务" :filters="phoneService" |
|
|
:filter-method="filterHandler"> |
|
|
:filter-method="filterHandler"> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<!-- <el-table-column prop="department" label="部门"> |
|
|
<!-- <el-table-column prop="department" label="部门"> |
|
|
@ -108,37 +107,37 @@ |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> --> |
|
|
</el-table-column> --> |
|
|
<el-table-column prop="status" label="状态" width="195"> |
|
|
<el-table-column prop="config_progress_status" label="状态" width="195"> |
|
|
<template v-slot="{ row, $index }"> |
|
|
<!-- <template v-slot="{ row, $index }">--> |
|
|
<el-popover v-model="row.status_popover" placement="top" trigger="manual" |
|
|
<!-- <el-popover v-model="row.status_popover" placement="top" trigger="manual"--> |
|
|
:ref="`popover-${$index}`" @show="popshow"> |
|
|
<!-- :ref="`popover-${$index}`" @show="popshow">--> |
|
|
<!-- 弹框内容 --> |
|
|
<!-- <!– 弹框内容 –>--> |
|
|
<div class="statusList"> |
|
|
<!-- <div class="statusList">--> |
|
|
<p class="flex"> |
|
|
<!-- <p class="flex">--> |
|
|
<img style="margin-right: 8px;" src="@/assets/site/info_filled.svg" |
|
|
<!-- <img style="margin-right: 8px;" src="@/assets/site/info_filled.svg"--> |
|
|
alt="">自有域名验证未通过 |
|
|
<!-- alt="">自有域名验证未通过--> |
|
|
</p> |
|
|
<!-- </p>--> |
|
|
<p class="flex" style="margin: 12px 0;"> |
|
|
<!-- <p class="flex" style="margin: 12px 0;">--> |
|
|
<img style="margin-right: 8px;" src="@/assets/site/info_filled.svg" |
|
|
<!-- <img style="margin-right: 8px;" src="@/assets/site/info_filled.svg"--> |
|
|
alt="">收款方式未配置 |
|
|
<!-- alt="">收款方式未配置--> |
|
|
</p> |
|
|
<!-- </p>--> |
|
|
<p class="flex"> |
|
|
<!-- <p class="flex">--> |
|
|
<img style="margin-right: 8px;" src="@/assets/site/info_filled.svg" |
|
|
<!-- <img style="margin-right: 8px;" src="@/assets/site/info_filled.svg"--> |
|
|
alt="">支付宝收款账号未配置 |
|
|
<!-- alt="">支付宝收款账号未配置--> |
|
|
</p> |
|
|
<!-- </p>--> |
|
|
</div> |
|
|
<!-- </div>--> |
|
|
<!-- 触发弹框的按钮 --> |
|
|
<!-- <!– 触发弹框的按钮 –>--> |
|
|
<span slot="reference" @click="handlePriceClick(row, $index, 'status')"> |
|
|
<!-- <span slot="reference" @click="handlePriceClick(row, $index, 'status')">--> |
|
|
<div class="flex cell_render"> |
|
|
<!-- <div class="flex cell_render">--> |
|
|
<span :class="(row.status == '0' ? 'in_services' : 'in_config')">{{ |
|
|
<!-- <span :class="(row.status == '0' ? 'in_services' : 'in_config')">{{--> |
|
|
row.status == '0' ? '运行中' : '配置中' }}</span> |
|
|
<!-- row.status == '0' ? '运行中' : '配置中' }}</span>--> |
|
|
<img class="edit_icon" v-if="row.status == '1'" |
|
|
<!-- <img class="edit_icon" v-if="row.status == '1'"--> |
|
|
src="@/assets/site/more_setIcon.png" alt=""> |
|
|
<!-- src="@/assets/site/more_setIcon.png" alt="">--> |
|
|
</div> |
|
|
<!-- </div>--> |
|
|
</span> |
|
|
<!-- </span>--> |
|
|
|
|
|
|
|
|
</el-popover> |
|
|
<!-- </el-popover>--> |
|
|
</template> |
|
|
<!-- </template>--> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
<el-table-column fixed="right" label="操作" width="182"> |
|
|
<el-table-column fixed="right" label="操作" width="182"> |
|
|
<template slot-scope="scope"> |
|
|
<template slot-scope="scope"> |
|
|
@ -149,10 +148,10 @@ |
|
|
</template> |
|
|
</template> |
|
|
</el-table-column> |
|
|
</el-table-column> |
|
|
</el-table> |
|
|
</el-table> |
|
|
<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="tableData.length">--> |
|
|
</el-pagination> |
|
|
<!-- </el-pagination>--> |
|
|
</el-form> |
|
|
</el-form> |
|
|
</div> |
|
|
</div> |
|
|
<GuipDialog type="normal" width="396px" :dialogVisible="addGroupVisiable" title="温馨提示" :show-close-button="false" |
|
|
<GuipDialog type="normal" width="396px" :dialogVisible="addGroupVisiable" title="温馨提示" :show-close-button="false" |
|
|
@ -192,6 +191,7 @@ export default { |
|
|
searchText: '', |
|
|
searchText: '', |
|
|
filteredOptions: this.options, |
|
|
filteredOptions: this.options, |
|
|
editingIndex: -1, |
|
|
editingIndex: -1, |
|
|
|
|
|
gid: 0,//分组id |
|
|
groupName: '',//分组名称 |
|
|
groupName: '',//分组名称 |
|
|
addGroupVisiable: false, |
|
|
addGroupVisiable: false, |
|
|
selectedValue: '', |
|
|
selectedValue: '', |
|
|
@ -227,22 +227,22 @@ export default { |
|
|
height: '30px' |
|
|
height: '30px' |
|
|
}, |
|
|
}, |
|
|
tableData: [ |
|
|
tableData: [ |
|
|
{ |
|
|
// { |
|
|
name: '哈哈哈', |
|
|
// name: '哈哈哈', |
|
|
link: 'http://www.chachongz.com', |
|
|
// link: 'http://www.chachongz.com', |
|
|
registerDate: '2025.02.18', |
|
|
// registerDate: '2025.02.18', |
|
|
group: '1', |
|
|
// group: '1', |
|
|
phoneService: '撒大事', |
|
|
// phoneService: '撒大事', |
|
|
status: '1',//配置中中 |
|
|
// status: '1',//配置中中 |
|
|
}, |
|
|
// }, |
|
|
{ |
|
|
// { |
|
|
name: '知网学诚教育', |
|
|
// name: '知网学诚教育', |
|
|
link: 'http://new.checkcopy.com', |
|
|
// link: 'http://new.checkcopy.com', |
|
|
registerDate: '2025.02.18', |
|
|
// registerDate: '2025.02.18', |
|
|
group: '2', |
|
|
// group: '2', |
|
|
phoneService: '设计部', |
|
|
// phoneService: '设计部', |
|
|
status: '0',//运行中 |
|
|
// status: '0',//运行中 |
|
|
}, |
|
|
// }, |
|
|
], |
|
|
], |
|
|
groupList: { |
|
|
groupList: { |
|
|
1: '内部测试', |
|
|
1: '内部测试', |
|
|
@ -291,8 +291,22 @@ export default { |
|
|
}) |
|
|
}) |
|
|
console.log(this.tableData, '000--'); |
|
|
console.log(this.tableData, '000--'); |
|
|
|
|
|
|
|
|
|
|
|
this.getData() |
|
|
}, |
|
|
}, |
|
|
methods: { |
|
|
methods: { |
|
|
|
|
|
getData() { |
|
|
|
|
|
const that = this |
|
|
|
|
|
that.tableData = [] |
|
|
|
|
|
this.$http('POST', '/agentnew/ajax_get_site_list', { |
|
|
|
|
|
gid: that.gid, |
|
|
|
|
|
}).then(response => { |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
that.tableData = Object.values(response.data.sitelist); |
|
|
|
|
|
}) |
|
|
|
|
|
}).catch(error => { |
|
|
|
|
|
console.error(error, 'error') |
|
|
|
|
|
}) |
|
|
|
|
|
}, |
|
|
// 处理搜索输入 |
|
|
// 处理搜索输入 |
|
|
handleSearch(keyword) { |
|
|
handleSearch(keyword) { |
|
|
console.log(keyword,'keyword---'); |
|
|
console.log(keyword,'keyword---'); |
|
|
|
