From c054516a38a2613a4e7399ba62694fbd99a606fe Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 06 一月 2023 09:10:09 +0800
Subject: [PATCH] 1.组织架构表格拖动实现demo

---
 src/views/bbgl/rygz.vue |   58 ++++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 48 insertions(+), 10 deletions(-)

diff --git a/src/views/bbgl/rygz.vue b/src/views/bbgl/rygz.vue
index c4835c3..05a95f3 100644
--- a/src/views/bbgl/rygz.vue
+++ b/src/views/bbgl/rygz.vue
@@ -11,10 +11,10 @@
           :model="form"
           label-width="100px"
           inline
-          style="display: flex;justify-content: space-between"
+          style="display: flex; "
         >
           <div class="elForm">
-            <el-form-item label="宸ュ崟缂栧彿" style=" display: flex;" label-width="70px">
+            <el-form-item label="宸ュ崟缂栧彿" style="display: flex;">
               <el-input v-model="form.wocode" placeholder="璇疯緭鍏�" style="width: 200px" />
             </el-form-item>
             <el-form-item label="浜у搧缂栫爜" style=" display: flex;">
@@ -26,7 +26,7 @@
             <el-form-item label="瑙勬牸鍨嬪彿" style=" display: flex;">
               <el-input v-model="form.partspec" style="width: 200px" placeholder="璇疯緭鍏�" />
             </el-form-item>
-            <el-form-item v-show="isExpandForm" label-width="70px" label="宸ュ簭鍚嶇О" style=" display: flex;">
+            <el-form-item v-show="isExpandForm" label="宸ュ簭鍚嶇О" style=" display: flex;">
               <el-input v-model="form.stepname" style="width: 200px" placeholder="璇疯緭鍏�" />
             </el-form-item>
             <el-form-item v-show="isExpandForm" label="鐢熶骇鐝粍" style=" display: flex;">
@@ -59,7 +59,10 @@
 
             </el-form-item>
           </div>
-          <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'10%'}">
+          <div
+            class="bodySearchReset"
+            :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"
+          >
             <el-button type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
             <el-button type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
           </div>
@@ -90,6 +93,8 @@
           :data="tableData"
           :height="isExpandForm?tableHeight:(tableHeight+40)+'px'"
           border
+          :summary-method="getSummaries"
+          show-summary
           :row-class-name="tableRowClassName"
           :style="{width: 100+'%',height:isExpandForm?tableHeight:(tableHeight+40)+'px',}"
           highlight-current-row
@@ -164,13 +169,13 @@
             sortable="custom"
           />
           <el-table-column
-            prop="good_qty"
+            prop="report_qty"
             label="鎶ュ伐鏁伴噺"
             width="110"
             sortable="custom"
           >
             <template slot-scope="{row}">
-              <div v-if="row.good_qty">{{ row.good_qty }}</div>
+              <div v-if="row.report_qty">{{ row.report_qty }}</div>
               <div v-else>/</div>
             </template>
           </el-table-column>
@@ -181,23 +186,23 @@
             sortable="custom"
           >
             <template slot-scope="{row}">
-              <div v-if="row.unprice">{{ row.unprice }}鍏�</div>
+              <div v-if="row.unprice">{{ row.unprice }} 鍏�</div>
               <div v-else>/</div>
             </template>
           </el-table-column>
           <el-table-column
             prop="usermoney"
-            label="鐝粍璁颁欢宸ヨ祫"
+            label="涓汉璁颁欢宸ヨ祫"
             width="130"
             sortable="custom"
           >
             <template slot-scope="{row}">
-              <div v-if="row.usermoney">{{ row.usermoney }}鍏�</div>
+              <div v-if="row.usermoney">{{ row.usermoney }} 鍏�</div>
               <div v-else>/</div>
             </template>
           </el-table-column>
           <el-table-column
-            prop="lm_user"
+            prop="username"
             label="鎶ュ伐浜哄憳"
             width="110"
             sortable="custom"
@@ -352,6 +357,39 @@
         }
       })
     },
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+
+      columns.forEach((column, index) => {
+        if (index === 10) {
+          sums[index] = '鎬讳环'
+          return
+        }
+        const values = data.map(item => Number(item[column.property]))
+        if (column.property === 'usermoney') {
+          sums[index] = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+
+          sums[index] += ' 鍏�'
+        } else {
+          // sums[index] = 'N/A'
+          sums[index] = ' '
+        }
+      })
+
+      this.$nextTick(() => {
+        this.$refs.tableDataRef.doLayout()
+      })
+
+      return sums
+    },
     async getPeopleSalaryReportSearch() {
       let tempDate = this.form.reportdate
       if (tempDate.length > 0) {

--
Gitblit v1.9.3