|  |  |  | 
|---|
|  |  |  | <TableLayout :permissions="['business:demandrecord:query']"> | 
|---|
|  |  |  | <!-- 搜索表单 --> | 
|---|
|  |  |  | <el-form ref="searchForm" slot="search-form" :model="searchForm" label-width="100px" inline> | 
|---|
|  |  |  | <el-form-item label="应用名称" prop="applicationId"> | 
|---|
|  |  |  | <el-input v-model="searchForm.applicationId" placeholder="请输入应用名称" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | <el-form-item label="应用名称" prop="applicationName"> | 
|---|
|  |  |  | <el-input v-model="searchForm.applicationName" placeholder="请输入应用名称" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="需求提出者" prop="linkName"> | 
|---|
|  |  |  | <el-input v-model="searchForm.linkName" placeholder="请输入联系人姓名" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | <el-input v-model="searchForm.linkName" placeholder="请输入需求提出者姓名" @keypress.enter.native="search"></el-input> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <el-form-item label="提交时间" prop="createDate"> | 
|---|
|  |  |  | <el-date-picker v-model="searchForm.createDate" value-format="yyyy-MM-dd" placeholder="请选择提交时间" @change="search"/> | 
|---|
|  |  |  | <el-date-picker | 
|---|
|  |  |  | v-model="time" | 
|---|
|  |  |  | type="daterange" | 
|---|
|  |  |  | range-separator="至" | 
|---|
|  |  |  | @change="getTime" | 
|---|
|  |  |  | value-format="yyyy-MM-dd" | 
|---|
|  |  |  | start-placeholder="开始日期" | 
|---|
|  |  |  | end-placeholder="结束日期"> | 
|---|
|  |  |  | </el-date-picker> | 
|---|
|  |  |  | </el-form-item> | 
|---|
|  |  |  | <section> | 
|---|
|  |  |  | <el-button type="primary" @click="search">搜索</el-button> | 
|---|
|  |  |  | 
|---|
|  |  |  | :data="tableData.list" | 
|---|
|  |  |  | stripe | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <el-table-column prop="applicationId" label="应用名称" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="companyId" label="需求企业" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="applicationName" label="应用名称" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="companyName" label="需求企业" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="linkName" label="联系人姓名" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="linkPhone" label="联系人电话" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="details" label="描述" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column prop="createDate" label="提交时间" min-width="100px"></el-table-column> | 
|---|
|  |  |  | <el-table-column | 
|---|
|  |  |  | v-if="containPermissions(['business:demandrecord:update', 'business:demandrecord:delete'])" | 
|---|
|  |  |  | label="操作" | 
|---|
|  |  |  | min-width="120" | 
|---|
|  |  |  | fixed="right" | 
|---|
|  |  |  | > | 
|---|
|  |  |  | <template slot-scope="{row}"> | 
|---|
|  |  |  | <el-button type="text" @click="$refs.operaDemandRecordWindow.open('编辑需求记录', row)" icon="el-icon-edit" v-permissions="['business:demandrecord:update']">编辑</el-button> | 
|---|
|  |  |  | <el-button type="text" @click="deleteById(row)" icon="el-icon-delete" v-permissions="['business:demandrecord:delete']">删除</el-button> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </el-table-column> | 
|---|
|  |  |  | </el-table> | 
|---|
|  |  |  | <pagination | 
|---|
|  |  |  | @size-change="handleSizeChange" | 
|---|
|  |  |  | 
|---|
|  |  |  | return { | 
|---|
|  |  |  | // 搜索 | 
|---|
|  |  |  | searchForm: { | 
|---|
|  |  |  | id: '', | 
|---|
|  |  |  | creator: '', | 
|---|
|  |  |  | createDate: '', | 
|---|
|  |  |  | editor: '', | 
|---|
|  |  |  | editDate: '', | 
|---|
|  |  |  | isdeleted: '', | 
|---|
|  |  |  | status: '', | 
|---|
|  |  |  | remark: '', | 
|---|
|  |  |  | applicationId: '', | 
|---|
|  |  |  | companyId: '', | 
|---|
|  |  |  | applicationName: '', | 
|---|
|  |  |  | linkName: '', | 
|---|
|  |  |  | linkPhone: '', | 
|---|
|  |  |  | details: '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | startDate: '', | 
|---|
|  |  |  | endDate: '' | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | time: [] | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | created () { | 
|---|
|  |  |  | 
|---|
|  |  |  | 'field.main': 'id' | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | methods: { | 
|---|
|  |  |  | getTime(e) { | 
|---|
|  |  |  | if (e && e.length > 0) { | 
|---|
|  |  |  | this.searchForm.startDate = e[0] | 
|---|
|  |  |  | this.searchForm.endDate = e[1] | 
|---|
|  |  |  | } else { | 
|---|
|  |  |  | this.searchForm.startDate = '' | 
|---|
|  |  |  | this.searchForm.endDate = '' | 
|---|
|  |  |  | } | 
|---|
|  |  |  | this.search() | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </script> | 
|---|