编写税务合同页面内容
Showing
2 changed files
with
191 additions
and
70 deletions
src/api/workflow/swhtxx.js
0 → 100644
| 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> | 75 | <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> | ||
| 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> |
| ... | @@ -95,36 +181,30 @@ | ... | @@ -95,36 +181,30 @@ |
| 95 | <lb-table :column="column2" :pagination="false" :heightNumSetting="true" | 181 | <lb-table :column="column2" :pagination="false" :heightNumSetting="true" |
| 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: { | ... | ... |
-
Please register or sign in to post a comment