修改问题
parent
269c061b25
commit
35219cc2df
@ -0,0 +1,425 @@
|
||||
<template>
|
||||
<div>
|
||||
<a-card :bordered="false" :bodyStyle="tstyle">
|
||||
<div class="table-page-search-wrapper" :class="advanced ? 'Open' : 'Close'">
|
||||
<a-form :model="form" :label-col="{ span: 8 }" :wrapper-col="{ span: 16 }">
|
||||
<a-row>
|
||||
<a-col :span="6">
|
||||
<a-form-item label="邮箱主题">
|
||||
<a-input v-model="form.mailSubject" allow-clear placeholder="请输入邮箱主题" />
|
||||
</a-form-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form>
|
||||
</div>
|
||||
</a-card>
|
||||
<a-card :bordered="false">
|
||||
<div style="margin-bottom: 10px;display: flex;justify-content: space-between;">
|
||||
<div>
|
||||
<a-button type="primary" @click="handleAdd">新建</a-button>
|
||||
</div>
|
||||
<div>
|
||||
<a-button type="primary" @click="FnGetData">查询</a-button>
|
||||
<a-button style="margin-left: 8px" @click="init">重置</a-button>
|
||||
</div>
|
||||
</div>
|
||||
<vxe-table
|
||||
:data="loadData"
|
||||
stripe
|
||||
resizable
|
||||
round
|
||||
:loading="loading"
|
||||
ref="xTable1"
|
||||
empty-text="没有更多数据了！">
|
||||
<vxe-column type="checkbox" width="60"></vxe-column>
|
||||
<vxe-column
|
||||
v-for="item in columns"
|
||||
:key="`${item.dataIndex}3`"
|
||||
:field="item.dataIndex"
|
||||
:min-width="item.width"
|
||||
:title="item.title"
|
||||
:fixed="item.fixed"
|
||||
:align="item.align">
|
||||
<template #default="{ row }">
|
||||
<div v-if="item.dataIndex == 'isAdvancedPay'">
|
||||
<span v-if="row.isAdvancedPay">是</span>
|
||||
<span v-else>否</span>
|
||||
</div>
|
||||
<div v-else-if="item.dataIndex == 'isInvoice'">
|
||||
<span v-if="row.isInvoice">是</span>
|
||||
<span v-else>否</span>
|
||||
</div>
|
||||
<span v-else>{{ row[item.dataIndex] }}</span>
|
||||
</template>
|
||||
</vxe-column>
|
||||
<vxe-column title="操作" fixed="right" width="120" align="center">
|
||||
<template #default="{ row }">
|
||||
<a-icon style="margin:0 12px" @click="handleEdit(row)" type="form" :style="{ color: '#13c2c2' }" />
|
||||
<a-popconfirm
|
||||
title="请确认删除?"
|
||||
ok-text="是"
|
||||
cancel-text="否"
|
||||
@confirm="e => {
|
||||
confirm(e, row.id)
|
||||
}
|
||||
">
|
||||
<a-icon type="delete" :style="{ color: '#13c2c2' }" />
|
||||
</a-popconfirm>
|
||||
</template>
|
||||
</vxe-column>
|
||||
</vxe-table>
|
||||
<vxe-pager
|
||||
:loading="loading"
|
||||
:current-page="queryParam.pageNo"
|
||||
:page-size="queryParam.pageSize"
|
||||
:total="queryParam.totalResult"
|
||||
:layouts="['PrevPage', 'JumpNumber', 'NextPage', 'FullJump', 'Sizes', 'Total']"
|
||||
@page-change="handlePageChange">
|
||||
</vxe-pager>
|
||||
</a-card>
|
||||
<a-modal @ok="handleSave" width="1000px" @cancel="visible = false" :visible="visible">
|
||||
<a-spin :spinning="formLoad">
|
||||
<a-form-model :rules="rules" ref="addForm" :model="addForm" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="往来单位">
|
||||
<a-input v-model="addForm.feeName" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="费用名称">
|
||||
<a-input v-model="addForm.feeName" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="标准">
|
||||
<a-input v-model="addForm.unit" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="币别">
|
||||
<a-input v-model="addForm.currency" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="单价">
|
||||
<a-input-number style="width: 100%;" v-model="addForm.unitPrice" :precision="2" :min="0" :step="0.1" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="汇率">
|
||||
<a-input-number style="width: 100%;" v-model="addForm.exchangeRate" :precision="2" :min="0" :step="0.1" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="税率">
|
||||
<a-input-number style="width: 100%;" v-model="addForm.taxRate" :precision="2" :min="0" :step="0.1" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="发票税率">
|
||||
<a-input-number style="width: 100%;" v-model="addForm.accTaxRate" :precision="2" :min="0" :step="0.1" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="FRT">
|
||||
<a-input v-model="addForm.feeFrt" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="是否开发票">
|
||||
<a-select v-model="addForm.isInvoice" style="width: 100%" >
|
||||
<a-select-option value="true">
|
||||
是
|
||||
</a-select-option>
|
||||
<a-select-option value="false">
|
||||
否
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="是否垫付">
|
||||
<a-select v-model="addForm.isAdvancedPay" style="width: 100%" >
|
||||
<a-select-option value="true">
|
||||
是
|
||||
</a-select-option>
|
||||
<a-select-option value="false">
|
||||
否
|
||||
</a-select-option>
|
||||
</a-select>
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
<a-row>
|
||||
<a-col :span="12">
|
||||
<a-form-model-item label="备注">
|
||||
<a-input v-model="addForm.remark" />
|
||||
</a-form-model-item>
|
||||
</a-col>
|
||||
</a-row>
|
||||
</a-form-model>
|
||||
</a-spin>
|
||||
</a-modal>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
import {
|
||||
FeeCustTemplatePage,
|
||||
FeeCustTemplateSave,
|
||||
FeeCustTemplateDelete
|
||||
} from '@/api/modular/main/mailSetting'
|
||||
import columnSetting from '@/components/tableColumnSetting'
|
||||
export default {
|
||||
components: {
|
||||
columnSetting
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
TypeData: [],
|
||||
// 高级搜索 展开/关闭
|
||||
advanced: false,
|
||||
visible: false,
|
||||
loading: false,
|
||||
selectedRowKeys: [],
|
||||
againVisible: false,
|
||||
fileList: [],
|
||||
setVisible: false,
|
||||
setVisible1: false,
|
||||
addSettingFlag: false,
|
||||
formLoad: false,
|
||||
againLoad: false,
|
||||
labelCol: { span: 4 },
|
||||
wrapperCol: { span: 14 },
|
||||
addForm: {
|
||||
},
|
||||
queryParam: {
|
||||
pageNo: 1,
|
||||
pageSize: 10,
|
||||
totalResult: 1
|
||||
},
|
||||
parserList: [],
|
||||
form: {},
|
||||
mailHtml: '',
|
||||
ColumnsQuery: [],
|
||||
columns: [
|
||||
{
|
||||
title: '费用名称',
|
||||
align: 'center',
|
||||
width: '200',
|
||||
dataIndex: 'feeName'
|
||||
},
|
||||
{
|
||||
title: '标准',
|
||||
align: 'center',
|
||||
width: '150',
|
||||
dataIndex: 'unit'
|
||||
},
|
||||
{
|
||||
title: '币别',
|
||||
align: 'center',
|
||||
width: '80',
|
||||
dataIndex: 'currency'
|
||||
},
|
||||
{
|
||||
title: '单价',
|
||||
align: 'center',
|
||||
width: '50',
|
||||
dataIndex: 'unitPrice'
|
||||
},
|
||||
{
|
||||
title: '汇率',
|
||||
align: 'center',
|
||||
width: '50',
|
||||
dataIndex: 'exchangeRate'
|
||||
},
|
||||
{
|
||||
title: '税率',
|
||||
align: 'center',
|
||||
width: '50',
|
||||
dataIndex: 'taxRate'
|
||||
},
|
||||
{
|
||||
title: '发票税率',
|
||||
align: 'center',
|
||||
width: '80',
|
||||
dataIndex: 'accTaxRate'
|
||||
},
|
||||
{
|
||||
title: 'FRT',
|
||||
align: 'center',
|
||||
width: '100',
|
||||
dataIndex: 'feeFrt'
|
||||
},
|
||||
{
|
||||
title: '垫付',
|
||||
align: 'center',
|
||||
width: '50',
|
||||
dataIndex: 'isAdvancedPay'
|
||||
},
|
||||
{
|
||||
title: '不开发票',
|
||||
align: 'center',
|
||||
width: '50',
|
||||
dataIndex: 'isInvoice'
|
||||
},
|
||||
{
|
||||
title: '备注',
|
||||
align: 'center',
|
||||
width: '150',
|
||||
dataIndex: 'remark'
|
||||
}
|
||||
],
|
||||
rules: {
|
||||
emailAccount: [{ required: true, message: '请输入邮箱账号', trigger: 'blur' }],
|
||||
password: [{ required: true, message: '请输入邮箱密码', trigger: 'blur' }],
|
||||
useIMAP: [{ required: true, message: '请选择接收服务器类型', trigger: 'change' }],
|
||||
smtpServer: [{ required: true, message: '请输入发件服务器', trigger: 'change' }],
|
||||
receiveServer: [{ required: true, message: '请输入收件服务器', trigger: 'change' }]
|
||||
},
|
||||
tstyle: { 'padding-bottom': '0px', 'margin-bottom': '10px' },
|
||||
loadData: []
|
||||
}
|
||||
},
|
||||
created() { },
|
||||
mounted() {
|
||||
this.FnGetData()
|
||||
},
|
||||
methods: {
|
||||
toggleAdvanced() {
|
||||
this.advanced = !this.advanced
|
||||
},
|
||||
onSelectChange(selectedRowKeys) {
|
||||
this.selectedRowKeys = selectedRowKeys;
|
||||
},
|
||||
handleEdit(row) {
|
||||
if (row.isAdvancedPay) {
|
||||
row.isAdvancedPay = 'true'
|
||||
} else {
|
||||
row.isAdvancedPay = 'false'
|
||||
}
|
||||
if (row.isInvoice) {
|
||||
row.isInvoice = 'true'
|
||||
} else {
|
||||
row.isInvoice = 'false'
|
||||
}
|
||||
this.addForm = row
|
||||
this.visible = true
|
||||
},
|
||||
handleSave() {
|
||||
this.$refs.addForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.formLoad = true
|
||||
FeeCustTemplateSave(this.addForm).then(res => {
|
||||
if (res.success) {
|
||||
this.$message.success('保存成功')
|
||||
this.FnGetData()
|
||||
this.visible = false
|
||||
} else {
|
||||
this.$message.error(res.message)
|
||||
}
|
||||
this.formLoad = false
|
||||
})
|
||||
} else {
|
||||
return false;
|
||||
}
|
||||
});
|
||||
},
|
||||
init() {
|
||||
this.form = {}
|
||||
},
|
||||
handlePageChange({ currentPage, pageSize }) {
|
||||
this.queryParam.pageNo = currentPage
|
||||
this.queryParam.pageSize = pageSize
|
||||
this.FnGetData()
|
||||
},
|
||||
FnGetData() {
|
||||
this.loading = true
|
||||
this.form.pageNo = this.queryParam.pageNo
|
||||
this.form.pageSize = this.queryParam.pageSize
|
||||
FeeCustTemplatePage(this.form).then(res => {
|
||||
if (res.success) {
|
||||
this.loadData = res.data.rows
|
||||
this.queryParam.totalResult = res.data.totalRows
|
||||
}
|
||||
this.loading = false
|
||||
})
|
||||
},
|
||||
confirm(e, data) {
|
||||
this.handleDelete(data)
|
||||
},
|
||||
handleDelete(record) {
|
||||
FeeCustTemplateDelete([record]).then(res => {
|
||||
if (res.success) {
|
||||
this.$message.success('删除成功')
|
||||
this.FnGetData()
|
||||
} else {
|
||||
this.$message.error(`删除失败,${res.message}`)
|
||||
}
|
||||
})
|
||||
},
|
||||
handleAdd() {
|
||||
this.visible = true
|
||||
this.addForm = {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<style lang="less" scoped>
|
||||
/deep/ .ant-descriptions-item-label {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.table-operator {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.Close {
|
||||
height: 45px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.vxe-table--render-default .vxe-body--row.row--stripe {
|
||||
background: #f5f9fe;
|
||||
}
|
||||
|
||||
.ant-card-body {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.inline {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.inline-right {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
right: 25px;
|
||||
}
|
||||
|
||||
.look-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 5px;
|
||||
|
||||
.look-left {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
margin-right: 10px;
|
||||
width: 80px;
|
||||
color: black;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Loading…
Reference in New Issue