82 lines
1.6 KiB
Vue
82 lines
1.6 KiB
Vue
|
<template>
|
||
|
|
<custom-modal v-model="visible" title="Save Setting" :width="380" :okHandler="handleOk">
|
||
|
|
<div class="save-setting">
|
||
|
|
<div class="save-setting-all">
|
||
|
|
<a-checkbox v-model="saveAll">
|
||
|
|
Save All
|
||
|
|
</a-checkbox>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<title-over-boarder title="Format">
|
||
|
|
<a-radio-group v-model="saveFormat" class="format-radio-group">
|
||
|
|
<a-radio value="txt">Save as Txt</a-radio>
|
||
|
|
<a-radio value="excel">Save as Excel</a-radio>
|
||
|
|
</a-radio-group>
|
||
|
|
</title-over-boarder>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</custom-modal>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
import { downloadFile } from '../../../../api/manage'
|
||
|
|
import TitleOverBoarder from '../TitleOverBoarder.vue'
|
||
|
|
export default {
|
||
|
|
components: { TitleOverBoarder },
|
||
|
|
props: {
|
||
|
|
value: {
|
||
|
|
type: Boolean
|
||
|
|
}
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
saveAll: false,
|
||
|
|
saveFormat: 'txt'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
reset() {
|
||
|
|
this.saveAll = false
|
||
|
|
this.saveFormat = 'txt'
|
||
|
|
},
|
||
|
|
|
||
|
|
handleOk() {
|
||
|
|
console.log('%c [ save ]-22', 'font-size:13px; background:pink; color:#bf2c9f;')
|
||
|
|
downloadFile('', 'result.' + this.saveFormat, {})
|
||
|
|
}
|
||
|
|
},
|
||
|
|
computed: {
|
||
|
|
visible: {
|
||
|
|
set(val) {
|
||
|
|
this.$emit('input', val)
|
||
|
|
},
|
||
|
|
get() {
|
||
|
|
if (this.value) {
|
||
|
|
this.reset()
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.value
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style lang="less" scoped>
|
||
|
|
.save-setting {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
|
||
|
|
&-all {
|
||
|
|
width: 65%;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.format-radio-group {
|
||
|
|
.ant-radio-wrapper:first-child {
|
||
|
|
margin-bottom: 10px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|