|
|
@@ -28,59 +28,62 @@
|
|
|
<a-button shape="circle" icon="right" class="right btn" @click="next">
|
|
|
</a-button>
|
|
|
</a-row>
|
|
|
- <standard-table
|
|
|
- bordered
|
|
|
- :columns="columns"
|
|
|
- :dataSource="tableList"
|
|
|
- :pagination="pagination"
|
|
|
- @clear="onClear"
|
|
|
- @change="onChange"
|
|
|
- :loading="loading"
|
|
|
- >
|
|
|
- <div slot="validStatus" slot-scope="{ record }">
|
|
|
- <!-- {{text}} -->
|
|
|
- <a-tag
|
|
|
- v-if="record.isEenabled == 1"
|
|
|
- style="
|
|
|
- background: rgba(120, 148, 242, 0.2);
|
|
|
- border-radius: 2px 2px 2px 2px;
|
|
|
- border: 1px solid #7894f2;
|
|
|
- color: #2a55e5;
|
|
|
- "
|
|
|
- >有效</a-tag
|
|
|
- >
|
|
|
- <a-tag v-else>无效</a-tag>
|
|
|
- </div>
|
|
|
- <div slot="isEenabled" slot-scope="{ record }">
|
|
|
- <a-tag
|
|
|
- v-if="record.isEenabled == 1"
|
|
|
- type="primary"
|
|
|
- style="
|
|
|
- background: linear-gradient(180deg, #66cdbb 0%, #33a08d 100%);
|
|
|
- border-radius: 4px 4px 4px 4px;
|
|
|
- color: #fff;
|
|
|
- "
|
|
|
- >启用</a-tag
|
|
|
- >
|
|
|
- <a-tag v-else style="background: #f5f5f5; border: 0">禁用</a-tag>
|
|
|
- </div>
|
|
|
+ <div class="main">
|
|
|
+ <fromRow :formState="formState" @getList="search"></fromRow>
|
|
|
+ <standard-table
|
|
|
+ bordered
|
|
|
+ :columns="columns"
|
|
|
+ :dataSource="tableList"
|
|
|
+ :pagination="pagination"
|
|
|
+ @clear="onClear"
|
|
|
+ @change="onChange"
|
|
|
+ :loading="loading"
|
|
|
+ >
|
|
|
+ <div slot="validStatus" slot-scope="{ record }">
|
|
|
+ <!-- {{text}} -->
|
|
|
+ <a-tag
|
|
|
+ v-if="record.isEenabled == 1"
|
|
|
+ style="
|
|
|
+ background: rgba(120, 148, 242, 0.2);
|
|
|
+ border-radius: 2px 2px 2px 2px;
|
|
|
+ border: 1px solid #7894f2;
|
|
|
+ color: #2a55e5;
|
|
|
+ "
|
|
|
+ >有效</a-tag
|
|
|
+ >
|
|
|
+ <a-tag v-else>无效</a-tag>
|
|
|
+ </div>
|
|
|
+ <div slot="isEenabled" slot-scope="{ record }">
|
|
|
+ <a-tag
|
|
|
+ v-if="record.isEenabled == 1"
|
|
|
+ type="primary"
|
|
|
+ style="
|
|
|
+ background: linear-gradient(180deg, #66cdbb 0%, #33a08d 100%);
|
|
|
+ border-radius: 4px 4px 4px 4px;
|
|
|
+ color: #fff;
|
|
|
+ "
|
|
|
+ >启用</a-tag
|
|
|
+ >
|
|
|
+ <a-tag v-else style="background: #f5f5f5; border: 0">禁用</a-tag>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- {{text }} -->
|
|
|
- <!-- <a-button v-show="text" size="small">查看</a-button>-->
|
|
|
+ <!-- {{text }} -->
|
|
|
+ <!-- <a-button v-show="text" size="small">查看</a-button>-->
|
|
|
|
|
|
- <!-- <router-link :class="text" >查看</router-link> -->
|
|
|
+ <!-- <router-link :class="text" >查看</router-link> -->
|
|
|
|
|
|
- <!-- <template slot="status">
|
|
|
+ <!-- <template slot="status">
|
|
|
<a-icon @click.native="onStatusTitleClick" type="info-circle" />
|
|
|
</template> -->
|
|
|
- </standard-table>
|
|
|
+ </standard-table>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
|
|
|
<script>
|
|
|
import StandardTable from "@/components/table/StandardTable";
|
|
|
-
|
|
|
+import fromRow from "@/components/form/FormRow";
|
|
|
const columns = [
|
|
|
{
|
|
|
title: "协议代码",
|
|
|
@@ -152,9 +155,17 @@ const columns = [
|
|
|
export default {
|
|
|
components: {
|
|
|
StandardTable,
|
|
|
+ fromRow,
|
|
|
},
|
|
|
data() {
|
|
|
return {
|
|
|
+ formState: {
|
|
|
+ whole: undefined,
|
|
|
+ cityId: undefined,
|
|
|
+ countyId: undefined,
|
|
|
+ houseId: undefined,
|
|
|
+ provinceId: undefined,
|
|
|
+ },
|
|
|
insurerId: "",
|
|
|
advanced: true,
|
|
|
columns: columns,
|
|
|
@@ -191,6 +202,10 @@ export default {
|
|
|
});
|
|
|
},
|
|
|
methods: {
|
|
|
+ search() {
|
|
|
+ this.pagination.current = 1;
|
|
|
+ this.getList();
|
|
|
+ },
|
|
|
getnewurl() {
|
|
|
let url = document.location.href;
|
|
|
let reg = /[^\w](token|uid)=?([^&|^#]*)/g;
|
|
|
@@ -244,13 +259,10 @@ export default {
|
|
|
this.loading = true;
|
|
|
this.$API.agreement
|
|
|
.getAgreementList({
|
|
|
- areaId: "",
|
|
|
- deptId: "",
|
|
|
pageNum: this.pagination.current,
|
|
|
pageSize: this.pagination.defaultPageSize,
|
|
|
insuranceCompanyId: this.insurerId,
|
|
|
- warningDay: "",
|
|
|
- warningStatus: "",
|
|
|
+ ...this.formState,
|
|
|
})
|
|
|
.then((res) => {
|
|
|
if (res.data.code === 200) {
|
|
|
@@ -304,6 +316,13 @@ export default {
|
|
|
.standard-table {
|
|
|
flex: 1;
|
|
|
}
|
|
|
+.main {
|
|
|
+ background: #fff;
|
|
|
+ .ant-form {
|
|
|
+ padding: 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ }
|
|
|
+}
|
|
|
.insurer-list {
|
|
|
// display:flex;
|
|
|
// flex-wrap: wrap;
|