推广费用清单加业务员

src/views/FinancialManagement/AcountWithdrawal/ExtendFee.vue

@@ -2,98 +2,62 @@
   <div>
     <el-main ref="elMain" style="padding: 0px">
       <Split :gutterSize="2" style="height: calc(100vh - 120px)">
-           <!-- 左侧树Start -->
-           <SplitArea :size="leftSplitWidth" :minSize="240">
+        <!-- 左侧树Start -->
+        <SplitArea :size="leftSplitWidth" :minSize="240">
           <div>
             <el-divider></el-divider>
-            <tree :setting="ztreeSetting" :nodes="ztreeNodes" @onClick="onZTreeClick" @onCreated="onZTreeCreated"/>
+            <tree :setting="ztreeSetting" :nodes="ztreeNodes" @onClick="onZTreeClick" @onCreated="onZTreeCreated" />
           </div>
         </SplitArea>
         <!-- 左侧树End -->
-    <!-- 搜索区域Start -->
-     <!-- 右侧列表页面Start -->
-     <SplitArea :size="rightSplitWidth">
-    <el-form
-      class="queryForm"
-      ref="queryFormRef"
-      :inline="true"
-      size="small"
-      :model="queryForm"
-      label-width="80px"
-    >
-      <el-row>
-        <el-col :span="7">
-          <el-form-item label="订单号">
-            <el-input
-              style="width: 220px"
-              clearable
-              placeholder="订单号"
-              v-model="queryForm.orderNo"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="7">
-          <el-form-item label="工号">
-            <el-input
-              style="width: 220px"
-              clearable
-              placeholder="工号"
-              v-model="queryForm.userId"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="7">
-          <el-form-item label="交强保单号">
-            <el-input
-              style="width: 220px"
-              clearable
-              placeholder="交强保单号"
-              v-model="queryForm.jqPolicyNo"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="7">
-          <el-form-item label="商业保单号">
-            <el-input
-              style="width: 220px"
-              clearable
-              placeholder="商业保单号"
-              v-model="queryForm.syPolicyNo"
-            ></el-input>
-          </el-form-item>
-        </el-col>
+        <!-- 搜索区域Start -->
+        <!-- 右侧列表页面Start -->
+        <SplitArea :size="rightSplitWidth">
+          <el-form class="queryForm" ref="queryFormRef" :inline="true" size="small" :model="queryForm" label-width="80px">
+            <el-row>
+              <el-col :span="7">
+                <el-form-item label="订单号">
+                  <el-input style="width: 220px" clearable placeholder="订单号" v-model="queryForm.orderNo"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="7">
+                <el-form-item label="工号">
+                  <el-input style="width: 220px" clearable placeholder="工号" v-model="queryForm.userId"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="7">
+                <el-form-item label="交强保单号">
+                  <el-input style="width: 220px" clearable placeholder="交强保单号" v-model="queryForm.jqPolicyNo"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="7">
+                <el-form-item label="商业保单号">
+                  <el-input style="width: 220px" clearable placeholder="商业保单号" v-model="queryForm.syPolicyNo"></el-input>
+                </el-form-item>
+              </el-col>
 
-        <el-col :span="7">
-          <el-form-item label="姓名">
-            <el-input
-              style="width: 220px"
-              clearable
-              placeholder="姓名"
-              v-model="queryForm.userName"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="7">
-          <el-form-item label="车牌号">
-            <el-input
-              style="width: 220px"
-              clearable
-              placeholder="车牌号"
-              v-model="queryForm.licenseNo"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <el-col :span="7">
-          <el-form-item label="保险公司">
-            <el-input
-              style="width: 220px"
-              clearable
-              placeholder="请输入保险公司"
-              v-model="queryForm.insCompany"
-            ></el-input>
-          </el-form-item>
-        </el-col>
-        <!-- <el-col :span="8" style="height: 40px">
+              <el-col :span="7">
+                <el-form-item label="姓名">
+                  <el-input style="width: 220px" clearable placeholder="姓名" v-model="queryForm.userName"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="7">
+                <el-form-item label="车牌号">
+                  <el-input style="width: 220px" clearable placeholder="车牌号" v-model="queryForm.licenseNo"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="7">
+                <el-form-item label="业务员">
+                  <el-input style="width: 220px" clearable placeholder="业务员" v-model="queryForm.operatorName"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="7">
+                <el-form-item label="保险公司">
+                  <el-input style="width: 220px" clearable placeholder="请输入保险公司"
+                    v-model="queryForm.insCompany"></el-input>
+                </el-form-item>
+              </el-col>
+              <!-- <el-col :span="8" style="height: 40px">
           <el-form-item label="结算状态">
             <el-select
               v-model="queryForm.settlestatus"
@@ -106,9 +70,9 @@
             </el-select>
           </el-form-item>
         </el-col> -->
-        <el-col :span="11">
-          <el-form-item label="签单时间">
-            <!-- <el-date-picker
+              <el-col :span="11">
+                <el-form-item label="签单时间">
+                  <!-- <el-date-picker
               style="width: 220px"
               size="small"
               v-model="queryForm.signDate"
@@ -120,39 +84,24 @@
               end-placeholder="结束日期"
             >
             </el-date-picker> -->
-            <el-date-picker
-              v-model="queryForm.signTimeStart"
-              type="datetimerange"
-              range-separator="至"
-              value-format="yyyy-MM-dd HH:mm:ss"
-              start-placeholder="开始日期"
-              end-placeholder="结束日期">
-            </el-date-picker>
-          </el-form-item>
-        </el-col>
-        <el-col :span="4">
-          <el-form-item>
-            <el-button @click="queryEsmInfo" type="primary" size="small"
-              >查询</el-button
-            >
-          </el-form-item>
-        </el-col>
-      </el-row>
-    </el-form>
-    <kt-common-table
-      permsDelete="sys:user:delete"
-      :showBatchDelete="false"
-      :showBatchPrint="true"
-      permsButton3="sys:user:edit"
-      :data="pageResult"
-      :columns="columns"
-      @findPage="findPage"
-      :showOperation="false"
-      @handlePrint="handlePrint"
-    >
-    </kt-common-table>
-     </SplitArea>
-    </Split>
+                  <el-date-picker v-model="queryForm.signTimeStart" type="datetimerange" range-separator="至"
+                    value-format="yyyy-MM-dd HH:mm:ss" start-placeholder="开始日期" end-placeholder="结束日期">
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <el-form-item>
+                  <el-button @click="queryEsmInfo" type="primary" size="small">查询</el-button>
+                </el-form-item>
+              </el-col>
+            </el-row>
+          </el-form>
+          <kt-common-table permsDelete="sys:user:delete" :showBatchDelete="false" :showBatchPrint="true"
+            permsButton3="sys:user:edit" :data="pageResult" :columns="columns" @findPage="findPage" :showOperation="false"
+            @handlePrint="handlePrint">
+          </kt-common-table>
+        </SplitArea>
+      </Split>
     </el-main>
   </div>
 </template>
@@ -187,7 +136,8 @@ export default {
         startdate: "",
         settlestatus: "",
         enddate: "",
-        signTimeStart :''
+        signTimeStart: '',
+        operatorName: ""
       },
       columns: [
         //数据列
@@ -195,6 +145,7 @@ export default {
         // { prop: "policyno", label: "保单号", minWidth: 100 },
         { prop: "jqPolicyNo", label: "交强保单号", minWidth: 100 },
         { prop: "syPolicyNo", label: "商业保单号", minWidth: 100 },
+        { prop: "operatorName", label: "业务员", minWidth: 100 },
         { prop: "licenseNo", label: "车牌号", minWidth: 100 },
         { prop: "product", label: "险种", minWidth: 100 },
         { prop: "deptName", label: "机构", minWidth: 100 },
@@ -210,30 +161,30 @@ export default {
       //------------协议下拉框数据   begin-----------------
       agreementtypeoptions: [], //协议类型
       //------------协议下拉框数据   end-----------------
-       /**Split 开始 */
-       leftSplitWidth: 15,
-        rightSplitWidth: 85,
-        /**Split 结束 */
+      /**Split 开始 */
+      leftSplitWidth: 15,
+      rightSplitWidth: 85,
+      /**Split 结束 */
 
-        //----ztreeLeft begin---------
-        ztreeObj: null,
-        ztreeSetting: {
-          check: {
-            enable: false
-          },
-          data: {
-            simpleData: {
-              enable: true,
-              pIdKey: "parentId"
-            }
-          },
-          view: {
-            showIcon: false
+      //----ztreeLeft begin---------
+      ztreeObj: null,
+      ztreeSetting: {
+        check: {
+          enable: false
+        },
+        data: {
+          simpleData: {
+            enable: true,
+            pIdKey: "parentId"
           }
         },
-        ztreeNodes: [],
-        currentTreeNode: null,
-        //----ztreeLeft end---------
+        view: {
+          showIcon: false
+        }
+      },
+      ztreeNodes: [],
+      currentTreeNode: null,
+      //----ztreeLeft end---------
     };
   },
   created() {
@@ -241,7 +192,7 @@ export default {
     this.getDictItems("agreementtype");
     this.findLeftTreeData();// 获取机构树的数据
   },
-  mounted() {},
+  mounted() { },
   methods: {
     handlePrint() {
       this.$api.task.excelExport(this.pageRequest).then((res) => {
@@ -296,7 +247,8 @@ export default {
       this.pageRequest.licenseNo = this.queryForm.licenseNo;
       this.pageRequest.insCompany = this.queryForm.insCompany;
       this.pageRequest.settlestatus = this.queryForm.settlestatus;
-      if(this.queryForm.signTimeStart){
+      this.pageRequest.operator = this.queryForm.operatorName;
+      if (this.queryForm.signTimeStart) {
         this.pageRequest.signTimeStart = this.queryForm.signTimeStart[0]
         this.pageRequest.signTimeEnd = this.queryForm.signTimeStart[1]
       }
@@ -310,9 +262,9 @@ export default {
       if (data && data.pageRequest) {
         this.pageRequest.pageNum = data.pageRequest.pageNum;
         this.pageRequest.pageSize = data.pageRequest.pageSize;
-      } 
+      }
       // else  {
-      //   this.pageRequest.pageNum = 1; 
+      //   this.pageRequest.pageNum = 1;
       //   this.pageRequest.pageSize = 20;
       // }
 
@@ -333,43 +285,44 @@ export default {
         })
         .then(data != null ? data.callback : "");
     },
-     /**Split 开始 */
-     changeTreeWidth(widthVal){
-        // 初始化树的宽度
-        this.leftSplitWidth = Math.ceil(widthVal/this.$refs.elMain.$el.clientWidth*100);
-        this.rightSplitWidth = 100-(this.leftSplitWidth)
-      },
-      /**Split 结束 */
+    /**Split 开始 */
+    changeTreeWidth(widthVal) {
+      // 初始化树的宽度
+      this.leftSplitWidth = Math.ceil(widthVal / this.$refs.elMain.$el.clientWidth * 100);
+      this.rightSplitWidth = 100 - (this.leftSplitWidth)
+    },
+    /**Split 结束 */
 
-      //--left tree start-------
-      findLeftTreeData: function() {
-        // 获取数据
-        this.$api.dept.findTree().then(res => {
-          this.ztreeNodes = res.data;
-        });
-      },
-      onZTreeCreated: function(ztreeObj) {
-        this.ztreeObj = ztreeObj;
-        // onCreated 中操作ztreeObj对象展开第一个节点
-        ztreeObj.expandNode(ztreeObj.getNodes()[0], true);
-        this.currentTreeNode=ztreeObj.getNodes()[0];
-      },
-      onZTreeClick: function(evt, treeId, treeNode) {
-        // 点击事件
-        this.currentTreeNode = treeNode;
-        this.pageRequest.deptId = this.currentTreeNode.id;
-        this.findPage();
-      },
-      //--left tree end-------
+    //--left tree start-------
+    findLeftTreeData: function () {
+      // 获取数据
+      this.$api.dept.findTree().then(res => {
+        this.ztreeNodes = res.data;
+      });
+    },
+    onZTreeCreated: function (ztreeObj) {
+      this.ztreeObj = ztreeObj;
+      // onCreated 中操作ztreeObj对象展开第一个节点
+      ztreeObj.expandNode(ztreeObj.getNodes()[0], true);
+      this.currentTreeNode = ztreeObj.getNodes()[0];
+    },
+    onZTreeClick: function (evt, treeId, treeNode) {
+      // 点击事件
+      this.currentTreeNode = treeNode;
+      this.pageRequest.deptId = this.currentTreeNode.id;
+      this.findPage();
+    },
+    //--left tree end-------
   },
 };
 </script>
 <style scoped>
-/deep/ .el-form-item__label{
+/deep/ .el-form-item__label {
   width: 90px !important;
-  text-align:left;
+  text-align: left;
 }
-.el-form{
+
+.el-form {
   padding-left: 10px;
 }
 </style>