<div class="white-bg padding-lg">
|
<div class="margin-top">
|
<div class="ibox">
|
<div class="ibox-title">
|
<h5>
|
广告合同汇总表
|
</h5>
|
</div>
|
<div class="ibox-content">
|
<div class="row">
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label for="contractNameLike">合同名称</label>
|
<input type="text" class="form-control" id="contractNameLike"
|
v-model="advertisementSummaryInfo.conditions.contractNameLike"
|
placeholder="请输入合同名称">
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label for="contractCode">合同编号</label>
|
<input type="text" class="form-control" id="contractCode"
|
v-model="advertisementSummaryInfo.conditions.contractCode"
|
placeholder="请输入合同编号">
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label for="contractType">合同类型</label>
|
<select class="form-control" id="contractType"
|
v-model="advertisementSummaryInfo.conditions.contractType">
|
<option value="">全部</option>
|
<option v-for="(item, index) in advertisementSummaryInfo.contractTypes" :key="index"
|
v-bind:value="item.contractType">
|
{{item.contractTypeName}}
|
</option>
|
</select>
|
</div>
|
</div>
|
<div class="col-sm-3">
|
<div class="form-group">
|
<label for="state">合同状态</label>
|
<select class="form-control" id="state"
|
v-model="advertisementSummaryInfo.conditions.state">
|
<option value="">全部</option>
|
<option value="1000">草稿</option>
|
<option value="2000">生效</option>
|
<option value="3000">过期</option>
|
<option value="4000">终止</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
<div class="row">
|
<div class="col-sm-12 text-right">
|
<button type="button" class="btn btn-primary btn-md" v-on:click="_queryContractMethod()">
|
<i class="fa fa-search"></i>
|
查询
|
</button>
|
<button type="button" class="btn btn-primary btn-md" v-on:click="_resetContractMethod()">
|
<i class="fa fa-repeat"></i>
|
重置
|
</button>
|
<button type="button" class="btn btn-primary btn-md" v-on:click="_openAddContractModal()">
|
<i class="fa fa-plus"></i>
|
添加合同
|
</button>
|
<button type="button" class="btn btn-primary btn-md" v-on:click="_openImportContractModal()">
|
<i class="fa fa-upload"></i>
|
导入数据
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="margin-top">
|
<div>
|
<div class="hc-table-div">
|
<table class="table table-bordered" data-page-size="15">
|
<thead>
|
<tr>
|
<th class="text-center">序号</th>
|
<th class="text-center">合同编号</th>
|
<th class="text-center">合同名称</th>
|
<th class="text-center">合同类型</th>
|
<th class="text-center">合同状态</th>
|
<th class="text-center">操作</th>
|
</tr>
|
</thead>
|
<tbody>
|
<tr v-for="(contract, index) in advertisementSummaryInfo.contracts" :key="contract.contractId">
|
<td class="text-center">{{index + 1}}</td>
|
<td class="text-center">{{contract.contractCode}}</td>
|
<td class="text-center">{{contract.contractName}}</td>
|
<td class="text-center">{{contract.contractTypeName}}</td>
|
<td class="text-center">
|
<span v-if="contract.state === '1000'" class="label label-info">草稿</span>
|
<span v-else-if="contract.state === '2000'" class="label label-success">生效</span>
|
<span v-else-if="contract.state === '3000'" class="label label-warning">过期</span>
|
<span v-else-if="contract.state === '4000'" class="label label-danger">终止</span>
|
<span v-else class="label label-default">未知</span>
|
</td>
|
<td class="text-center">
|
<button type="button" class="btn btn-xs btn-info"
|
v-on:click="_openEditContractModel(contract)">编辑</button>
|
<button type="button" class="btn btn-xs btn-danger"
|
v-on:click="_openDeleteContractModel(contract)">删除</button>
|
</td>
|
</tr>
|
<tr v-if="advertisementSummaryInfo.contracts.length == 0">
|
<td colspan="6" style="text-align: center; color: #999;">
|
暂无数据
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
</div>
|
</div>
|
<div class="row margin-top-xs">
|
<div class="col-sm-12 float-right">
|
<vc:create path="frame/pagination"></vc:create>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
<!-- 广告合同导入弹窗 -->
|
<div class="modal fade" id="importContractModel" tabindex="-1" role="dialog" aria-labelledby="importContractModelLabel" aria-hidden="true">
|
<div class="modal-dialog modal-lg" role="document">
|
<div class="modal-content">
|
<div class="modal-body">
|
<h3 class="m-t-none m-b">
|
广告合同数据导入
|
</h3>
|
<div class="ibox-content">
|
<div>
|
<div class="form-group row">
|
<label class="col-sm-2 col-form-label">选择文件</label>
|
<div class="col-sm-10">
|
<div class="input-group">
|
<input type="text" class="form-control"
|
:value="advertisementSummaryInfo.importExcelFile==''?'必填，请选择数据文件':advertisementSummaryInfo.importExcelFile.name"
|
readonly>
|
<div class="input-group-append">
|
<button class="btn btn-outline-secondary" type="button"
|
onclick="document.getElementById('importExcelFile').click()">
|
文件
|
</button>
|
</div>
|
<input id="importExcelFile" ref="importExcelFile" type="file"
|
class="form-control d-none" name="importExcelFile"
|
v-on:change="_getExcelTemplate($event)" accept=".xls,.xlsx">
|
</div>
|
</div>
|
</div>
|
<div class="form-group row">
|
<label class="col-sm-2 col-form-label">下载模板</label>
|
<div class="col-sm-10">
|
请先下载
|
<a href="javascript:void(0)" @click="_exportContractTemplate()">
|
广告合同导入模板
|
</a>
|
准备数据后，上传导入
|
<div class="mt-2 text-muted">
|
<small>
|
提示：模板包含 "广告合同汇总表" sheet，请在对应sheet中填写数据
|
</small>
|
</div>
|
</div>
|
</div>
|
<div class="ibox-content">
|
<button class="btn btn-primary float-right" type="button" v-on:click="_importContractData()">
|
<i class="fa fa-check"></i> 导入
|
</button>
|
<button type="button" class="btn btn-warning float-right" style="margin-right:20px;" data-dismiss="modal">
|
<i class="fa fa-close"></i> 取消
|
</button>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
