Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
cf4807ad by tianhaohao@pashanhoo.com
Options

编写税务合同页面内容

1 parent 46ef0c8c
Inline Side-by-side
Showing 2 changed files with 189 additions and 68 deletions
1 import request from '@/utils/request'
2 let SERVER = window.config ? window.config : JSON.parse(localStorage.getItem('ApiUrl'))
3
4 /**
5 * @description: 获取明细信息
6 * @param {*} bsmSlsq
7 * @param {*} bestepid
8 * @author: renchao
9 */
10 export function getDetail (bsmSldy) {
11 return request({
12 url: SERVER.SERVERAPI + '/rest/ywbl/swhtxx/getDetail',
13 method: 'get',
14 params: {
15 bsmSldy: bsmSldy
16 }
17 })
18 }
...\ No newline at end of file ...\ No newline at end of file
...@@ -9,85 +9,171 @@ ...@@ -9,85 +9,171 @@
9 label-width="120px"> 9 label-width="120px">
10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''"> 10 <div class="slxx_con" :class="flag ? 'formMarginBot0' : ''">
11 <div class="slxx_title title-block"> 11 <div class="slxx_title title-block">
12 不动产信息 12 申请信息
13 <div class="triangle"></div> 13 <div class="triangle"></div>
14 </div> 14 </div>
15 <el-row :gutter="10"> 15 <el-row :gutter="10">
16 <el-col :span="8"> 16 <el-col :span="8">
17 <el-form-item label="不动产单元号："> 17 <el-form-item label="业务号：">
18 <el-input disabled v-model="ruleForm.bdcdyh"></el-input> 18 <el-input disabled v-model="ruleForm.flow.ywh"></el-input>
19 </el-form-item> 19 </el-form-item>
20 </el-col> 20 </el-col>
21 <el-col :span="8"> 21 <el-col :span="8">
22 <el-form-item label="原产证号："> 22 <el-form-item label="受理人员：">
23 <el-input disabled v-model="ruleForm.yfczh"></el-input> 23 <el-input disabled v-model="ruleForm.slsq.slry"></el-input>
24 </el-form-item>
25 </el-col>
26 <el-col :span="8">
27 <el-form-item label="受理时间：">
28 <el-input disabled v-model="ruleForm.slsq.slsj"></el-input>
29 </el-form-item>
30 </el-col>
31 </el-row>
32 <el-row :gutter="10">
33 <el-col :span="8">
34 <el-form-item label="权利类型：" prop="qllx">
35 <el-input disabled v-model="ruleForm.sldy.qllxmc"></el-input>
36 </el-form-item>
37 </el-col>
38 <el-col :span="8">
39 <el-form-item label="登记类型：" prop="djlx">
40 <el-input disabled v-model="ruleForm.sldy.djlxmc"></el-input>
24 </el-form-item> 41 </el-form-item>
25 </el-col> 42 </el-col>
26 <el-col :span="8"> 43 <el-col :span="8">
27 <el-form-item label="面积(m3)："> 44 <el-form-item label="登记情形：" prop="djqx">
28 <el-input disabled v-model="ruleForm.mj"></el-input> 45 <el-input disabled v-model="ruleForm.slsq.djqxmc"></el-input>
29 </el-form-item> 46 </el-form-item>
30 </el-col> 47 </el-col>
31 </el-row> 48 </el-row>
32 <el-row :gutter="10"> 49 <el-row :gutter="10">
33 <el-col :span="8"> 50 <el-col :span="8">
34 <el-form-item label="权利类型："> 51 <el-form-item label="不动产单元号：">
35 <el-input disabled v-model="ruleForm.qllxmc"></el-input> 52 <el-input disabled v-model="ruleForm.sldy.bdcdyh"></el-input>
36 </el-form-item> 53 </el-form-item>
37 </el-col> 54 </el-col>
38 <el-col :span="8"> 55 <el-col :span="8">
39 <el-form-item label="用途："> 56 <el-form-item label="原产证号：">
40 <el-input disabled v-model="ruleForm.yt"></el-input> 57 <el-input disabled v-model="ruleForm.sldy.ybdcqzsh"></el-input>
41 </el-form-item> 58 </el-form-item>
42 </el-col> 59 </el-col>
43 <el-col :span="8"> 60 <el-col :span="8">
44 <el-form-item label="坐落："> 61 <el-form-item label="坐落：">
45 <el-input disabled v-model="ruleForm.zl"></el-input> 62 <el-input disabled v-model="ruleForm.sldy.zl"></el-input>
46 </el-form-item> 63 </el-form-item>
47 </el-col> 64 </el-col>
48 </el-row> 65 </el-row>
49 <div class="slxx_title title-block"> 66 <div class="slxx_title title-block">
50 买方信息 67 <el-row>
51 <div class="triangle"></div> 68 <el-col :span="20">
52 </div> 69 房屋合同信息
53 <lb-table :column="column" :pagination="false" :heightNumSetting="true" 70 </el-col>
54 :data="ruleForm.tableDataList"> 71 <el-col :span="4">
55 </lb-table> 72 <el-button @click="compare">查询房屋交易合同</el-button>
56 <div class="slxx_title title-block"> 73 </el-col>
57 卖方信息 74 </el-row>
58 <div class="triangle"></div>
59 </div>
60 <lb-table :column="column1" :pagination="false" :heightNumSetting="true"
61 :data="ruleForm.tableDataList">
62 </lb-table>
63 <div class="slxx_title title-block">
64 合同信息
65 <div class="triangle"></div> 75 <div class="triangle"></div>
66 </div> 76 </div>
67 <el-row :gutter="10"> 77 <el-row :gutter="10">
68 <el-col :span="8"> 78 <el-col :span="8">
69 <el-form-item label="合同编号："> 79 <el-form-item label="房屋类型：">
70 <el-input v-model="ruleForm.htbh"></el-input> 80 <el-input disabled v-model="fwxx.FWLX"></el-input>
71 </el-form-item> 81 </el-form-item>
72 </el-col> 82 </el-col>
73 <el-col :span="8"> 83 <el-col :span="8">
74 <el-form-item label="合同金额(万元)："> 84 <el-form-item label="街道：">
75 <el-input v-model="ruleForm.htje"></el-input> 85 <el-input disabled v-model="fwxx.JD"></el-input>
76 </el-form-item> 86 </el-form-item>
77 </el-col> 87 </el-col>
78 <el-col :span="8"> 88 <el-col :span="8">
79 <el-form-item label="签订时间："> 89 <el-form-item label="门牌号：">
80 <el-date-picker 90 <el-input disabled v-model="fwxx.MPH"></el-input>
81 class="width100"
82 v-model="ruleForm.qdsj"
83 type="date"
84 placeholder="选择日期"
85 value-format="yyyy-MM-dd HH:mm:ss"
86 format="yyyy-MM-dd">
87 </el-date-picker>
88 </el-form-item> 91 </el-form-item>
89 </el-col> 92 </el-col>
90 </el-row> 93 </el-row>
94 <el-row :gutter="10">
95 <el-col :span="8">
96 <el-form-item label="栋号：">
97 <el-input disabled v-model="fwxx.DH"></el-input>
98 </el-form-item>
99 </el-col>
100 <el-col :span="8">
101 <el-form-item label="单元号：">
102 <el-input disabled v-model="fwxx.DYH"></el-input>
103 </el-form-item>
104 </el-col>
105 <el-col :span="8">
106 <el-form-item label="楼层：">
107 <el-input disabled v-model="fwxx.LC"></el-input>
108 </el-form-item>
109 </el-col>
110 </el-row>
111 <el-row :gutter="10">
112 <el-col :span="8">
113 <el-form-item label="房号：">
114 <el-input disabled v-model="fwxx.FH"></el-input>
115 </el-form-item>
116 </el-col>
117 <el-col :span="8">
118 <el-form-item label="项目名称：">
119 <el-input disabled v-model="fwxx.XMMC"></el-input>
120 </el-form-item>
121 </el-col>
122 <el-col :span="8">
123 <el-form-item label="面积：">
124 <el-input disabled v-model="fwxx.MJ"></el-input>
125 </el-form-item>
126 </el-col>
127 </el-row>
128 <el-row :gutter="10">
129 <el-col :span="8">
130 <el-form-item label="房屋性质：">
131 <el-input disabled v-model="fwxx.FWXZ"></el-input>
132 </el-form-item>
133 </el-col>
134 <el-col :span="8">
135 <el-form-item label="房屋用途：">
136 <el-input disabled v-model="fwxx.FWYT"></el-input>
137 </el-form-item>
138 </el-col>
139 <el-col :span="8">
140 <el-form-item label="合同号：">
141 <el-input disabled v-model="fwxx.HTH"></el-input>
142 </el-form-item>
143 </el-col>
144
145 </el-row>
146 <el-row :gutter="10">
147 <el-col :span="8">
148 <el-form-item label="合同签订时间：">
149 <el-input disabled v-model="ruleForm.HTQDSJ"></el-input>
150 </el-form-item>
151 </el-col>
152 <el-col :span="8">
153 <el-form-item label="共有方式：">
154 <el-input disabled v-model="ruleForm.GYFS"></el-input>
155 </el-form-item>
156 </el-col>
157 <el-col :span="8">
158 <el-form-item label="房屋坐落：">
159 <el-input disabled v-model="ruleForm.TDFWZL"></el-input>
160 </el-form-item>
161 </el-col>
162 </el-row>
163 <div class="slxx_title title-block">
164 买受人信息
165 <div class="triangle"></div>
166 </div>
167 <lb-table :column="column" :pagination="false" :heightNumSetting="true"
168 :data="ruleForm.tableDataList">
169 </lb-table>
170 <div class="slxx_title title-block">
171 出卖人信息
172 <div class="triangle"></div>
173 </div>
174 <lb-table :column="column1" :pagination="false" :heightNumSetting="true"
175 :data="ruleForm.tableDataList">
176 </lb-table>
91 <div class="slxx_title title-block"> 177 <div class="slxx_title title-block">
92 缴税信息 178 缴税信息
93 <div class="triangle"></div> 179 <div class="triangle"></div>
...@@ -96,35 +182,29 @@ ...@@ -96,35 +182,29 @@
96 :data="ruleForm.tableDataList"> 182 :data="ruleForm.tableDataList">
97 </lb-table> 183 </lb-table>
98 </div> 184 </div>
99 <el-row class="btn" v-if="viewEdit">
100 <el-form-item>
101 <el-button type="primary" @click="onSubmit">保存</el-button>
102 </el-form-item>
103 </el-row>
104 </el-form> 185 </el-form>
105 </div> 186 </div>
106 </template> 187 </template>
107 <script> 188 <script>
189 import { getDetail } from "@/api/workflow/swhtxx.js";
108 import { mapGetters } from "vuex"; 190 import { mapGetters } from "vuex";
109 export default { 191 export default {
110 computed: { 192 computed: {
111 ...mapGetters(["dictData", "flag"]), 193 ...mapGetters(["dictData", "flag"]),
112 }, 194 },
113 mounted () { 195 mounted () {
114 // this.loading = true 196 let that = this;
115 this.viewEdit = this.$parent.currentSelectTab.ableOperation; 197 this.viewEdit = this.$parent.currentSelectTab.ableOperation;
116 this.propsParam = this.$attrs; 198 this.propsParam = this.$attrs;
117 var formdata = new FormData(); 199 getDetail(this.propsParam.bsmSldy).then((res) => {
118 formdata.append("bsmSldy", this.propsParam.bsmSldy); 200 if (res.code === 200 && res.result) {
119 formdata.append("djlx", this.propsParam.djlx); 201 that.ruleForm = res.result;
120 formdata.append("isEdit", this.viewEdit); 202 }
121 // Init(formdata).then((res) => { 203 });
122 // if (res.code === 200 && res.result) {
123 // }
124 // });
125 }, 204 },
126 data () { 205 data () {
127 return { 206 return {
207 ruleForm: {},
128 loading: false, 208 loading: false,
129 //表单是否可操作 209 //表单是否可操作
130 viewEdit: false, 210 viewEdit: false,
...@@ -159,33 +239,56 @@ ...@@ -159,33 +239,56 @@
159 label: "证件号码" 239 label: "证件号码"
160 }], 240 }],
161 column2: [{ 241 column2: [{
162 type: 'index', 242 type: 'skssqq',
163 label: "序号", 243 label: "税款所属日期起"
164 width: '50'
165 }, 244 },
166 { 245 {
167 prop: "nsr", 246 prop: "skssqz",
168 label: "纳税人" 247 label: "税款所属日期止"
169 }, 248 },
170 { 249 {
171 prop: "sz", 250 prop: "sjje",
172 label: "税种" 251 label: "实缴金额"
173 }, 252 },
174 { 253 {
175 prop: "jsyj", 254 prop: "pzxh",
176 label: "计税依据" 255 label: "凭证序号"
177 }, 256 },
178 { 257 {
179 prop: "sl", 258 prop: "zsxmdm",
180 label: "税率" 259 label: "征收项目代码"
181 }, 260 },
182 { 261 {
183 prop: "jsje", 262 prop: "zsxmmc",
184 label: "计税金额" 263 label: "征收项目名称"
264 },
265 {
266 prop: "zspmdm",
267 label: "征收品目代码"
268 },
269 {
270 prop: "zspmmc",
271 label: "征收品目名称"
272 },
273 {
274 prop: "rkrq",
275 label: "入库日期"
276 },
277 {
278 prop: "kprq",
279 label: "开票日期"
280 },
281 {
282 prop: "ywslh",
283 label: "业务受理号"
185 }], 284 }],
186 ruleForm: { 285 ruleForm: {
187 tableDataList: [] 286 tableDataList: []
188 } 287 },
288 qlrList:[],
289 ywrList:[],
290 fwxx:{},
291 swxx:{}
189 } 292 }
190 }, 293 },
191 methods: { 294 methods: {
......