Commit c50912ac by gechengyang

新增收支申报-申报信息页面

parent f4a50868
<template>
<div>
<el-form :model="form" inline label-width="220px">
<el-form-item label="操作类型" :label-width="formLabelWidth" label-width="220px" required=true>
<el-select placeholder="请选择操作类型" v-model="form_a" :disabled="disabled1" >
<el-option label="新增" value="1" selected></el-option>
<el-option label="修改" value="2"></el-option>
<el-option label="删除" value="3"></el-option>
</el-select>
</el-form-item>
<el-form-item label="临时申报号码" :label-width="formLabelWidth" label-width="220px">
<el-input :disabled="disabled1" autocomplete="off" v-model="form.b" auto-complete="off" show-word-limit v-bind="{placeholder:`后台自动生成`}"></el-input>
</el-form-item>
</el-form>
<el-form :model="form" inline label-width="220px">
<el-form-item label="申报日期" :label-width="formLabelWidth" label-width="220px" required=true>
<el-date-picker v-model="form.e" type="date" placeholder="请选择日期" value-format="yyyy-MM-dd"> </el-date-picker>
</el-form-item>
<el-form-item label="收款类型" label-width="300px" required=true>
<el-select v-model="form.f" placeholder="" >
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
</el-form-item>
</el-form>
<el-form :model="form" inline label-width="220px">
<el-form-item label="地区机构号" :label-width="formLabelWidth" label-width="220px" required=true>
<el-input v-model="form.g" v-bind="{placeholder:`请输入地区机构号`}"></el-input>
</el-form-item>
<el-form-item label="修改删除原因" :label-width="formLabelWidth" label-width="220px" required=true>
<el-input v-model="form.h" v-bind="{placeholder:`请输入修改删除原因`}"></el-input>
</el-form-item>
</el-form>
<el-form :model="form" inline label-width="220px">
<el-form-item label="余款金额" :label-width="formLabelWidth" label-width="220px" required=true>
<el-input v-model="form.i" v-bind="{placeholder:`0.00`}"></el-input>
</el-form-item>
</el-form>
<el-form :model="form" inline label-width="220px">
<el-form-item label="已出具出口收汇核销专用联" required=true>
<el-select v-model="form.aa" placeholder="" >
<el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"> </el-option>
</el-select>
</el-form-item>
<el-form-item label="收汇总金额中用于出口核销金额" :label-width="formLabelWidth" label-width="220px" required=true>
<el-input v-model="form.bb" autocomplete="off" oninput="value=value.replace(/[^0-9.]/g,'')" v-bind="{placeholder:`0.00`}"></el-input>
</el-form-item>
</el-form>
<el-form :model="form" inline label-width="220px">
<el-form-item label="填报人" :label-width="formLabelWidth" label-width="220px">
<el-input v-model="form.jj" v-bind="{placeholder:`请输入填报人`}"></el-input>
</el-form-item>
<el-form-item label="填报人电话" :label-width="formLabelWidth" label-width="220px">
<el-input v-model="form.jj" v-bind="{placeholder:`请输入填报人电话`}"></el-input>
</el-form-item>
</el-form>
<br /><br /><br />
<div style="text-align:center;font-size:10px;font:20px;" >
<el-button>取 消</el-button>
<el-button type="primary" >确 定</el-button>
</div>
</div>
</template>
<script>
import Balance from "../script/MsgJson/Balance"
export default {
props:['dataModel','options'],
data(){
return {
form: {
cdOrPrtry:"",
subTpCd:"",
subTpPrtry:"",
subTp:"",
amt:"",
ccy:"",
dt:"",
cdtDbtInd:""
},
node:{
value:[]
},
result:[],
dialogFormVisible: false,
formLabelWidth: '120px',
disabled1:true,
disabled2:true,
radio: '1',
form_a: '1'
}
},
methods: {
handleDelete(index, row) {
this.$delete(this.node.value,index)
this.$delete(this.result,index)
},
changeHandler(){
if("1" === this.form.subTp){
this.form.subTpPrtry = ""
this.disabled1 = false
this.disabled2 = true
}
if("2" === this.form.subTp){
this.form.subTpCd = ""
this.disabled1 = true
this.disabled2 = false
}
},
submit(){
var b = JSON.parse(JSON.stringify(this.form));
var c = JSON.parse(JSON.stringify(Balance));
c.tp.cdOrPrtry.cd = b.cdOrPrtry
c.tp.subTp.cd = b.subTpCd
c.tp.subTp.prtry = b.subTpPrtry
c.amt.value = b.amt
c.amt.ccy = b.ccy
c.dt.dt = b.dt
c.cdtDbtInd = b.cdtDbtInd
this.node.value.push(b)
this.result.push(c)
for(var i = 0, len = this.node.value.length; i < len; i++) {
var cdOrPrtry = this.node.value[i].cdOrPrtry
for(var j = i+1, len = this.node.value.length; j < len; j++) {
if(cdOrPrtry === this.node.value[j].cdOrPrtry){
this.node.value.pop()
this.result.pop()
this.$message({
message: '余额类型不能重复',
type: 'warning'
});
}
}
}
// this.dataModel.value = this.node.value
this.dataModel.value = this.result
this.disabled1 = true
this.disabled2 = true
this.form.cdOrPrtry = ""
this.form.subTp = ""
this.form.subTpCd = ""
this.form.subTpPrtry = ""
this.form.amt = ""
this.form.ccy = ""
this.form.dt = ""
this.form.cdtDbtInd = ""
this.dialogFormVisible = false
},
stateFormat(row, column) {
if (row.cdOrPrtry === "OPBD") {
return '起始余额'
} else if(row.cdOrPrtry === "CLBD"){
return '结束余额'
} else if(row.cdOrPrtry === "CLAV"){
return '有效余额'
}
},
},
mounted(){
}
}
</script>
<style scoped>
.el-input >>> input {
background-color: #FFF;
background-image: none;
border-radius: 4px;
border: 1px solid #DCDFE6;
box-sizing: border-box;
color: #606266;
display: inline-block;
height: 30px;
line-height: 30px;
outline: 0;
padding: 0 15px;
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
width: 300px;
}
.el-select >>> input {
background-color: #FFF;
background-image: none;
border-radius: 4px;
border: 1px solid #DCDFE6;
box-sizing: border-box;
color: #606266;
display: inline-block;
height: 30px;
line-height: 30px;
outline: 0;
padding: 0 15px;
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
width: 300px;
}
.el-form-item {
/* text-align: right; */
/* vertical-align: middle; */
/* float: left; */
font-size: 14px;
color: #606266;
line-height: 40px;
padding: 0 12px 0 0;
box-sizing: border-box;
}
.el-form-item {
margin-bottom: 5px;
}
</style>
...@@ -54,12 +54,15 @@ ...@@ -54,12 +54,15 @@
</el-tree> </el-tree>
</el-form> </el-form>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label=" 基础信息" name="mainInfoTab"> <el-tab-pane label=" 收支申报-基础信息" name="basicInfoTab">
<c-content> <c-content>
<m-applyInfo ref="applyInfo" /> <m-applyInfo ref="applyInfo" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label="申报信息" name="applyInfoTab"> <el-tab-pane label=" 收支申报-申报信息" name="applyInfoTab">
<c-content>
<m-applyInfo2 ref="applyInfo2" />
</c-content>
</el-tab-pane> </el-tab-pane>
<el-tab-pane label=" 预览" name="previewTab"> <el-tab-pane label=" 预览" name="previewTab">
<div> <div>
...@@ -97,6 +100,7 @@ import MsgCodes from "../script/MsgCode"; ...@@ -97,6 +100,7 @@ import MsgCodes from "../script/MsgCode";
import MsgJsonMap from "../script/MsgJson"; import MsgJsonMap from "../script/MsgJson";
import msgComRender from "../script/MsgComRender"; import msgComRender from "../script/MsgComRender";
import applyInfo from "./applyInfo"; import applyInfo from "./applyInfo";
import applyInfo2 from "./applyInfo2";
import { import {
appendTreeChild, appendTreeChild,
deleteEmptyProperty, deleteEmptyProperty,
...@@ -111,6 +115,7 @@ export default { ...@@ -111,6 +115,7 @@ export default {
components: { components: {
...ISOComs, ...ISOComs,
"m-applyInfo":applyInfo, "m-applyInfo":applyInfo,
"m-applyInfo2":applyInfo2,
}, },
data() { data() {
return { return {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment