7 changed files with 211 additions and 25 deletions
@ -0,0 +1,155 @@ |
|||||
|
<template> |
||||
|
<GuipButton type="ignore" @click="syncPriceClick" size="medium"> |
||||
|
同步价格 |
||||
|
<GuipDialog width="800px" :dialogVisible="dialogSyncPrice" :title="'同步价格_'+type_name" confirmText="保存价格" |
||||
|
@confirm="handleSavePrice" @close="handleSyncPriceClose" |
||||
|
:show-cancel-button="priceDesc!==''" :cancelText="priceDesc" @cancel="handleSyncPrice"> |
||||
|
<GuipTable :tableData="siteList" ref="multipleTable" autoColumn="true" :loading="tableLoading"> |
||||
|
<el-table-column prop="site_name" label="站点"></el-table-column> |
||||
|
<el-table-column prop="price" label="当前价格"> |
||||
|
<template slot-scope="scope"> |
||||
|
{{scope.row.price}}元/{{scope.row.unit_format}} |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
<el-table-column prop="price_set" label="设置价格"> |
||||
|
<template slot-scope="scope"> |
||||
|
<div class="flex mr12"> |
||||
|
<GuipInput v-if="scope.row.unit_num === '1'" v-model="scope.row.price" |
||||
|
ref="GuipInput" :unit="'元/'+scope.row.unit_name"></GuipInput> |
||||
|
<template v-else> |
||||
|
<GuipInput v-model="scope.row.price" ref="GuipInput" unit="元"> |
||||
|
</GuipInput> |
||||
|
<GuipInput v-model="scope.row.unit_num" ref="GuipInput" :unit="scope.row.unit_name"> |
||||
|
</GuipInput> |
||||
|
</template> |
||||
|
</div> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</GuipTable> |
||||
|
</GuipDialog> |
||||
|
</GuipButton> |
||||
|
</template> |
||||
|
<script> |
||||
|
|
||||
|
import GuipButton from "@/components/GuipButton.vue"; |
||||
|
import GuipDialog from "@/components/GuipDialog.vue"; |
||||
|
import GuipTable from "@/components/GuipTable.vue"; |
||||
|
import GuipInput from "@/components/GuipInput.vue"; |
||||
|
|
||||
|
export default { |
||||
|
name: 'syncPrice', |
||||
|
props: ['type', 'type_name', 'price', 'unit_num', 'unit_name'], |
||||
|
components: { |
||||
|
GuipInput, |
||||
|
GuipTable, |
||||
|
GuipDialog, |
||||
|
GuipButton |
||||
|
}, |
||||
|
data(){ |
||||
|
return { |
||||
|
token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTI2NDY1NDUsIm5iZiI6MTc1MjY0NjU0NSwiZXhwIjoxNzU1MjM4NTQ1LCJ1c2VyIjoic3VidXNlciIsImxvZ2luX3R5cGUiOjAsImFpZCI6IjEifQ.G-Is-x9qPMiV_urOlDPQVRjfAIozySxL5EK2k82d46k', |
||||
|
dialogSyncPrice: false, |
||||
|
tableLoading: false, |
||||
|
siteList:[] , |
||||
|
} |
||||
|
}, |
||||
|
computed:{ |
||||
|
priceDesc(){ |
||||
|
if(this.price) { |
||||
|
let priceDesc = '同步为'+this.price+'元/'+this.unit_num+this.unit_name; |
||||
|
if(this.unit_num === '1') priceDesc = '同步为'+this.price+'元/'+this.unit_name; |
||||
|
return priceDesc |
||||
|
} |
||||
|
return ""; |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
this.getSiteList() |
||||
|
}, |
||||
|
methods:{ |
||||
|
getSiteList(){ |
||||
|
this.tableLoading = true |
||||
|
const that = this |
||||
|
that.serviceList = [] |
||||
|
this.$http('POST', '/agentnew/ajax_get_service_sites', { |
||||
|
type: that.type, |
||||
|
},{ |
||||
|
headers:{ |
||||
|
'Auth': that.token |
||||
|
} |
||||
|
}).then(response => { |
||||
|
that.tableLoading = false |
||||
|
if(response.status){ |
||||
|
that.$nextTick(() => { |
||||
|
that.siteList = response.data |
||||
|
}) |
||||
|
} |
||||
|
}).catch(error => { |
||||
|
console.error(error, 'error') |
||||
|
}) |
||||
|
}, |
||||
|
syncPriceClick(){ |
||||
|
this.dialogSyncPrice = true |
||||
|
}, |
||||
|
handleSyncPriceClose(){ |
||||
|
this.dialogSyncPrice = false |
||||
|
}, |
||||
|
handleSavePrice(){ |
||||
|
this.dialogSyncPrice = false |
||||
|
console.log(this.siteList) |
||||
|
this.savePrice(0) |
||||
|
}, |
||||
|
handleSyncPrice(){ |
||||
|
this.dialogSyncPrice = false |
||||
|
console.log(this.siteList) |
||||
|
this.savePrice(1) |
||||
|
}, |
||||
|
savePrice(sync){ |
||||
|
let price_config = [] |
||||
|
this.siteList.forEach((item)=>{ |
||||
|
let config = { |
||||
|
'id' : item.id, |
||||
|
'price' : sync === 1 ? this.price : item.price, |
||||
|
'unit_num' : sync === 1 ? this.unit_num : item.unit_num |
||||
|
} |
||||
|
price_config.push(config) |
||||
|
}) |
||||
|
const that = this |
||||
|
this.$http('POST', "/agentnew/ajax_update_services_price", { |
||||
|
type: that.type, |
||||
|
price_config: price_config, |
||||
|
is_sync: sync |
||||
|
}, { |
||||
|
headers: { |
||||
|
'Auth': this.token |
||||
|
} |
||||
|
}).then(response => { |
||||
|
if (response.status) { |
||||
|
that.$message.success('保存成功'); |
||||
|
if(sync === 1){ |
||||
|
that.$nextTick(() => { |
||||
|
that.siteList.forEach((item)=>{ |
||||
|
item.price = this.price |
||||
|
item.unit_num = this.unit_num |
||||
|
}) |
||||
|
}) |
||||
|
} |
||||
|
return true; |
||||
|
} |
||||
|
that.$message.error(response.info); |
||||
|
}).catch(error => { |
||||
|
console.error(error, 'error') |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
<style lang="scss" scoped> |
||||
|
.mr12{ |
||||
|
margin-right: 12px; |
||||
|
} |
||||
|
::v-deep .el-table__body-wrapper{ |
||||
|
height: 300px; |
||||
|
overflow-y: auto; |
||||
|
} |
||||
|
</style> |
||||
Loading…
Reference in new issue