|
|
@@ -5,21 +5,21 @@
|
|
|
class="mb-20"
|
|
|
style="min-height: 430px; padding: 0; width: 99%"
|
|
|
>
|
|
|
- <info :info="info"></info>
|
|
|
+ <info :info="detail"></info>
|
|
|
</el-card>
|
|
|
<el-card
|
|
|
shadow="hover"
|
|
|
class="mb-20"
|
|
|
style="min-height: 430px; padding: 0; width: 99%"
|
|
|
>
|
|
|
- <info2 :info="info"></info2>
|
|
|
+ <info2 :info="detail"></info2>
|
|
|
</el-card>
|
|
|
<el-card
|
|
|
shadow="hover"
|
|
|
class="mb-20"
|
|
|
style="min-height: 430px; padding: 0; width: 99%"
|
|
|
>
|
|
|
- <info3 :info="info"></info3>
|
|
|
+ <info3 :info="detail"></info3>
|
|
|
</el-card>
|
|
|
</div>
|
|
|
</template>
|
|
|
@@ -35,7 +35,26 @@ import info2 from '@/views/contract/component/info2.vue'
|
|
|
import info3 from '@/views/contract/component/info3.vue'
|
|
|
|
|
|
export default {
|
|
|
- components: { info, info2, info3 }
|
|
|
+ components: { info, info2, info3 },
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ id: '',
|
|
|
+ detail: null
|
|
|
+ }
|
|
|
+ },
|
|
|
+ created() {
|
|
|
+ this.id = this.$route.query.id
|
|
|
+ this.getDetail()
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getDetail() {
|
|
|
+ this.$api.contract.detail({ id: this.id }).then(res => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.detail = res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
|