Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning

Blame view

src/views/workflow/components/printApplication.vue 14.9 KB
Raw Normal View History Permalink
打印申请书
71b6754f
 
蔡俊立 committed
1 
<template>
打印申请书
8be093a0
 
蔡俊立 committed
2 3 4 5 
  <div>
    <div id="printMe" style="width: 100%;height: 100%;background-color: #f5f5f5;padding: 5px;">
    <div style="overflow-x: auto;width: 100%;height: 100%;background: #fff;text-align: center;padding: 4px;overflow-y: scroll;">
      <div style="font-size: 24px;font-weight: bolder;margin: 20px 0px;">不动产登记申请书</div>
打印申请书
71b6754f
 
蔡俊立 committed
6 7 
      <div style="display:flex">
        <div>
打印申请书
8be093a0
 
蔡俊立 committed
8 9 10 11 12 13 
          <table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
            <col width="30" />
            <col width="50" />
            <col width="160" />
            <col width="50" />
            <col width="120" />
打印申请书
71b6754f
 
蔡俊立 committed
14 
            <tr>
打印申请书
8be093a0
 
蔡俊立 committed
15 16 17 18 19 
              <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件</td>
              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">编号</td>
              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">1111</td>
              <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">收件人</td>
              <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">123</td>
打印申请书
71b6754f
 
蔡俊立 committed
20 21 
            </tr>
            <tr>
打印申请书
8be093a0
 
蔡俊立 committed
22 23 
              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">日期</td>
              <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
打印申请书
71b6754f
 
蔡俊立 committed
24 25 26 
            </tr>
          </table>
        </div>
打印申请书
8be093a0
 
蔡俊立 committed
27 
        <div style="margin-left: 20px;font-size: 14px;">
打印申请书
71b6754f
 
蔡俊立 committed
28 
          单位：
打印申请书
8be093a0
 
蔡俊立 committed
29 30 31 32 
          <span style="font-family:Wingdings;font-size:18px;color:red">&#254;</span>平方米
          <!-- <span style="font-family:Wingdings;font-size:40px;">&#250;</span> -->
          <span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;margin-left:10px"></span>
          公顷（<span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;"></span>亩）、万元
打印申请书
71b6754f
 
蔡俊立 committed
33 34 35 
        </div>
      </div>
      <div style="margin-top:20px"></div>
打印申请书
8be093a0
 
蔡俊立 committed
36 
      <table cellpadding="0" cellspacing="0" style="width: 100%;color: #333;">
打印申请书
71b6754f
 
蔡俊立 committed
37 
        <col width="80" />
打印申请书
8be093a0
 
蔡俊立 committed
38 39 
        <col width="100" />
        <col width="180" />
打印申请书
71b6754f
 
蔡俊立 committed
40 41 42 
        <col width="80" />
        <col width="60" />
        <col width="20" />
打印申请书
8be093a0
 
蔡俊立 committed
43 
        <col width="180" />
打印申请书
71b6754f
 
蔡俊立 committed
44 
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
45 46 
          <td rowspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请登记事由</td>
          <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
打印申请书
71b6754f
 
蔡俊立 committed
47 
            <span v-for="item in ywlxList" :key="item.value" style="margin:0px 8px">
打印申请书
8be093a0
 
蔡俊立 committed
48 49 
              <span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
              <span style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
打印申请书
71b6754f
 
蔡俊立 committed
50 51 52 53 54 
              {{item.name}}
            </span>
          </td>
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
55 
          <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;text-align: left;">
打印申请书
71b6754f
 
蔡俊立 committed
56 
            <span v-for="item in djlxList" :key="item.value" style="margin:0px 8px">
打印申请书
8be093a0
 
蔡俊立 committed
57 58 
              <span style="font-family:Wingdings;font-size:18px;color:red" v-if="item.checked">&#254;</span>
              <span class="check-box" style="display: inline-block;border: 1px solid rgb(114, 113, 113);border-radius: 2px;box-sizing: border-box;width: 10px;height: 10px;" v-else></span>
打印申请书
71b6754f
 
蔡俊立 committed
59 60 61 62 63 
              {{item.name}}
            </span>
          </td>
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
64 65 
          <td rowspan="14" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">申请人情况</td>
          <td colspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
打印申请书
71b6754f
 
蔡俊立 committed
66 67 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
68 69 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">权利人姓名（名称）</td>
          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
打印申请书
71b6754f
 
蔡俊立 committed
70 71 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
72 73 74 75 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
打印申请书
71b6754f
 
蔡俊立 committed
76 77 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
78 79 80 81 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
          <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
打印申请书
71b6754f
 
蔡俊立 committed
82 83 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
84 85 86 87 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
打印申请书
71b6754f
 
蔡俊立 committed
88 89 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
90 91 92 93 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
打印申请书
71b6754f
 
蔡俊立 committed
94 95 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
96 97 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
打印申请书
71b6754f
 
蔡俊立 committed
98 99 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
100 
          <td colspan="7" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size:16px;font-weight: bolder;text-align: center;">登记申请人</td>
打印申请书
71b6754f
 
蔡俊立 committed
101 102 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
103 104 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">义务人姓名（名称）</td>
          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
打印申请书
71b6754f
 
蔡俊立 committed
105 106 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
107 108 109 110 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证件种类</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">身份证</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">证件号</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">3438475835XXXXXXX</td>
打印申请书
71b6754f
 
蔡俊立 committed
111 112 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
113 114 115 116 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">通讯地址</td>
          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">山西省系撒大大</td>
          <td colspan="1" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">邮编</td>
          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">A700001</td>
打印申请书
71b6754f
 
蔡俊立 committed
117 118 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
119 120 121 122 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">法定代表人或负责人</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">张三</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
打印申请书
71b6754f
 
蔡俊立 committed
123 124 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
125 126 127 128 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理人姓名</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">里斯</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">联系电话</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">134548543</td>
打印申请书
71b6754f
 
蔡俊立 committed
129 130 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
131 132 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">代理机构名称</td>
          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdiao</td>
打印申请书
71b6754f
 
蔡俊立 committed
133 134 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
135 
          <td rowspan="6" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">不动产情况</td>
打印申请书
71b6754f
 
蔡俊立 committed
136 137 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
138 139 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">坐落</td>
          <td colspan="5" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">buzhdixxxxo</td>
打印申请书
71b6754f
 
蔡俊立 committed
140 141 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
142 143 144 145 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产单元号</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">000001号</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">不动产类型</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">房屋</td>
打印申请书
71b6754f
 
蔡俊立 committed
146 147 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
148 149 150 151 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">面积</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">111.3㎡</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用途</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">城镇住宅用地</td>
打印申请书
71b6754f
 
蔡俊立 committed
152 153 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
154 155 156 157 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">原不动产权属证书号</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">xxxx号</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">用海类型</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
打印申请书
71b6754f
 
蔡俊立 committed
158 159 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
160 161 162 163 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">构筑物类型</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">林种</td>
          <td colspan="3" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
打印申请书
71b6754f
 
蔡俊立 committed
164 165 
        </tr>
        <tr>
打印申请书
8be093a0
 
蔡俊立 committed
166 167 168 169 170 
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;font-size: 16px">抵押情况</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">被担保债权数额（最高债权数额）</td>
          <td style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;">债务履行期限（债权确定期间）</td>
          <td colspan="2" style="border: 1px solid rgb(194, 191, 191);line-height: 30px;padding: 0 4px;"></td>
打印申请书
71b6754f
 
蔡俊立 committed
171 172 173 
        </tr>
      </table>
    </div>
打印申请书
8be093a0
 
蔡俊立 committed
174 175 
    <button @click="printView()"> 打印预览  </button>
  </div>
打印申请书
71b6754f
 
蔡俊立 committed
176 177 178 
  </div>
</template>
<script>
打印申请书
8be093a0
 
蔡俊立 committed
179
打印申请书
71b6754f
 
蔡俊立 committed
180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 
import { mapGetters } from 'vuex';
import { getLodop } from "@/utils/LodopFuncs";
export default {
  components: {},
  computed: {
    ...mapGetters(['dictData'])
  },
  mounted() {
    console.log(this.dictData['A8']);
    
  },
  data () {
    return {
      ywlxList: [
        {name: '国有建设用地使用权',value: 'A03',checked:true},
        {name: '国有建设用地使用权/房屋所有权',value: 'A04',checked:false},
      ],
      djlxList: [
        {name: '首次登记',value: '100',checked:true},
        {name: '转移登记',value: '200',checked:false},
        {name: '变更登记',value: '300',checked:false},
        {name: '注销登记',value: '400',checked:false},
        {name: '更正登记',value: '901',checked:false},
        {name: '异议登记',value: 'B',checked:false},
        {name: '预告登记',value: '902',checked:false},
        {name: '查封登记',value: 'B39',checked:false},
        {name: '其他___________',value: '99',checked:false},
      ]
    }
  },
  methods: {
打印申请书
8be093a0
 
蔡俊立 committed
211 
    printView(){
打印申请书
71b6754f
 
蔡俊立 committed
212 213 
      let lodop = getLodop();
      lodop.PRINT_INIT("测试");
打印申请书
8be093a0
 
蔡俊立 committed
214 215 
      //纵坐标开始点位，横坐标开始点位，纸张宽度，纸张高度
      lodop.ADD_PRINT_HTM(0,10,760,1200,document.getElementById("printMe").innerHTML);
打印申请书
71b6754f
 
蔡俊立 committed
216 
      lodop.PREVIEW();
打印申请书
8be093a0
 
蔡俊立 committed
217 
    },
打印申请书
71b6754f
 
蔡俊立 committed
218 219 220 221 
  }
}
</script>
<style scoped lang='scss'>
打印申请书
8be093a0
 
蔡俊立 committed
222 
.zdxx {
打印申请书
71b6754f
 
蔡俊立 committed
223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  padding: 5px;
}

.print-title{
  font-size: 24px;
  font-weight: bolder;
  margin: 20px 0px;
}

.print-unit{
  line-height: 60px;
  margin-left: 20px;
  font-size: 14px;
}

.left-title{
  font-size: 16px
}

.inline-title{
  font-size:16px;
  font-weight: bolder;
}

.text-left {
  text-align: left;
}

.check-box {
  display: inline-block;
  border: 1px solid rgb(114, 113, 113);
  border-radius: 2px;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
}


.tablebox {
  overflow-x: auto;
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
  padding: 4px;
  overflow-y: scroll;

  .printTable {
    width: 100%;
    color: #333;

    td {
      border: 1px solid rgb(194, 191, 191);
      line-height: 30px;
      padding: 0 4px;
    }

    .title {
      line-height: 68px;
      font-size: 20px;
    }

    .unit {
      text-align: right;
    }

    .title2 {
      writing-mode: vertical-lr;
      letter-spacing: 6px;
    }

    .bhqk {
      padding: 0;

      .box {
        width: 745px;
        overflow: auto;
      }
      table {
        .bhqkTh {
          width: 110px;
          line-height: 40px;
          background-color: #f5f5f5;
          border: 1px solid rgb(228, 228, 228);
          font-weight: bold;
        }

        td {
          width: 180px;
        }
      }
    }
  }
}
</style>