<template>
    <div class="main">
        <div class="header">
            <el-form :inline="true" :model="companyQurey">
                <el-form-item>
                    <el-select v-model="type" placeholder="合同类别">
                        <el-option
                            v-for="item in typeList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-select v-model="type" placeholder="合同性质">
                        <el-option
                            v-for="item in typeList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-select v-model="type" placeholder="合同状态">
                        <el-option
                            v-for="item in typeList"
                            :key="item.value"
                            :label="item.label"
                            :value="item.value">
                        </el-option>
                    </el-select>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" icon="el-icon-search" @click="qurey()">查询</el-button>
                    <el-button type="primary" icon="el-icon-refresh-right" @click="reset()">重置</el-button>
                    <el-button type="success" icon="el-icon-circle-plus-outline" @click="addcompany()">添加合同</el-button>
                </el-form-item>
            </el-form>
        </div>
        <div class="container">
            <el-table
                :data="contractList"
                style="width: 100%;text-align: center;"
                border>
                <el-table-column  label="编号" width="50px"/>
                <el-table-column prop="companyName" label="状态"/>
                <el-table-column prop="companyAddress" label="合同编号" width="150px"/>
                <el-table-column prop="companyPhone" label="合同名称"/>
                <el-table-column prop="companyCreateTime" label="合同类别"/>
                <el-table-column prop="companyInformation" label="合同性质"/>
                <el-table-column prop="companyCreateTime" label="合同金额/元"/>
                <el-table-column prop="companyCreateTime" label="签定人"/>
                <el-table-column prop="companyCreateTime" label="保管人"/>
                <el-table-column prop="companyCreateTime" label="签订时间"/>
                <el-table-column prop="companyCreateTime" label="操作"/>
                
            </el-table>
        </div>
    </div>
</template>
<script>
export default {
    data() {
        return {
            companyQurey: {},
            contractList: [],
            typeList: [],
            type: ''
        }
    }
}
</script>
<style scoped>
    .main {
        padding: 15px;
    }
</style>
