Skip to content

bdc / bdcdj-web

Go to a project
Toggle navigation
Toggle navigation pinning
9d2d16ee by renchao@pashanhoo.com
Options

style:业务申请

1 parent eebd3ac8
Inline Side-by-side
Showing 8 changed files with 155 additions and 89 deletions
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-17 10:33:10 4 * @LastEditTime: 2024-01-18 08:20:44
5 --> 5 -->
6 <template> 6 <template>
7 <div> 7 <div>
...@@ -511,9 +511,6 @@ ...@@ -511,9 +511,6 @@
511 context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123); 511 context.fillText(this.bdcqz.sxh ? this.bdcqz.sxh : '', 960, 123);
512 context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180); 512 context.fillText(this.bdcqz.zmqlhsx ? this.bdcqz.zmqlhsx : '', 775, 180);
513 // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228); 513 // context.fillText(this.bdcqz.qlr ? this.bdcqz.qlr : '', 775, 228);
514 // 义务人
515 // context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
516
517 // 权利人 514 // 权利人
518 let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : []; 515 let qlrlines = this.bdcqz.qlr ? this.bdcqz.qlr.split(' ') : [];
519 if (getByteLen(this.bdcqz.qlr) > 37) { 516 if (getByteLen(this.bdcqz.qlr) > 37) {
...@@ -556,49 +553,7 @@ ...@@ -556,49 +553,7 @@
556 }) 553 })
557 } 554 }
558 // 义务人 555 // 义务人
559 let ywrlines = this.bdcqz.ywr ? this.bdcqz.ywr.split(' ') : []; 556 context.fillText(this.bdcqz.ywr ? this.bdcqz.ywr : '', 775, 275);
560 if (getByteLen(this.bdcqz.ywr) > 37) {
561 ywrlines.forEach((line, index) => {
562 let currentLine = '';
563 let arr = [];
564 for (let word of line) {
565 const testLine = currentLine + word;
566 const lineWidth = context.measureText(testLine).width;
567 if (lineWidth <= 295) {
568 currentLine = testLine;
569 } else {
570 arr.push(currentLine);
571 currentLine = word;
572 }
573 }
574 arr.push(currentLine);
575 arr.forEach((line, index) => {
576 context.fillText(line, 775, 265 + (index * 20)); // 调整行高
577 })
578 })
579 } else {
580 ywrlines.forEach((line, index) => {
581 let currentLine = '';
582 let arr = [];
583 for (let word of line) {
584 const testLine = currentLine + word;
585 const lineWidth = context.measureText(testLine).width;
586 if (lineWidth <= 295) {
587 currentLine = testLine;
588 } else {
589 arr.push(currentLine);
590 currentLine = word;
591 }
592 }
593 arr.push(currentLine);
594 arr.forEach((line, index) => {
595 context.fillText(line, 775, 275 + (index * 20)); // 调整行高
596 })
597 })
598 }
599
600
601
602 let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : []; 557 let lines2 = this.bdcqz.zl ? this.bdcqz.zl.split(' ') : [];
603 if (getByteLen(this.bdcqz.zl) > 37) { 558 if (getByteLen(this.bdcqz.zl) > 37) {
604 lines2.forEach((line, index) => { 559 lines2.forEach((line, index) => {
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-09-21 10:18:57 4 * @LastEditTime: 2024-01-17 17:30:08
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
8 <!-- 表单部分 --> 8 <!-- 表单部分 -->
9 <div class="from-clues-header"> 9 <div class="from-clues-header">
10 <el-form :model="queryForm" ref="queryForm" label-width="90px"> 10 <el-form :model="queryForm" ref="queryForm" label-width="100px">
11 <el-row style="margin-bottom:10px"> 11 <el-row style="margin-bottom:10px">
12 <el-col :span="5"> 12 <el-col :span="6">
13 <el-form-item label="不动产单元号" label-width="110px"> 13 <el-form-item label="不动产单元号">
14 <el-input 14 <el-input
15 placeholder="请输入不动产单元号" 15 placeholder="请输入不动产单元号"
16 maxlength="28" 16 maxlength="28"
...@@ -19,12 +19,12 @@ ...@@ -19,12 +19,12 @@
19 class="width100"></el-input> 19 class="width100"></el-input>
20 </el-form-item> 20 </el-form-item>
21 </el-col> 21 </el-col>
22 <el-col :span="5"> 22 <el-col :span="6">
23 <el-form-item label="查封机关"> 23 <el-form-item label="查封机关">
24 <el-input placeholder="请输入查封机关" v-model="queryForm.cfjg" clearable class="width100"></el-input> 24 <el-input placeholder="请输入查封机关" v-model="queryForm.cfjg" clearable class="width100"></el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
27 <el-col :span="5"> 27 <el-col :span="6">
28 <el-form-item label="查封文号"> 28 <el-form-item label="查封文号">
29 <el-input 29 <el-input
30 placeholder="请输入不动产权证号" 30 placeholder="请输入不动产权证号"
...@@ -34,13 +34,26 @@ ...@@ -34,13 +34,26 @@
34 </el-form-item> 34 </el-form-item>
35 </el-col> 35 </el-col>
36 <el-col :span="6"> 36 <el-col :span="6">
37 <el-form-item label="坐落" label-width="50px"> 37 <el-form-item label="坐落">
38 <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width100"></el-input> 38 <el-input placeholder="请输入坐落" v-model="queryForm.zl" clearable class="width100"></el-input>
39 </el-form-item> 39 </el-form-item>
40 </el-col> 40 </el-col>
41 <el-col :span="3" class="btnColRight"> 41 <el-col :span="6">
42 <el-form-item label="权利人">
43 <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
44 </el-input>
45 </el-form-item>
46 </el-col>
47 <el-col :span="6">
48 <el-form-item label="证件号">
49 <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
50 </el-input>
51 </el-form-item>
52 </el-col>
53 <el-col :span="12" class="btnColRight">
42 <el-form-item> 54 <el-form-item>
43 <el-button type="primary" @click="queryClick">查询</el-button> 55 <el-button type="primary" @click="queryClick">查询</el-button>
56 <el-button type="primary" @click="resetForm(true)">重置</el-button>
44 </el-form-item> 57 </el-form-item>
45 </el-col> 58 </el-col>
46 </el-row> 59 </el-row>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-11-16 14:06:51 4 * @LastEditTime: 2024-01-17 17:20:34
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -74,23 +74,36 @@ ...@@ -74,23 +74,36 @@
74 </div> 74 </div>
75 <div v-show="activeName == 'dz'"> 75 <div v-show="activeName == 'dz'">
76 <div class="from-clues-header"> 76 <div class="from-clues-header">
77 <el-form :model="querydzForm" ref="querydzForm" label-width="110px"> 77 <el-form :model="querydzForm" ref="querydzForm" label-width="80px">
78 <el-row> 78 <el-row>
79 <el-col :span="7"> 79 <el-col :span="6">
80 <el-form-item label="宗地代码"> 80 <el-form-item label="宗地代码">
81 <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable> 81 <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable>
82 </el-input> 82 </el-input>
83 </el-form-item> 83 </el-form-item>
84 </el-col> 84 </el-col>
85 <el-col :span="7"> 85 <el-col :span="6">
86 <el-form-item label="坐落"> 86 <el-form-item label="坐落">
87 <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> 87 <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable>
88 </el-input> 88 </el-input>
89 </el-form-item> 89 </el-form-item>
90 </el-col> 90 </el-col>
91 <el-col :span="10" class="btnColRight"> 91 <el-col :span="6">
92 <el-form-item label="权利人">
93 <el-input placeholder="请输入权利人" v-model="querydzForm.qlr" clearable>
94 </el-input>
95 </el-form-item>
96 </el-col>
97 <el-col :span="6">
98 <el-form-item label="证件号">
99 <el-input placeholder="请输入证件号" v-model="querydzForm.zjh" clearable>
100 </el-input>
101 </el-form-item>
102 </el-col>
103 <el-col :span="24" class="btnColRight">
92 <el-form-item> 104 <el-form-item>
93 <el-button type="primary" @click="handleSearch">查询</el-button> 105 <el-button type="primary" @click="handleSearch">查询</el-button>
106 <el-button type="primary" @click="resetFormDz(true)">重置</el-button>
94 </el-form-item> 107 </el-form-item>
95 </el-col> 108 </el-col>
96 </el-row> 109 </el-row>
...@@ -139,10 +152,10 @@ ...@@ -139,10 +152,10 @@
139 bdcqzh: '' 152 bdcqzh: ''
140 }, 153 },
141 querydzForm: { 154 querydzForm: {
142 qllx: '', 155 zddm: '',
143 bdcdyh: '', 156 zl: '',
144 ywh: '', 157 qlr: '',
145 bdcqzh: '' 158 zjh: ''
146 }, 159 },
147 zrztableData: { 160 zrztableData: {
148 total: 0, 161 total: 0,
...@@ -183,6 +196,16 @@ ...@@ -183,6 +196,16 @@
183 } 196 }
184 }, 197 },
185 methods: { 198 methods: {
199 resetFormDz () {
200 this.querydzForm = {
201 zddm: '',
202 zl: '',
203 qlr: '',
204 zjh: ''
205 }
206 this.pageData.currentPage = 1;
207 this.queryClick()
208 },
186 /** 209 /**
187 * @description: queryClick 210 * @description: queryClick
188 * @author: renchao 211 * @author: renchao
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-11-16 14:07:17 4 * @LastEditTime: 2024-01-17 17:25:09
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -9,21 +9,34 @@ ...@@ -9,21 +9,34 @@
9 <div class="from-clues-header"> 9 <div class="from-clues-header">
10 <el-form :model="queryForm" ref="queryForm" label-width="100px"> 10 <el-form :model="queryForm" ref="queryForm" label-width="100px">
11 <el-row> 11 <el-row>
12 <el-col :span="8"> 12 <el-col :span="6">
13 <el-form-item label="不动产单元号"> 13 <el-form-item label="不动产单元号">
14 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100"> 14 <el-input placeholder="请输入不动产单元号" maxlength="28" v-model="queryForm.bdcdyh" clearable class="width100">
15 </el-input> 15 </el-input>
16 </el-form-item> 16 </el-form-item>
17 </el-col> 17 </el-col>
18 <el-col :span="8"> 18 <el-col :span="6">
19 <el-form-item label="坐落" label-width="60px"> 19 <el-form-item label="坐落" label-width="60px">
20 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100"> 20 <el-input placeholder="请输入坐落" v-model.trim="queryForm.zl" clearable class="width100">
21 </el-input> 21 </el-input>
22 </el-form-item> 22 </el-form-item>
23 </el-col> 23 </el-col>
24 <el-col :span="6">
25 <el-form-item label="权利人">
26 <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
27 </el-input>
28 </el-form-item>
29 </el-col>
30 <el-col :span="6">
31 <el-form-item label="证件号">
32 <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
33 </el-input>
34 </el-form-item>
35 </el-col>
24 <el-col :span="8" class="btnColRight"> 36 <el-col :span="8" class="btnColRight">
25 <el-form-item> 37 <el-form-item>
26 <el-button type="primary" @click="handleSearch">查询</el-button> 38 <el-button type="primary" @click="handleSearch">查询</el-button>
39 <el-button type="primary" @click="resetForm(true)">重置</el-button>
27 </el-form-item> 40 </el-form-item>
28 </el-col> 41 </el-col>
29 </el-row> 42 </el-row>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2024-01-17 16:13:04 4 * @LastEditTime: 2024-01-17 17:24:47
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 主体权利信息查询 --> 7 <!-- 主体权利信息查询 -->
8 <div class="from-clues"> 8 <div class="from-clues">
9 <!-- 表单部分 --> 9 <!-- 表单部分 -->
10 <div class="from-clues-header"> 10 <div class="from-clues-header">
11 <el-form :model="queryForm" ref="queryForm"> 11 <el-form :model="queryForm" ref="queryForm" label-width="100px">
12 <el-row> 12 <el-row>
13 <el-col :span="5"> 13 <el-col :span="6">
14 <el-form-item label="权利类型" label-width="70px"> 14 <el-form-item label="权利类型">
15 <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型"> 15 <el-select v-model="queryForm.qllx" class="width100" filterable clearable placeholder="请选择权利类型">
16 <el-option v-for="item in qllxList" :key="item.dcode" :label="item.dname" :value="item.dcode"> 16 <el-option v-for="item in qllxList" :key="item.dcode" :label="item.dname" :value="item.dcode">
17 </el-option> 17 </el-option>
...@@ -24,21 +24,34 @@ ...@@ -24,21 +24,34 @@
24 </el-input> 24 </el-input>
25 </el-form-item> 25 </el-form-item>
26 </el-col> 26 </el-col>
27 <el-col :span="5"> 27 <el-col :span="6">
28 <el-form-item label="业务号"> 28 <el-form-item label="业务号">
29 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable> 29 <el-input placeholder="请输入业务号" v-model="queryForm.ywh" clearable>
30 </el-input> 30 </el-input>
31 </el-form-item> 31 </el-form-item>
32 </el-col> 32 </el-col>
33 <el-col :span="5"> 33 <el-col :span="6">
34 <el-form-item label="不动产权证号"> 34 <el-form-item label="不动产权证号">
35 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable> 35 <el-input placeholder="请输入不动产权证号" v-model="queryForm.bdcqzh" clearable>
36 </el-input> 36 </el-input>
37 </el-form-item> 37 </el-form-item>
38 </el-col> 38 </el-col>
39 <el-col :span="3" class="btnColRight"> 39 <el-col :span="6">
40 <el-form-item label="权利人">
41 <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
42 </el-input>
43 </el-form-item>
44 </el-col>
45 <el-col :span="6">
46 <el-form-item label="证件号">
47 <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
48 </el-input>
49 </el-form-item>
50 </el-col>
51 <el-col :span="12" class="btnColRight">
40 <el-form-item> 52 <el-form-item>
41 <el-button type="primary" @click="handleSearch">查询</el-button> 53 <el-button type="primary" @click="handleSearch">查询</el-button>
54 <el-button type="primary" @click="resetForm(true)">重置</el-button>
42 </el-form-item> 55 </el-form-item>
43 </el-col> 56 </el-col>
44 </el-row> 57 </el-row>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-11-16 14:16:58 4 * @LastEditTime: 2024-01-17 17:26:18
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 主体权利信息查询 --> 7 <!-- 主体权利信息查询 -->
...@@ -24,13 +24,26 @@ ...@@ -24,13 +24,26 @@
24 </el-col> 24 </el-col>
25 <el-col :span="6"> 25 <el-col :span="6">
26 <el-form-item label="坐落"> 26 <el-form-item label="坐落">
27 <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100"> 27 <el-input placeholder="坐落" v-model.trim="queryForm.zl" clearable class="width100">
28 </el-input> 28 </el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 <el-col :span="6" class="btnColRight"> 31 <el-col :span="6">
32 <el-form-item label="权利人">
33 <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
34 </el-input>
35 </el-form-item>
36 </el-col>
37 <el-col :span="6">
38 <el-form-item label="证件号">
39 <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
40 </el-input>
41 </el-form-item>
42 </el-col>
43 <el-col :span="18" class="btnColRight">
32 <el-form-item> 44 <el-form-item>
33 <el-button type="primary" @click="handleSearch">查询</el-button> 45 <el-button type="primary" @click="handleSearch">查询</el-button>
46 <el-button type="primary" @click="resetForm(true)">重置</el-button>
34 </el-form-item> 47 </el-form-item>
35 </el-col> 48 </el-col>
36 </el-row> 49 </el-row>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-11-16 14:17:20 4 * @LastEditTime: 2024-01-17 17:27:24
5 --> 5 -->
6 <template> 6 <template>
7 <!-- 主体权利信息查询 --> 7 <!-- 主体权利信息查询 -->
...@@ -24,13 +24,26 @@ ...@@ -24,13 +24,26 @@
24 </el-col> 24 </el-col>
25 <el-col :span="6"> 25 <el-col :span="6">
26 <el-form-item label="坐落"> 26 <el-form-item label="坐落">
27 <el-input placeholder="" v-model.trim="queryForm.zl" clearable class="width100"> 27 <el-input placeholder="坐落" v-model.trim="queryForm.zl" clearable class="width100">
28 </el-input> 28 </el-input>
29 </el-form-item> 29 </el-form-item>
30 </el-col> 30 </el-col>
31 <el-col :span="6" class="btnColRight"> 31 <el-col :span="6">
32 <el-form-item label="权利人">
33 <el-input placeholder="请输入权利人" v-model.trim="queryForm.qlr" clearable class="width100">
34 </el-input>
35 </el-form-item>
36 </el-col>
37 <el-col :span="6">
38 <el-form-item label="证件号">
39 <el-input placeholder="请输入证件号" v-model.trim="queryForm.zjh" clearable class="width100">
40 </el-input>
41 </el-form-item>
42 </el-col>
43 <el-col :span="18" class="btnColRight">
32 <el-form-item> 44 <el-form-item>
33 <el-button type="primary" @click="handleSearch">查询</el-button> 45 <el-button type="primary" @click="handleSearch">查询</el-button>
46 <el-button type="primary" @click="resetForm(true)">重置</el-button>
34 </el-form-item> 47 </el-form-item>
35 </el-col> 48 </el-col>
36 </el-row> 49 </el-row>
......
1 <!-- 1 <!--
2 * @Description: 2 * @Description:
3 * @Autor: renchao 3 * @Autor: renchao
4 * @LastEditTime: 2023-10-24 15:04:30 4 * @LastEditTime: 2024-01-17 17:15:13
5 --> 5 -->
6 <template> 6 <template>
7 <div class="from-clues"> 7 <div class="from-clues">
...@@ -74,23 +74,36 @@ ...@@ -74,23 +74,36 @@
74 </div> 74 </div>
75 <div v-show="activeName == 'dz'"> 75 <div v-show="activeName == 'dz'">
76 <div class="from-clues-header"> 76 <div class="from-clues-header">
77 <el-form :model="querydzForm" ref="querydzForm" label-width="110px"> 77 <el-form :model="querydzForm" ref="querydzForm" label-width="90px">
78 <el-row> 78 <el-row>
79 <el-col :span="7"> 79 <el-col :span="6">
80 <el-form-item label="宗地代码"> 80 <el-form-item label="宗地代码">
81 <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable> 81 <el-input placeholder="请输入宗地代码" v-model="querydzForm.zddm" clearable>
82 </el-input> 82 </el-input>
83 </el-form-item> 83 </el-form-item>
84 </el-col> 84 </el-col>
85 <el-col :span="7"> 85 <el-col :span="6">
86 <el-form-item label="坐落"> 86 <el-form-item label="坐落">
87 <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable> 87 <el-input placeholder="请输入土地坐落" v-model="querydzForm.zl" clearable>
88 </el-input> 88 </el-input>
89 </el-form-item> 89 </el-form-item>
90 </el-col> 90 </el-col>
91 <el-col :span="10" class="btnColRight"> 91 <el-col :span="6">
92 <el-form-item label="权利人">
93 <el-input placeholder="请输入权利人" v-model="querydzForm.qlr" clearable>
94 </el-input>
95 </el-form-item>
96 </el-col>
97 <el-col :span="6">
98 <el-form-item label="证件号">
99 <el-input placeholder="请输入证件号" v-model="querydzForm.zjh" clearable>
100 </el-input>
101 </el-form-item>
102 </el-col>
103 <el-col :span="24" class="btnColRight">
92 <el-form-item> 104 <el-form-item>
93 <el-button type="primary" @click="handleSearch">查询</el-button> 105 <el-button type="primary" @click="handleSearch">查询</el-button>
106 <el-button type="primary" @click="resetFormDz(true)">重置</el-button>
94 </el-form-item> 107 </el-form-item>
95 </el-col> 108 </el-col>
96 </el-row> 109 </el-row>
...@@ -139,10 +152,10 @@ ...@@ -139,10 +152,10 @@
139 bdcqzh: '' 152 bdcqzh: ''
140 }, 153 },
141 querydzForm: { 154 querydzForm: {
142 qllx: '', 155 zddm: '',
143 bdcdyh: '', 156 zl: '',
144 ywh: '', 157 qlr: '',
145 bdcqzh: '' 158 zjh: ''
146 }, 159 },
147 zrztableData: { 160 zrztableData: {
148 total: 0, 161 total: 0,
...@@ -183,6 +196,16 @@ ...@@ -183,6 +196,16 @@
183 } 196 }
184 }, 197 },
185 methods: { 198 methods: {
199 resetFormDz () {
200 this.querydzForm = {
201 zddm: '',
202 zl: '',
203 qlr: '',
204 zjh: ''
205 }
206 this.pageData.currentPage = 1;
207 this.queryClick()
208 },
186 /** 209 /**
187 * @description: queryClick 210 * @description: queryClick
188 * @author: renchao 211 * @author: renchao
......