From 856d40165af92868ebf15ab68e73f57f27f81bd8 Mon Sep 17 00:00:00 2001
From: gaoluyang <gaoluyang@rengu.cc>
Date: 星期四, 18 七月 2024 10:19:30 +0800
Subject: [PATCH] 优化工时管理和费用统计前端table的间距

---
 src/components/view/b1-expenses.vue |   76 ++++++++++++++++++++++++++++++++++----
 1 files changed, 68 insertions(+), 8 deletions(-)

diff --git a/src/components/view/b1-expenses.vue b/src/components/view/b1-expenses.vue
index be06f02..79d87c5 100644
--- a/src/components/view/b1-expenses.vue
+++ b/src/components/view/b1-expenses.vue
@@ -49,7 +49,7 @@
     <div style="width: 100%;height: 100%;">
       <div>
         <el-row class="title">
-          <el-col :span="12" style="padding-left: 20px;">璐圭敤缁熻</el-col>
+          <el-col :span="12" style="padding-left: 20px;text-align: left;">璐圭敤缁熻</el-col>
           <el-col :span="12" style="text-align: right;">
             <el-button size="small" type="primary">OA鎺ㄩ��</el-button>
           </el-col>
@@ -65,19 +65,28 @@
             </el-date-picker>
           </div>
         </div>
-        <div class="search_thing">
-          <div class="search_label">濮旀墭浜猴細</div>
-          <div class="search_input"><el-input size="small" placeholder="璇疯緭鍏�" clearable
-              v-model="componentData.entity.name" @keyup.enter.native="refreshTable()"></el-input></div>
+        <div class="search_thing" style="width: 340px">
+          <div class="search_label">濮旀墭鍗曚綅锛�</div>
+          <div class="search_input">
+<!--            <el-input size="small" placeholder="璇疯緭鍏�" clearable-->
+<!--               @keyup.enter.native="refreshTable()"></el-input>-->
+            <el-select @focus="getCompanyOptions" @change="refreshTable()" clearable
+                       size="small" v-model="componentData.entity.company" style="width: 100%">
+              <el-option v-for="item in companyOptions" :key="item.value"
+                         :label="item.label" :value="item.value">
+              </el-option>
+            </el-select>
+          </div>
         </div>
         <div class="search_thing" style="padding-left: 30px;">
           <el-button size="small" @click="refresh()">閲� 缃�</el-button>
           <el-button size="small" type="primary" @click="refreshTable()">鏌� 璇�</el-button>
         </div>
+        <div class="search_thing" style="padding-left: 70px;">鎬讳环锛歿{total}}</div>
       </div>
       <div class="table">
         <ValueTable ref="ValueTable" :url="$api.insOrder.costStatistics" :componentData="componentData" :key="upIndex"
-          @handleWeave="handleWeave" />
+          @handleWeave="handleWeave" :column-min-width="'140'"/>
       </div>
     </div>
     <el-dialog title="鍦ㄧ嚎缂栧埗" :visible.sync="claimVisible" width="70%" :modal-append-to-body="false">
@@ -102,7 +111,7 @@
       return {
         componentData: {
           entity: {
-            name: null,
+            company: null,
             dates: null,
             orderBy: {
               field: 'id,ins_sample_id',
@@ -185,7 +194,19 @@
         upIndex: 0,
         claimVisible: false,
         dates: [],
-        index2: 0
+        index2: 0,
+        total: 0,
+        companyOptions: [], // 濮旀墭鍗曚綅鏋氫妇鍊�
+        entity: {
+          orderBy: {
+            field: 'id',
+            order: 'asc'
+          }
+        },
+        page: {
+          current: -1,
+          size: -1,
+        },
       }
     },
     mounted() {
@@ -195,6 +216,17 @@
       this.getPower()
     },
     methods: {
+      getTotal(){
+        this.$axios.post(this.$api.insOrder.costStatistics2, {
+          entity:this.componentData.entity
+        }, {
+          headers: {
+            'Content-Type': 'application/json'
+          }
+        }).then(res => {
+          this.total = res.data.total
+        })
+      },
       getDates(){
         //褰撳墠鏈堢涓�澶�
         var y = new Date().getFullYear(); //鑾峰彇骞翠唤
@@ -213,13 +245,40 @@
         this.index2++
         this.componentData.entity.dates = `["${startDate}","${endDate}"]`
       },
+      getCompanyOptions () {
+        this.$axios.post(this.$api.user.selectCustomPageList, {
+          page: this.page,
+          entity: this.entity
+        }, {
+          headers: {
+            'Content-Type': 'application/json'
+          }
+          }
+        ).then(res => {
+          if (res.code === 200) {
+            const list = res.data.body.records
+            this.companyOptions = []
+            list.map((item) => {
+              const obj = Object.assign({
+                value: item.id,
+                label: item.company,
+              })
+              this.companyOptions.push(obj)
+            })
+          }
+        }).catch(e => {
+          this.$message.error('鏌ヨ澶辫触')
+        })
+      },
       refreshTable() {
         this.$refs['ValueTable'].selectList()
+        this.getTotal()
       },
       refresh() {
         this.componentData.entity = this.HaveJson(this.entityCopy)
         this.componentData.init = true
         this.getDates()
+        this.getTotal()
         this.upIndex++
       },
       handleWeave() {
@@ -255,6 +314,7 @@
         }
         this.componentData.entity.dates = JSON.stringify(val)
         this.$refs['ValueTable'].selectList()
+        this.getTotal()
       }
     }
   }

--
Gitblit v1.9.3