@dongkboy 2 лет назад
Родитель
Сommit
3f0082ce09

+ 96 - 126
src/views/FinancialManagement/CarInsurance/DeptSettlement/CommissionList.vue

@@ -2,87 +2,55 @@
   <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 -->
-         <SplitArea :size="rightSplitWidth">
-        <el-form
-          class="queryForm"
-          ref="queryFormRef"
-          :model="pageRequest"
-          label-width="80px"
-          size="small"
-        >
-          <el-row style="margin-bottom: 15px">
-            <el-col :span="5">
-              <el-form-item label="机构名称">
-                <el-input
-                  clearable
-                  style="width: 220px"
-                  placeholder="请输入机构名称"
-                  v-model="pageRequest.deptName"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="类型">
-                <el-select
-                  style="width: 220px"
-                  clearable
-                  v-model="pageRequest.documentary"
-                  placeholder="选择类型"
-                >
-                  <el-option label="提现" value="1"></el-option>
-                  <el-option label="收入" value="2"></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="签单时间">
-                <el-date-picker
-                  size="small"
-                  v-model="pageRequest.signDate"
-                  type="daterange"
-                  @change="dateChange"
-                  range-separator="至"
-                  value-format="yyyy-MM-dd"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                >
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
+        <!-- 右侧列表页面Start -->
+        <SplitArea :size="rightSplitWidth">
+          <el-form class="queryForm" ref="queryFormRef" :model="pageRequest" label-width="80px" size="small">
+            <el-row style="margin-bottom: 15px">
+              <el-col :span="5">
+                <el-form-item label="机构名称">
+                  <el-input clearable style="width: 220px" placeholder="请输入机构名称"
+                    v-model="pageRequest.deptName"></el-input>
+                </el-form-item>
+              </el-col>
+              <el-col :span="5">
+                <el-form-item label="类型">
+                  <el-select style="width: 220px" clearable v-model="pageRequest.documentary" placeholder="选择类型">
+                    <el-option label="提现" value="1"></el-option>
+                    <el-option label="收入" value="2"></el-option>
+                  </el-select>
+                </el-form-item>
+              </el-col>
+              <el-col :span="8">
+                <el-form-item label="创建时间">
+                  <el-date-picker size="small" v-model="pageRequest.signDate" type="datetimerange" @change="dateChange"
+                    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 label-width="20px">
-                <el-button @click="getOrderList" type="primary" size="small"
-                  >查询</el-button
-                >
-              </el-form-item>
-            </el-col>
-          </el-row>
-        </el-form>
+              <el-col :span="2">
+                <el-form-item label-width="20px">
+                  <el-button @click="getOrderList" 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="false"
-          permsButton3="sys:user:edit"
-          :data="pageResult"
-          :columns="columns"
-          @findPage="findPage"
-          :showOperation="false"
-          @handlePrint="handlePrint"
-        >
-        </kt-common-table>
+          <kt-common-table permsDelete="sys:user:delete" :showBatchDelete="false" :showBatchPrint="false"
+            permsButton3="sys:user:edit" :data="pageResult" :columns="columns" @findPage="findPage" :showOperation="false"
+            @handlePrint="handlePrint">
+          </kt-common-table>
 
-        <!-- <el-dialog
+          <!-- <el-dialog
       v-dialogDrag
       title="提现"
       :visible.sync="dialogVisible"
@@ -118,8 +86,8 @@
         >
       </span>
     </el-dialog> -->
-         </SplitArea>    
-  </Split>
+        </SplitArea>
+      </Split>
     </el-main>
   </div>
 </template>
@@ -146,10 +114,11 @@ export default {
       pageRequest: {
         deptName: "",
         documentary: "",
+        signDate: "",
         //查询的默认条件
         pageNo: 1,
         pageSize: 10,
-        
+
       },
       columns: [
         //数据列
@@ -162,30 +131,30 @@ export default {
         { prop: "remark", label: "备注" },
         { prop: "createTime", label: "创建时间" },
       ],
-       /**Split 开始 */
-       leftSplitWidth: 20,
-        rightSplitWidth: 80,
-        /**Split 结束 */
+      /**Split 开始 */
+      leftSplitWidth: 20,
+      rightSplitWidth: 80,
+      /**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() {
@@ -232,6 +201,7 @@ export default {
       this.findPage();
     },
     dateChange(e) {
+      console.log(e)
       if (e == null) {
         this.pageRequest.createTimeStart = "";
         this.pageRequest.createTimeEnd = "";
@@ -246,7 +216,7 @@ export default {
         .then((_) => {
           done();
         })
-        .catch((_) => {});
+        .catch((_) => { });
     },
     closeVisible() {
       this.withdrawal = "";
@@ -302,34 +272,34 @@ 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>
@@ -344,7 +314,7 @@ export default {
   height: 110px;
 }
 
-.basicdata > div {
+.basicdata>div {
   height: 100%;
 }
 

+ 215 - 255
src/views/FinancialManagement/CarInsurance/DeptSettlement/SettledCommissionList.vue

@@ -2,209 +2,163 @@
   <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 -->
-         <SplitArea :size="rightSplitWidth">
-        <el-form
-          class="queryForm"
-          ref="queryFormRef"
-          :model="pageRequest"
-          label-width="80px"
-          size="small"
-        >
-          <el-row style="margin-bottom: 15px">
-            <el-col :span="5">
-              <el-form-item label="机构名称">
-                <el-input
-                  clearable
-                  style="width: 220px"
-                  placeholder="请输入机构名称"
-                  v-model="pageRequest.deptName"
-                ></el-input>
-              </el-form-item>
-            </el-col>
-            <el-col :span="5">
-              <el-form-item label="类型">
-                <el-select
-                  style="width: 220px"
-                  clearable
-                  v-model="pageRequest.documentary"
-                  placeholder="选择类型"
-                >
-                  <el-option label="提现" value="1"></el-option>
-                  <el-option label="收入" value="2"></el-option>
-                </el-select>
-              </el-form-item>
-            </el-col>
-            <el-col :span="6">
-              <el-form-item label="签单时间">
-                <el-date-picker
-                  size="small"
-                  v-model="pageRequest.signDate"
-                  type="daterange"
-                  @change="dateChange"
-                  range-separator="至"
-                  value-format="yyyy-MM-dd"
-                  start-placeholder="开始日期"
-                  end-placeholder="结束日期"
-                >
-                </el-date-picker>
-              </el-form-item>
-            </el-col>
+        <!-- 搜索区域Start -->
+        <SplitArea :size="rightSplitWidth">
+          <el-form
+            class="queryForm"
+            ref="queryFormRef"
+            :model="queryForm"
+            label-width="80px"
+          >
+            <el-row style="margin-bottom: 15px">
+              <el-col :span="8">
+                <el-form-item label="申请时间">
+                  <el-date-picker
+                    size="small"
+                    v-model="queryForm.date"
+                    type="daterange"
+                    @change="dateChange"
+                    value-format="yyyy-MM-dd"
+                    align="left"
+                    range-separator="至"
+                    start-placeholder="开始日期"
+                    end-placeholder="结束日期"
+                  >
+                  </el-date-picker>
+                </el-form-item>
+              </el-col>
+              <el-col :span="4">
+                <el-form-item label-width="20px">
+                  <el-button @click="findPage" type="primary" size="small"
+                    >查询</el-button
+                  >
+                </el-form-item>
+              </el-col>
+              <!-- <el-col :span="4">
+            <el-form-item>
+              <el-button @click="findPage" size="small">查询</el-button>
+            </el-form-item>
+          </el-col> -->
+            </el-row>
+          </el-form>
 
-            <el-col :span="4">
-              <el-form-item label-width="20px">
-                <el-button @click="getOrderList" 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="false"
-          permsButton3="sys:user:edit"
-          :data="pageResult"
-          :columns="columns"
-          @findPage="findPage"
-          :showOperation="false"
-          @handlePrint="handlePrint"
-        >
-        </kt-common-table>
-
-        <!-- <el-dialog
-      v-dialogDrag
-      title="提现"
-      :visible.sync="dialogVisible"
-      width="600px"
-      :before-close="handleClose"
-      @close="closeVisible"
-    >
-      <div style="color: red">
-        提现最低100元,最高不超过可提现金额(只可提取整数部分)
-      </div>
-      <div>
-        <div style="font-size: 16px; margin: 20px 0">
-          提现工号:{{ peopleid }}
-        </div>
-        <div style="font-size: 16px; margin: 20px 0">
-          可提现金额:{{ canwithdrawal }}
-        </div>
-        <div style="font-size: 16px; margin: 20px 0">
-          提现金额:<el-input-number
-            size="medium"
-            v-model="withdrawal"
-            :precision="0"
-            :min="100"
-            :max="canwithdrawal"
-            :step="1000"
-          ></el-input-number>
-        </div>
-      </div>
-      <span slot="footer" class="dialog-footer">
-        <el-button size="small" @click="dialogVisible = false">取 消</el-button>
-        <el-button size="small" type="primary" @click="toWithdrawal"
-          >确 定</el-button
-        >
-      </span>
-    </el-dialog> -->
-         </SplitArea>    
-  </Split>
+          <kt-common-table
+            :showOperation="false"
+            :showBatchDelete="false"
+            :showBatchPrint="false"
+            :data="pageResult"
+            :columns="columns"
+            @findPage="findPage"
+            @handlePrint="handlePrint"
+          >
+          </kt-common-table>
+        </SplitArea>
+      </Split>
     </el-main>
   </div>
 </template>
 <script>
-import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
-import tree from "@/components/ztree.vue";  // 机构树组件
 import Cookies from "js-cookie";
+import KtCommonTable from "@/views/Core/KtCommonTable.vue"; //表格组件
+import tree from "@/components/ztree.vue"; // 机构树组件
+import KtButton from "@/views/Core/KtButton";
+import CommonUtil from "@/utils/comutil.js";
+import { formatWithSeperator, format } from "@/utils/datetime.js";
 export default {
   components: {
     KtCommonTable,
-    tree
+    KtButton,
+    tree,
   },
   data() {
     return {
-      canwithdrawal: "",
-      withdrawal: "",
-
       peopleid: "",
       peopledeptid: "",
-
-      dialogVisible: false, //提现对话框
+      // 右侧列表查询数据Start
       queryForm: {},
       pageResult: {},
       pageRequest: {
-        deptName: "",
-        documentary: "",
         //查询的默认条件
         pageNo: 1,
         pageSize: 10,
-        
+        status: "1",
       },
       columns: [
         //数据列
+        { prop: "id", label: "提现单号" },
         { prop: "deptId", label: "机构代码" },
-        { prop: "deptName", label: "机构名称" },
-        { prop: "amount", label: "金额" },
-        { prop: "surplusAmount", label: "账户剩余金额" },
-        { prop: "documentary", label: "类型" },
-        { prop: "suborder", label: "来源订单" },
-        { prop: "remark", label: "备注" },
-        { prop: "createTime", label: "创建时间" },
+        { prop: "name", label: "机构名称" },
+        { prop: "amount", label: "提现金额" },
+        { prop: "createTime", label: "申请时间" },
       ],
-       /**Split 开始 */
-       leftSplitWidth: 20,
-        rightSplitWidth: 80,
-        /**Split 结束 */
-
-        //----ztreeLeft begin---------
-        ztreeObj: null,
-        ztreeSetting: {
-          check: {
-            enable: false
-          },
-          data: {
-            simpleData: {
-              enable: true,
-              pIdKey: "parentId"
-            }
+      //------------协议下拉框数据   begin-----------------
+      agreementtypeoptions: [], //协议类型
+      //------------协议下拉框数据   end-----------------
+      /**Split 开始 */
+      leftSplitWidth: 20,
+      rightSplitWidth: 80,
+      /**Split 结束 */
+      //----ztreeLeft begin---------
+      ztreeObj: null,
+      ztreeSetting: {
+        check: {
+          enable: false,
+        },
+        data: {
+          simpleData: {
+            enable: true,
+            pIdKey: "parentId",
           },
-          view: {
-            showIcon: false
-          }
         },
-        ztreeNodes: [],
-        currentTreeNode: null,
-        //----ztreeLeft end---------
+        view: {
+          showIcon: false,
+        },
+      },
+      ztreeNodes: [],
+      currentTreeNode: null,
+      //----ztreeLeft end---------
     };
   },
   created() {
-    // this.peopleid = Cookies.get("user");
-    // if (this.peopleid != "admin") {
-    //   this.peopledeptid = Cookies.get("user").split("D")[0];
-    //   this.pageRequest.columnFilters.deptid.value = this.peopledeptid;
-    // } else {
-    //   this.peopledeptid = "";
-    //   this.pageRequest.columnFilters.deptid.value = this.peopledeptid;
+    // this.peopleid = Cookies.get('user');
+    // if(this.peopleid!='admin'){
+    //   this.peopledeptid = Cookies.get('user').split('D')[0];
+    //   this.pageRequest.columnFilters.deptid.value=this.peopledeptid;
+    // }else{
+    //   this.peopledeptid = '9';
+    //   this.pageRequest.columnFilters.deptid.value=this.peopledeptid;
     // }
-    this.deptAccount();
-    this.findLeftTreeData();// 获取机构树的数据
+    //获取所有下拉框数据
+    this.getDictItems("agreementtype");
+    this.findLeftTreeData(); // 获取机构树的数据
   },
   mounted() {
     //用像素初始化左边的split的宽度
     this.changeTreeWidth(240);// 初始化树的宽度
   },
   methods: {
+    dateChange(e) {
+      if (e == null) {
+        this.pageRequest.createTimeStart = "";
+        this.pageRequest.createTimeEnd = "";
+      } else {
+        this.pageRequest.createTimeStart = e[0];
+        this.pageRequest.createTimeEnd = e[1];
+      }
+    },
     handlePrint() {
       this.$api.task.excelExport(this.pageRequest).then((res) => {
         console.log(res);
@@ -215,67 +169,54 @@ export default {
         // 4.创建url之后可以模拟对此文件对象的一系列操作,例如:预览、下载
         let a = document.createElement("a");
         a.href = url;
-        a.download = "可提现余额清单.xlsx";
+        a.download = "提现中清单.xlsx";
         a.click();
         // 5.释放这个临时的对象url
         window.URL.revokeObjectURL(url);
       });
     },
-    getOrderList() {
-      // this.pageRequest.columnFilters.orderno.value = this.queryForm.orderno;
-      // this.pageRequest.columnFilters.comlevel.value = this.queryForm.comlevel;
-      // this.pageRequest.columnFilters.comcode.value = this.queryForm.comcode;
-      // this.pageRequest.columnFilters.licenseno.value = this.queryForm.licenseno;
-      // this.pageRequest.columnFilters.policyno.value = this.queryForm.policyno;
-      // this.pageRequest.columnFilters.settlestatus.value = this.queryForm.settlestatus;
-      this.pageRequest.pageNum = 1;
-      this.findPage();
-    },
-    dateChange(e) {
-      if (e == null) {
-        this.pageRequest.createTimeStart = "";
-        this.pageRequest.createTimeEnd = "";
-      } else {
-        this.pageRequest.createTimeStart = e[0];
-        this.pageRequest.createTimeEnd = e[1];
-      }
-    },
-    //确认是否关闭对话框
-    handleClose(done) {
-      this.$confirm("确认关闭?")
-        .then((_) => {
-          done();
-        })
-        .catch((_) => {});
-    },
-    closeVisible() {
-      this.withdrawal = "";
-    },
-    toWithdrawal() {
-      let param = {
-        amount: this.withdrawal,
-        deptid: this.peopledeptid,
-      };
-      this.$api.task.deptApply(param).then((res) => {
-        if (res.code == 200) {
-          this.$message.success("提现申请已提交");
-          this.deptAccount();
-        }
+    //-- formatter begin--
+    agreetypeFormatter(row, column) {
+      //协议类型
+      let agreetype = row.agreetype;
+      return CommonUtil.getDataName({
+        dataList: this.agreementtypeoptions,
+        value: "value",
+        label: "label",
+        data: agreetype,
       });
-      this.dialogVisible = false;
     },
-    // 机构账户余额查询
-    deptAccount() {
-      this.$api.task.deptAccount(this.peopledeptid).then((res) => {
-        if (res.code == 200) {
-          this.basicdata[0].money = res.data.accountBalance;
-          this.basicdata[1].money = res.data.applyAmount;
-          this.basicdata[2].money = res.data.totalAmount;
-          this.basicdata[3].money = res.data.payamount;
-          this.canwithdrawal = res.data.accountBalance;
-        }
+    inscompanyFormatter(row, column) {
+      //协议类型
+      let inscompany = row.inscompany;
+      return CommonUtil.getDataName({
+        dataList: this.global.insCompanyList,
+        value: "code",
+        label: "name",
+        data: inscompany,
       });
     },
+    totalmoenyFormatter(row, column) {
+      //协议类型
+      let inscompany = row.inscompany;
+      return (row.feeamount + row.disamount).toFixed(2);
+    },
+    //-- formatter end--
+
+    //--数据字典 begin --
+    getDictItems: function (typeName) {
+      let that = this;
+      that.$api.dict
+        .findByLableName(typeName)
+        .then(function (res) {
+          that[typeName + "options"] = res.data; // 把获取到的数据赋给this.data
+        })
+        .catch(function (error) {
+          that[typeName + "options"] = [];
+        });
+    },
+    //--数据字典 end --
+
     // 右侧列表的方法Start
     findPage(data) {
       // 获取分页数据
@@ -285,7 +226,7 @@ export default {
         this.pageRequest.pageSize = data.pageRequest.pageSize;
       }
       that.$api.task
-        .sysDeptAccountHistoryPage(that.pageRequest)
+        .WithdrawqueryStatus(that.pageRequest)
         .then((res) => {
           let pageList = {
             content: res.data.records,
@@ -294,58 +235,77 @@ export default {
             totalPages: res.data.pages,
             totalSize: res.data.total,
           };
-          pageList.content.forEach(
-            (val) =>
-              (val.documentary = val.documentary == "1" ? "提现" : "收入")
-          );
           that.pageResult = pageList;
         })
         .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 结束 */
 
-      //--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-------
+    // 格式化日期,如月、日、时、分、秒保证为2位数
+    formatNumber(n) {
+      n = n.toString();
+      return n[1] ? n : "0" + n;
+    },
+    // 参数number为毫秒时间戳,format为需要转换成的日期格式
+    formatTime(number, format) {
+      let time = new Date(number);
+      let newArr = [];
+      let formatArr = ["Y", "M", "D", "h", "m", "s"];
+      newArr.push(time.getFullYear());
+      newArr.push(this.formatNumber(time.getMonth() + 1));
+      newArr.push(this.formatNumber(time.getDate()));
+
+      newArr.push(this.formatNumber(time.getHours()));
+      newArr.push(this.formatNumber(time.getMinutes()));
+      newArr.push(this.formatNumber(time.getSeconds()));
+
+      for (let i in newArr) {
+        format = format.replace(formatArr[i], newArr[i]);
+      }
+      return format;
+    },
+    /**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-------
+    findLeftTreeData: function () {
+      // 获取数据
+      this.$api.dept.findTree().then((res) => {
+        this.ztreeNodes = res.data;
+      });
+    },
   },
 };
 </script>
 
 
 <style scoped>
-.basicdata {
-  border-radius: 5px;
-  background-color: #ffffff;
-  box-shadow: -1px -1px 5px 0 rgb(0 0 0 / 10%);
-  margin: 15px 8px;
-  height: 110px;
-}
-
-.basicdata > div {
-  height: 100%;
+.el-divider {
+  margin: 10px 0px 15px !important;
 }
 
 .queryForm .el-row {