cf4807ad by tianhaohao@pashanhoo.com

编写税务合同页面内容

1 parent 46ef0c8c
import request from '@/utils/request'
let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
/**
* @description: 获取明细信息
* @param {*} bsmSlsq
* @param {*} bestepid
* @author: renchao
*/
export function getDetail (bsmSldy) {
return request({
url: SERVER.SERVERAPI + '/rest/ywbl/swhtxx/getDetail',
method: 'get',
params: {
bsmSldy: bsmSldy
}
})
}
\ No newline at end of file
......@@ -9,85 +9,171 @@
label-width="120px">
<div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
<div class="slxx_title title-block">
不动产信息
申请信息
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="不动产单元号:">
<el-input disabled v-model="ruleForm.bdcdyh"></el-input>
<el-form-item label="业务号:">
<el-input disabled v-model="ruleForm.flow.ywh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="原产证号:">
<el-input disabled v-model="ruleForm.yfczh"></el-input>
<el-form-item label="受理人员:">
<el-input disabled v-model="ruleForm.slsq.slry"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="受理时间:">
<el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型:" prop="qllx">
<el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="登记类型:" prop="djlx">
<el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="面积(m3):">
<el-input disabled v-model="ruleForm.mj"></el-input>
<el-form-item label="登记情形:" prop="djqx">
<el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="权利类型:">
<el-input disabled v-model="ruleForm.qllxmc"></el-input>
<el-form-item label="不动产单元号:">
<el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="用途:">
<el-input disabled v-model="ruleForm.yt"></el-input>
<el-form-item label="原产证号:">
<el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="坐落:">
<el-input disabled v-model="ruleForm.zl"></el-input>
<el-input disabled v-model="ruleForm.sldy.zl"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
买方信息
<div class="triangle"></div>
</div>
<lb-table :column="column" :pagination="false" :heightNumSetting="true"
:data="ruleForm.tableDataList">
</lb-table>
<div class="slxx_title title-block">
卖方信息
<div class="triangle"></div>
</div>
<lb-table :column="column1" :pagination="false" :heightNumSetting="true"
:data="ruleForm.tableDataList">
</lb-table>
<div class="slxx_title title-block">
合同信息
<el-row>
<el-col :span="20">
房屋合同信息
</el-col>
<el-col :span="4">
<el-button @click="compare">查询房屋交易合同</el-button>
</el-col>
</el-row>
<div class="triangle"></div>
</div>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="合同编号:">
<el-input v-model="ruleForm.htbh"></el-input>
<el-form-item label="房屋类型:">
<el-input disabled v-model="fwxx.FWLX"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="合同金额(万元):">
<el-input v-model="ruleForm.htje"></el-input>
<el-form-item label="街道:">
<el-input disabled v-model="fwxx.JD"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="签订时间:">
<el-date-picker
class="width100"
v-model="ruleForm.qdsj"
type="date"
placeholder="选择日期"
value-format="yyyy-MM-dd HH:mm:ss"
format="yyyy-MM-dd">
</el-date-picker>
<el-form-item label="门牌号:">
<el-input disabled v-model="fwxx.MPH"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="栋号:">
<el-input disabled v-model="fwxx.DH"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="单元号:">
<el-input disabled v-model="fwxx.DYH"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="楼层:">
<el-input disabled v-model="fwxx.LC"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="房号:">
<el-input disabled v-model="fwxx.FH"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="项目名称:">
<el-input disabled v-model="fwxx.XMMC"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="面积:">
<el-input disabled v-model="fwxx.MJ"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="房屋性质:">
<el-input disabled v-model="fwxx.FWXZ"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋用途:">
<el-input disabled v-model="fwxx.FWYT"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="合同号:">
<el-input disabled v-model="fwxx.HTH"></el-input>
</el-form-item>
</el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="8">
<el-form-item label="合同签订时间:">
<el-input disabled v-model="ruleForm.HTQDSJ"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="共有方式:">
<el-input disabled v-model="ruleForm.GYFS"></el-input>
</el-form-item>
</el-col>
<el-col :span="8">
<el-form-item label="房屋坐落:">
<el-input disabled v-model="ruleForm.TDFWZL"></el-input>
</el-form-item>
</el-col>
</el-row>
<div class="slxx_title title-block">
买受人信息
<div class="triangle"></div>
</div>
<lb-table :column="column" :pagination="false" :heightNumSetting="true"
:data="ruleForm.tableDataList">
</lb-table>
<div class="slxx_title title-block">
出卖人信息
<div class="triangle"></div>
</div>
<lb-table :column="column1" :pagination="false" :heightNumSetting="true"
:data="ruleForm.tableDataList">
</lb-table>
<div class="slxx_title title-block">
缴税信息
<div class="triangle"></div>
......@@ -96,35 +182,29 @@
:data="ruleForm.tableDataList">
</lb-table>
</div>
<el-row class="btn" v-if="viewEdit">
<el-form-item>
<el-button type="primary" @click="onSubmit">保存</el-button>
</el-form-item>
</el-row>
</el-form>
</div>
</template>
<script>
import { getDetail } from "@/api/workflow/swhtxx.js";
import { mapGetters } from "vuex";
export default {
computed: {
...mapGetters(["dictData", "flag"]),
},
mounted () {
// this.loading = true
let that = this;
this.viewEdit = this.$parent.currentSelectTab.ableOperation;
this.propsParam = this.$attrs;
var formdata = new FormData();
formdata.append("bsmSldy", this.propsParam.bsmSldy);
formdata.append("djlx", this.propsParam.djlx);
formdata.append("isEdit", this.viewEdit);
// Init(formdata).then((res) => {
// if (res.code === 200 && res.result) {
// }
// });
getDetail(this.propsParam.bsmSldy).then((res) => {
if (res.code === 200 && res.result) {
that.ruleForm = res.result;
}
});
},
data () {
return {
ruleForm: {},
loading: false,
//表单是否可操作
viewEdit: false,
......@@ -159,33 +239,56 @@
label: "证件号码"
}],
column2: [{
type: 'index',
label: "序号",
width: '50'
type: 'skssqq',
label: "税款所属日期起"
},
{
prop: "nsr",
label: "纳税人"
prop: "skssqz",
label: "税款所属日期止"
},
{
prop: "sz",
label: "税种"
prop: "sjje",
label: "实缴金额"
},
{
prop: "jsyj",
label: "计税依据"
prop: "pzxh",
label: "凭证序号"
},
{
prop: "sl",
label: "税率"
prop: "zsxmdm",
label: "征收项目代码"
},
{
prop: "jsje",
label: "计税金额"
prop: "zsxmmc",
label: "征收项目名称"
},
{
prop: "zspmdm",
label: "征收品目代码"
},
{
prop: "zspmmc",
label: "征收品目名称"
},
{
prop: "rkrq",
label: "入库日期"
},
{
prop: "kprq",
label: "开票日期"
},
{
prop: "ywslh",
label: "业务受理号"
}],
ruleForm: {
tableDataList: []
}
},
qlrList:[],
ywrList:[],
fwxx:{},
swxx:{}
}
},
methods: {
......