|
@@ -7,80 +7,32 @@
|
|
|
<el-col :span="20">
|
|
|
<div style="display: flex; align-items: center">
|
|
|
<!--区域联动组件:公司、片区、抄表册-->
|
|
|
- <cpsLinkageArea
|
|
|
- :queryParams="queryParams"
|
|
|
- widthValue="150px"
|
|
|
- ></cpsLinkageArea
|
|
|
- > 关 键 字: <el-input
|
|
|
- v-model="queryParams.searchText"
|
|
|
- size="small"
|
|
|
- style="width: 150px"
|
|
|
- placeholder="输入关键字"
|
|
|
- clearable
|
|
|
- @keyup.enter.native="clickQuery()"
|
|
|
- />
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- size="small"
|
|
|
- icon="el-icon-search"
|
|
|
- @click="clickQuery()"
|
|
|
- >查询</el-button
|
|
|
- >
|
|
|
+ <cpsLinkageArea :queryParams="queryParams" widthValue="150px"></cpsLinkageArea> 关 键 字: <el-input
|
|
|
+ v-model="queryParams.searchText" size="small" style="width: 150px" placeholder="输入关键字" clearable
|
|
|
+ @keyup.enter.native="clickQuery()" />
|
|
|
+ <el-button type="primary" size="small" icon="el-icon-search" @click="clickQuery()">查询</el-button>
|
|
|
</div>
|
|
|
</el-col>
|
|
|
<el-col :span="4" class="list-opCol">
|
|
|
- <el-button
|
|
|
- type="warning"
|
|
|
- size="small"
|
|
|
- icon="el-icon-edit"
|
|
|
- @click="clickModify()"
|
|
|
- :disabled="disabledModify"
|
|
|
- >过户</el-button
|
|
|
- >
|
|
|
+ <el-button type="warning" size="small" icon="el-icon-edit" @click="clickModify()"
|
|
|
+ :disabled="disabledModify">过户</el-button>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
</el-header>
|
|
|
<el-main>
|
|
|
- <tfTable
|
|
|
- :table-data="dataList"
|
|
|
- :column="columns"
|
|
|
- :for-id="true"
|
|
|
- :pagination="true"
|
|
|
- :currentpage="pageInfo.current"
|
|
|
- :pagesize="pageInfo.size"
|
|
|
- :total="pageInfo.tableTotal"
|
|
|
- :border="true"
|
|
|
- :multiple="false"
|
|
|
- :fixed="true"
|
|
|
- :isdelete="false"
|
|
|
- :is-select="false"
|
|
|
- :stripe="true"
|
|
|
- @handleCurrentChange="handleCurrentChange"
|
|
|
- @handleSizeChange="handleSizeChange"
|
|
|
- @rowClick="handleRowClick"
|
|
|
- @sortChange="onCustomerSortChange"
|
|
|
- />
|
|
|
+ <tfTable :table-data="dataList" :column="columns" :for-id="true" :pagination="true"
|
|
|
+ :currentpage="pageInfo.current" :pagesize="pageInfo.size" :total="pageInfo.tableTotal" :border="true"
|
|
|
+ :multiple="false" :fixed="true" :isdelete="false" :is-select="false" :stripe="true"
|
|
|
+ @handleCurrentChange="handleCurrentChange" @handleSizeChange="handleSizeChange" @rowClick="handleRowClick"
|
|
|
+ @sortChange="onCustomerSortChange" />
|
|
|
</el-main>
|
|
|
</el-container>
|
|
|
<!-- 详情页 -->
|
|
|
- <el-dialog
|
|
|
- v-if="dialogVisible"
|
|
|
- v-dialogDrag
|
|
|
- top="15vh"
|
|
|
- :title="dialogTitle"
|
|
|
- :visible.sync="dialogVisible"
|
|
|
- width="800px"
|
|
|
- class="dialog"
|
|
|
- >
|
|
|
+ <el-dialog v-if="dialogVisible" v-dialogDrag top="15vh" :title="dialogTitle" :visible.sync="dialogVisible"
|
|
|
+ width="800px" class="dialog">
|
|
|
<tfDetail :detailData="detailData" :editState="editState" ref="dForm" />
|
|
|
<template slot="footer">
|
|
|
- <el-button
|
|
|
- type="primary"
|
|
|
- icon="el-icon-check"
|
|
|
- @click="clickSave()"
|
|
|
- v-if="!editState"
|
|
|
- >确 定</el-button
|
|
|
- >
|
|
|
+ <el-button type="primary" icon="el-icon-check" @click="clickSave()" v-if="!editState">确 定</el-button>
|
|
|
<el-button icon="el-icon-close" @click="clickCancel()">关 闭</el-button>
|
|
|
</template>
|
|
|
</el-dialog>
|
|
@@ -90,10 +42,7 @@
|
|
|
<script>
|
|
|
import "@/views/mis/common/assets/styles/misStyle.scss";
|
|
|
import { DateHelper } from "@/views/mis/common/assets/scripts/utils.js";
|
|
|
-import {
|
|
|
- Customer,
|
|
|
- CustomerGh,
|
|
|
-} from "@/views/mis/common/api/customerManagement.js";
|
|
|
+import { Customer, CustomerGh } from "@/views/mis/common/api/customerManagement.js";
|
|
|
import tfTable from "@/views/mis/common/misTable/index.vue";
|
|
|
import cpsLinkageArea from "@/views/mis/common/components/cps-linkageArea.vue";
|
|
|
import tfDetail from "./customerGh-form.vue";
|
|
@@ -236,7 +185,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
},
|
|
|
- created() {},
|
|
|
+ created() { },
|
|
|
mounted() {
|
|
|
this.bindList();
|
|
|
},
|
|
@@ -264,7 +213,7 @@ export default {
|
|
|
.catch((ex) => {
|
|
|
this.$message.error("查询失败!");
|
|
|
})
|
|
|
- .finally(() => {});
|
|
|
+ .finally(() => { });
|
|
|
},
|
|
|
resetDetailData() {
|
|
|
// 表单数据
|
|
@@ -302,7 +251,7 @@ export default {
|
|
|
.catch((ex) => {
|
|
|
this.$message.error("过户失败!");
|
|
|
})
|
|
|
- .finally(() => {});
|
|
|
+ .finally(() => { });
|
|
|
},
|
|
|
|
|
|
/* ----- dom事件 ----- */
|