update:新增评估页面和协议页面

This commit is contained in:
2021-09-10 11:54:19 +08:00
parent 5a6732ea5a
commit a64c80f238
67 changed files with 415 additions and 98 deletions

View File

@@ -20,7 +20,7 @@
</div>
<!-- 背景图 -->
<div class="background" @click="handle()">
<img src="../assets/background.png" alt="" />
<img src="../assets/image/background.png" alt="" />
</div>
<!-- 标题 -->
<el-card>
@@ -28,29 +28,29 @@
<!-- 曙光一村 -->
<div>
<div>
<img src="../assets/window.png" alt="" />
<img src="../assets/image/window.png" alt="" />
</div>
<span>曙光一村地块</span>
<div>
<img src="../assets/xieyi.png" alt="" />
<img src="../assets/image/xieyi.png" alt="" />
</div>
</div>
<!-- 征收信息 -->
<div>
<div class="flex">
<img src="../assets/01zhushuju_hangzhengquyu@3x.png" alt="" />
<img src="../assets/image/01zhushuju_hangzhengquyu@3x.png" alt="" />
<span>项目所在区域{{ this.source.region }}</span>
</div>
<div class="flex">
<img src="../assets/bumenguanli-3@3x.png" alt="" />
<img src="../assets/image/bumenguanli-3@3x.png" alt="" />
<span>征收部门{{ this.source.section }}</span>
</div>
<div class="flex">
<img src="../assets/yanchurili@3x.png" alt="" />
<img src="../assets/image/yanchurili@3x.png" alt="" />
<span>所属年份{{ this.source.date }}</span>
</div>
<div class="flex">
<img src="../assets/918caidan_wenjian@3x.png" alt="" />
<img src="../assets/image/918caidan_wenjian@3x.png" alt="" />
<span
>征收决定号<span style="color:blue">{{
this.source.number
@@ -62,11 +62,11 @@
<div>
<div>
<div>
<img src="../assets/pingu.png" alt="" />
<img src="../assets/image/pingu.png" alt="" />
</div>
<span>分户评估结果</span>
<div @click="evaluate()">
<img src="../assets/jiantou.png" alt="" />
<img src="../assets/image/jiantou.png" alt="" />
</div>
</div>
<div>
@@ -91,11 +91,11 @@
<div>
<div>
<div>
<img src="../assets/xy.png" alt="" />
<img src="../assets/image/xy.png" alt="" />
</div>
<span>补偿协议</span>
<div @click="compensate()">
<img src="../assets/jiantou.png" alt="" />
<img src="../assets/image/jiantou.png" alt="" />
</div>
</div>
<div>
@@ -124,7 +124,7 @@
</el-card>
<!-- 图片跳转 -->
<div>
<img src="../assets/zhengshou.png" alt="" />
<img src="../assets/image/zhengshou.png" alt="" />
</div>
<!-- 征收政策 -->
<div>
@@ -234,7 +234,7 @@ export default {
<style lang="less" scoped>
.container {
background-color: #f0f9fb;
background: url('../assets/3.png') no-repeat;
background: url('../assets/image/3.png') no-repeat;
background-size: 100%;
.top {
padding: 10px;
@@ -245,7 +245,7 @@ export default {
> :nth-child(1) {
height: 30px;
background-size: auto 100%;
background-image: url('../assets/person.png');
background-image: url('../assets/image/person.png');
z-index: 99;
background-repeat: no-repeat;
}
@@ -266,15 +266,15 @@ export default {
background-repeat: no-repeat;
}
> :nth-child(1) {
background: url('../assets/middle1.png') no-repeat;
background: url('../assets/image/middle1.png') no-repeat;
background-size: auto 100%;
}
> :nth-child(2) {
background: url('../assets/middle2.png') no-repeat;
background: url('../assets/image/middle2.png') no-repeat;
background-size: auto 100%;
}
> :nth-child(3) {
background: url('../assets/middle3.png') no-repeat;
background: url('../assets/image/middle3.png') no-repeat;
background-size: auto 100%;
}
}
@@ -293,7 +293,7 @@ export default {
.content {
background-color: #ffffff;
> :nth-child(1) {
background: url('../assets/3.png') no-repeat;
background: url('../assets/image/3.png') no-repeat;
background-size: 100%;
display: flex;
justify-content: space-between;
@@ -366,7 +366,7 @@ export default {
// padding: 10px;
> :nth-child(1) {
width: 10%;
background: url('../assets/shuxian0.png') no-repeat;
background: url('../assets/image/shuxian0.png') no-repeat;
background-size: auto 100%;
background-position: center;
}
@@ -411,7 +411,7 @@ export default {
display: flex;
> :nth-child(1) {
width: 10%;
background: url('../assets/shuxian.png') no-repeat;
background: url('../assets/image/shuxian.png') no-repeat;
background-size: auto 100%;
background-position: center;
}