|
|
@@ -24,9 +24,13 @@
|
|
|
:inline="true"
|
|
|
class="form"
|
|
|
>
|
|
|
- <el-form-item label="成员名称" prop="mobile">
|
|
|
- <el-input v-model="pageRequest.userName"></el-input>
|
|
|
- </el-form-item>
|
|
|
+ <el-form-item label="成员名称" prop="userName">
|
|
|
+ <el-input v-model="pageRequest.userName"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="省市区" prop="areaCode">
|
|
|
+ <el-cascader v-model="pageRequest.areaCode" :options="areaOptions" :props="{label:'areaCname', value:'areaCode',children:'child',checkStrictly: true }"
|
|
|
+ clearable :show-all-levels="false"></el-cascader>
|
|
|
+ </el-form-item>
|
|
|
<el-form-item label="日期区间" label-width="95px" prop="applyTime">
|
|
|
<el-date-picker
|
|
|
v-model="pageRequest.date"
|
|
|
@@ -59,11 +63,69 @@
|
|
|
:columns="columns"
|
|
|
:showBatchDelete="false"
|
|
|
:showOperation="showOperation"
|
|
|
- @findPage="findPage"
|
|
|
- :isshowpagination="true"
|
|
|
+ editButtonName="详情"
|
|
|
+ @findPage="findPage"
|
|
|
+ :isshowpagination="true"
|
|
|
+ @handleEdit="handleDetail"
|
|
|
></kt-common-table>
|
|
|
</SplitArea>
|
|
|
</Split>
|
|
|
+
|
|
|
+ <el-dialog
|
|
|
+ class="dialog detailtTable"
|
|
|
+ :title="title"
|
|
|
+ :close-on-click-modal="false"
|
|
|
+ :before-close="resetForm"
|
|
|
+ :visible.sync="detailDialog"
|
|
|
+ width="60%"
|
|
|
+ >
|
|
|
+ <div class="dialog-body">
|
|
|
+ <el-table
|
|
|
+ v-loading="loading"
|
|
|
+ element-loading-text="拼命加载中..."
|
|
|
+ element-loading-spinner="el-icon-loading"
|
|
|
+ :data="detailData"
|
|
|
+ :stripe="true"
|
|
|
+ style="
|
|
|
+ width: 100%;
|
|
|
+ "
|
|
|
+ row-key=""
|
|
|
+ border
|
|
|
+ default-expand-all
|
|
|
+ :header-cell-style="{
|
|
|
+ background: '#F2F7FC',
|
|
|
+ fontWeight: '900',
|
|
|
+ color: '#606266',
|
|
|
+ }"
|
|
|
+ >
|
|
|
+ <el-table-column type="index" label="序号" align="center" width="50">
|
|
|
+ </el-table-column>
|
|
|
+ <el-table-column
|
|
|
+ v-for="(item, index) in detailColumns"
|
|
|
+ :key="index"
|
|
|
+ :min-width="item.minWidth"
|
|
|
+ :prop="item.prop"
|
|
|
+ align="center"
|
|
|
+ :label="item.label"
|
|
|
+ >
|
|
|
+ </el-table-column>
|
|
|
+ </el-table>
|
|
|
+ </div>
|
|
|
+ <div slot="footer" class="dialog-footer">
|
|
|
+ <div class="bottomFixed" style="padding-bottom: 50px;" ref="bottomFixed">
|
|
|
+ <el-pagination
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ layout="total, sizes, prev, pager, next, jumper"
|
|
|
+ @current-change="refreshPageRequest"
|
|
|
+ :page-sizes="[20, 50, 100, 200, 300, 400, 500]"
|
|
|
+ :total="detailParams.totalSize"
|
|
|
+ style="float: left; margin-left: 20px"
|
|
|
+ >
|
|
|
+ </el-pagination>
|
|
|
+ </div>
|
|
|
+ <el-button @click="resetForm" size="small">取 消</el-button>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
|
@@ -95,8 +157,10 @@
|
|
|
userId: '000000',
|
|
|
ztreeNodes: [],
|
|
|
currentTreeNode: null,
|
|
|
+ title: "详情",
|
|
|
loading: true,
|
|
|
- showOperation:false,
|
|
|
+ detailDialog: false,
|
|
|
+ showOperation:true,
|
|
|
operationWidth: 100, //操作列宽度
|
|
|
queryFrom: {
|
|
|
//查询条件
|
|
|
@@ -110,6 +174,10 @@
|
|
|
createTimeStart: "", //日期开始时间
|
|
|
createTimeEnd: "", //日期结束时间
|
|
|
},
|
|
|
+ detailParams: {
|
|
|
+ pageNo: 1,
|
|
|
+ pageSize: 20,
|
|
|
+ },
|
|
|
columns: [
|
|
|
{ prop: "userName", label: "成员名称", type: "text" },
|
|
|
{ prop: "quoteNum", label: "报价次数", type: "text" },
|
|
|
@@ -124,10 +192,62 @@
|
|
|
type: "text",
|
|
|
},
|
|
|
],
|
|
|
+ areaOptions:[],
|
|
|
+ detailColumns: [
|
|
|
+ {
|
|
|
+ prop: "insCompany",
|
|
|
+ label: "保险公司",
|
|
|
+ type: "text",
|
|
|
+ minWidth: "100",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "quoteNum",
|
|
|
+ label: "报价次数",
|
|
|
+ type: "text",
|
|
|
+ minWidth: "100",
|
|
|
+ minWidth: "100",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "submitNum",
|
|
|
+ label: "提交核保次数",
|
|
|
+ type: "text",
|
|
|
+ minWidth: "100",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "hasInsuredNum",
|
|
|
+ label: "已承保数量",
|
|
|
+ type: "text",
|
|
|
+ minWidth: "100",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "syPremiumSum",
|
|
|
+ label: "商业保费",
|
|
|
+ type: "text",
|
|
|
+ minWidth: "100",
|
|
|
+ },
|
|
|
+ { prop: "taxaMountSum", label: "车船税", type: "text" },
|
|
|
+ {
|
|
|
+ prop: "jqPremiumSum",
|
|
|
+ label: "交强险费用",
|
|
|
+ type: "text",
|
|
|
+ minWidth: "100",
|
|
|
+ },
|
|
|
+ {
|
|
|
+ prop: "totalSumpremium",
|
|
|
+ label: "总承保保费总数",
|
|
|
+ type: "text",
|
|
|
+ minWidth: "120",
|
|
|
+ },
|
|
|
+ ],
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
this.findLeftTreeData(); // 获取机构树的数据
|
|
|
+ this.$api.dept.queryTree().then((res) => {
|
|
|
+ if(res.code==200){
|
|
|
+ this.areaOptions=res.data
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
methods: {
|
|
|
/**Split 开始 */
|
|
|
@@ -142,7 +262,6 @@
|
|
|
let data=await this.$api.user.personnelFindTree()
|
|
|
this.ztreeNodes = data.data;
|
|
|
this.userId=data.data[0].id
|
|
|
-
|
|
|
},
|
|
|
onZTreeClick: function (evt, treeId, treeNode) {
|
|
|
// 点击事件
|
|
|
@@ -162,7 +281,44 @@
|
|
|
this.pageRequest.createTimeEnd = e[1];
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
+ // 换页刷新
|
|
|
+ refreshPageRequest: function (pageNum) {
|
|
|
+ this.detailParams.pageNo = pageNum;
|
|
|
+ this.getDetailData();
|
|
|
+ },
|
|
|
+ // 每页条数发生改变
|
|
|
+ handleSizeChange(pageSize) {
|
|
|
+ this.detailParams.pageSize = pageSize;
|
|
|
+ this.getDetailData();
|
|
|
+ },
|
|
|
+ //取消隐藏弹框
|
|
|
+ resetForm() {
|
|
|
+ this.detailDialog = false;
|
|
|
+ this.detailParams.pageNo = 1;
|
|
|
+ this.detailParams.pageSize = 10;
|
|
|
+ },
|
|
|
+ //查看详情
|
|
|
+ handleDetail(index) {
|
|
|
+ this.detailParams.userId = index.row.userId;
|
|
|
+ this.detailDialog = true;
|
|
|
+ this.getDetailData()
|
|
|
+ },
|
|
|
+ getDetailData(){
|
|
|
+ this.loading = true;
|
|
|
+ this.$api.user.quTeamNumDetail(this.detailParams).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.detailData = res.data.records;
|
|
|
+ this.detailParams.pageNo = res.data.current;
|
|
|
+ this.detailParams.pageSize = res.data.size;
|
|
|
+ this.detailParams.totalPages = res.data.pages;
|
|
|
+ this.detailParams.totalSize = res.data.total;
|
|
|
+ this.loading = false;
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg);
|
|
|
+ this.loading = false;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ },
|
|
|
//获取页面数据
|
|
|
async findPage(data) {
|
|
|
this.loading = true;
|
lihongxiao