|
|
@@ -1,64 +1,61 @@
|
|
|
<template>
|
|
|
- <div class="app-container">
|
|
|
- <el-card class="fiche">
|
|
|
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList">收起</right-toolbar>
|
|
|
- <span style="margin-bottom: 10px;color:#333333;font:14px Helvetica Neue, Helvetica, PingFang SC, Tahoma, Arial,sans-serif">所选条件:</span>
|
|
|
- <div style="float: right;margin-right:1%">
|
|
|
- <el-button type="cyan" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
|
|
- <el-button icon="el-icon-refresh" size="mini" @click="resetQuery" style="float: ;">重置</el-button>
|
|
|
- <column-setting :checkList="checkList" :tableList="tableList" :selfDom="selfDom" :tableId="tableId"></column-setting>
|
|
|
- </div>
|
|
|
- <hr style="margin-top: 16px;">
|
|
|
- <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
|
|
|
- <el-form-item label="资金方" prop="scyName" >
|
|
|
- <el-input
|
|
|
- v-model="queryParams.scyName"
|
|
|
- placeholder="请输入资金方"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- maxlength="30"
|
|
|
- @keyup.enter.native="handleQuery"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="合同模板名称" prop="zfcName">
|
|
|
- <el-input
|
|
|
- v-model="queryParams.zfcName"
|
|
|
- placeholder="请输入模板名称"
|
|
|
- clearable
|
|
|
- size="small"
|
|
|
- maxlength="20"
|
|
|
- />
|
|
|
- </el-form-item>
|
|
|
- <el-form-item label="合同模板状态" prop="zfcStatus">
|
|
|
- <el-select
|
|
|
- v-model="queryParams.zfcStatus"
|
|
|
- placeholder="请选择合同模板状态"
|
|
|
- clearable
|
|
|
- size="small">
|
|
|
- <el-option
|
|
|
- v-for="dict in statusOptions"
|
|
|
- :key="dict.dictValue"
|
|
|
- :label="dict.dictLabel"
|
|
|
- :value="dict.dictValue"/>
|
|
|
- </el-select>
|
|
|
- </el-form-item>
|
|
|
-
|
|
|
- </el-form>
|
|
|
- </el-card>
|
|
|
- <el-row :gutter="10" class="mb8">
|
|
|
- <el-col :span="1.5">
|
|
|
+ <div class="app-container zap-main">
|
|
|
+ <el-row class="zap-table-search">
|
|
|
+ <div class="zap-padding-end">
|
|
|
+ <right-toolbar style="margin-top: 4px;" :showSearch.sync="showSearch" @queryTable="getList">收起</right-toolbar>
|
|
|
+ <span class="zap-padding-start zap-font-title">所选条件:</span>
|
|
|
+ <div style="float: right;margin-right:1%">
|
|
|
+ <el-button type="cyan" icon="el-icon-search" @click="handleQuery">搜索</el-button>
|
|
|
+ <el-button icon="el-icon-refresh" @click="resetQuery" style="float: ;margin-right: 20px;">重置</el-button>
|
|
|
+ <column-setting :checkList="checkList" :tableList="tableList" :selfDom="selfDom" :tableId="tableId"></column-setting>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <hr style="margin-top: 16px;">
|
|
|
+ <el-form class="zap-table-search__form" :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="100px">
|
|
|
+ <el-form-item label="资金方" prop="scyName" >
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.scyName"
|
|
|
+ placeholder="请输入资金方"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ maxlength="30"
|
|
|
+ @keyup.enter.native="handleQuery"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="合同模板名称" prop="zfcName">
|
|
|
+ <el-input
|
|
|
+ v-model="queryParams.zfcName"
|
|
|
+ placeholder="请输入模板名称"
|
|
|
+ clearable
|
|
|
+ size="small"
|
|
|
+ maxlength="20"
|
|
|
+ />
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="合同模板状态" prop="zfcStatus">
|
|
|
+ <el-select
|
|
|
+ v-model="queryParams.zfcStatus"
|
|
|
+ placeholder="请选择合同模板状态"
|
|
|
+ clearable
|
|
|
+ size="small">
|
|
|
+ <el-option
|
|
|
+ v-for="dict in statusOptions"
|
|
|
+ :key="dict.dictValue"
|
|
|
+ :label="dict.dictLabel"
|
|
|
+ :value="dict.dictValue"/>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </el-row>
|
|
|
+ <div class="zap-content zap-margin-top">
|
|
|
<el-button
|
|
|
type="primary"
|
|
|
icon="el-icon-plus"
|
|
|
- size="mini"
|
|
|
@click="handleAdd"
|
|
|
v-hasPermi="['service:contract:add']"
|
|
|
>新增</el-button>
|
|
|
- </el-col>
|
|
|
-
|
|
|
- </el-row>
|
|
|
+ </div>
|
|
|
|
|
|
- <el-table v-loading="loading" :data="contractList" @selection-change="handleSelectionChange" border>
|
|
|
+ <el-table v-loading="loading" :data="contractList" class="zap-table" @selection-change="handleSelectionChange" stripe>
|
|
|
<el-table-column label="序号" type="index" width="50" align="center">
|
|
|
<template slot-scope="scope">
|
|
|
<span>{{(queryParams.pageNum - 1) * queryParams.pageSize + scope.$index + 1}}</span>
|
|
|
@@ -66,7 +63,7 @@
|
|
|
</el-table-column>
|
|
|
<el-table-column label="资金方" align="center" prop="scyName" :show-overflow-tooltip="true" v-if="uncheckList.scyName"/>
|
|
|
<el-table-column label="合同模板名称" align="center" prop="zfcName" :show-overflow-tooltip="true" v-if="uncheckList.zfcName"/>
|
|
|
- <el-table-column label="合同模板状态" align="center" prop="zfcStatus" width = '100px' :formatter="statusFormat" :show-overflow-tooltip="true" v-if="uncheckList.zfcStatus"/>
|
|
|
+ <el-table-column label="合同模板状态" align="center" prop="zfcStatus" width = '120px' :formatter="statusFormat" :show-overflow-tooltip="true" v-if="uncheckList.zfcStatus"/>
|
|
|
<el-table-column label="签署节点" align="center" prop="zfcNode" :formatter="nodeFormat" :show-overflow-tooltip="true" v-if="uncheckList.zfcNode"/>
|
|
|
<!-- <el-table-column label="签署方" align="center" prop="zfcSubject" :formatter="subjectFormat" :show-overflow-tooltip="true" v-if="uncheckList.zfcSubject"/> -->
|
|
|
<el-table-column label="创建人" align="center" prop="nickName" :show-overflow-tooltip="true" v-if="uncheckList.nickName"/>
|
|
|
@@ -385,4 +382,28 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
};
|
|
|
-</script>
|
|
|
+</script>
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+.zap-table-search{
|
|
|
+ padding-top: 12px;
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+.zap-table-search__form{
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ height: 90px;
|
|
|
+ .el-form-item--medium.el-form-item{
|
|
|
+ margin-bottom: 0;
|
|
|
+ }
|
|
|
+ .el-form-item__label {
|
|
|
+ line-height: 40px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333333;
|
|
|
+ }
|
|
|
+ .el-input--small .el-input__inner{
|
|
|
+ height: 40px;
|
|
|
+ line-height: 40px;
|
|
|
+ }
|
|
|
+}
|
|
|
+</style>
|
guolufei123