tanxf

src/pages/Customer/ContractManagement.vue

@@ -1,4 +1,89 @@
 // 合同管理
-<template lang="pug">
-h1 合同管理
-</template>
+<template>
+  <el-table
+    :data="tableData"
+    border
+    style="width: 100%">
+    <el-table-column
+      prop="address"
+      label="合同编号"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="name"
+      label="地址"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="province"
+      label="出租人"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="city"
+      label="合同状态"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="date"
+      label="签约日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="zip"
+      label="合同终止日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="remarks"
+      label="提前终止日期"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="remarks"
+      label="收租方式"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="remarks"
+      label="租金单价(/月)"
+      >
+    </el-table-column>
+    <el-table-column
+      prop="remarks"
+      label="备注"
+      >
+    </el-table-column>
+    <el-table-column
+      label="操作"
+      >
+      <template scope="">
+        <el-button type="text" size="small">编辑</el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+</template>
+
+<script>
+  export default {
+    methods: {
+      handleClick(row) {
+        console.log(row);
+      }
+    },
+
+    data() {
+      return {
+        tableData: [{
+          date: '2016-05-02',
+          name: '1001',
+          province: '上海',
+          city: '普陀区',
+          address: '上海市普陀区金沙江路 1518 弄',
+          zip: '-',
+          remarks: '11111'
+        }]
+      }
+    }
+  }
+</script>