From b46bc2dba51a3885a68e4c58316b41a31ea16bb2 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 14 二月 2023 13:35:03 +0800
Subject: [PATCH] 1.存货档案修改

---
 src/views/sbgl/sbqd.vue |  175 ++++++++++++++++++++++++++++++++++++++++++----------------
 1 files changed, 127 insertions(+), 48 deletions(-)

diff --git a/src/views/sbgl/sbqd.vue b/src/views/sbgl/sbqd.vue
index 6c58af2..26ed24b 100644
--- a/src/views/sbgl/sbqd.vue
+++ b/src/views/sbgl/sbqd.vue
@@ -3,13 +3,15 @@
     <div class="body" :style="{height:mainHeight+'px'}">
 
       <div class="bodyTopButtonGroup" style="justify-content: space-between">
-        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>
+        <el-button v-waves type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>
         <div style="display: flex">
-          <el-button icon="el-icon-c-scale-to-original" @click="deviceTypeButton">璁惧绫诲瀷</el-button>
-          <el-button icon="el-icon-document-copy" @click="deviceGroupButton">璁惧缁�</el-button>
+          <el-button v-waves icon="el-icon-c-scale-to-original" @click="deviceTypeButton">璁惧绫诲瀷</el-button>
+          <el-button v-waves icon="el-icon-document-copy" @click="deviceGroupButton">璁惧缁�</el-button>
+          <el-button v-waves icon="el-icon-download" @click="upload">瀵煎叆</el-button>
+
         </div>
 
-        <!--        <el-button type="primary" icon="el-icon-upload2" @click="upload">瀵煎叆</el-button>-->
+        <!--        <el-button v-waves type="primary" icon="el-icon-upload2" @click="upload">瀵煎叆</el-button>-->
       </div>
 
       <div class="bodyTopFormGroup">
@@ -18,10 +20,10 @@
           :model="form"
           label-width="100px"
           inline
-          style="display: flex;justify-content: space-between"
+          style="display: flex;"
         >
           <div class="elForm" style="justify-content: flex-start">
-            <el-form-item label-width="70px" label="璁惧缂栫爜" style=" display: flex;">
+            <el-form-item label="璁惧缂栫爜" style=" display: flex;">
               <el-input v-model="form.DeviceCode" placeholder="璇疯緭鍏�" style="width: 200px" />
             </el-form-item>
             <el-form-item label="璁惧鍚嶇О" style=" display: flex;">
@@ -60,7 +62,7 @@
                 />
               </el-select>
             </el-form-item>
-            <el-form-item v-show="isExpandForm" label-width="70px" filterable label="璁惧绫诲瀷" style="display: flex;">
+            <el-form-item v-show="isExpandForm" filterable label="璁惧绫诲瀷" style="display: flex;">
               <el-select
                 v-model="form.DeviceType"
                 :popper-append-to-body="false"
@@ -96,9 +98,12 @@
               </el-select>
             </el-form-item>
           </div>
-          <div class="bodySearchReset" :style="{marginLeft:$store.state.app.sidebar.opened?'5%':'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
+            class="bodySearchReset"
+            :style="{marginLeft:$store.state.app.sidebar.opened? $store.state.settings.menuIsHorizontal?'15%':'3%':'10%'}"
+          >
+            <el-button v-waves type="primary" icon="el-icon-search" @click="search">鏌ヨ</el-button>
+            <el-button v-waves type="info" icon="el-icon-refresh" @click="reset">閲嶇疆</el-button>
           </div>
         </el-form>
         <div
@@ -149,18 +154,21 @@
             label="璁惧缂栫爜"
             min-width="110"
             sortable="custom"
+            show-tooltip-when-overflow
           />
           <el-table-column
             prop="name"
             label="璁惧鍚嶇О"
             min-width="110"
             sortable="custom"
+            show-tooltip-when-overflow
           />
           <el-table-column
             prop="eqptype_name"
             label="璁惧绫诲瀷"
             min-width="110"
             sortable="custom"
+            show-tooltip-when-overflow
           />
           <el-table-column
             prop="eqpgroup_name"
@@ -173,16 +181,24 @@
             prop="enable"
             label="浣跨敤鐘舵��"
             sortable="custom"
+            show-tooltip-when-overflow
             width="120"
           >
             <template slot-scope="{row}">
-              <div v-if="row.enable==='Y'"><svg-icon icon-class="circleYes" style="margin-right: 2px" />鏄�</div>
-              <div v-if="row.enable==='N'"><svg-icon icon-class="circleNo" style="margin-right: 2px" />鍚�</div>
+              <div v-if="row.enable==='Y'">
+                <i class="el-icon-success" :style="{color:$store.state.settings.theme}" style="margin-right: 2px" />
+                鏄�
+              </div>
+              <div v-if="row.enable==='N'">
+                <i class="el-icon-info" style="margin-right: 2px" />
+                鍚�
+              </div>
             </template>
           </el-table-column>
           <el-table-column
             prop="input_date"
             label="鎶曞叆鏃ユ湡"
+            show-tooltip-when-overflow
             sortable="custom"
             width="120"
           >
@@ -194,6 +210,7 @@
             prop="wksp_name"
             label="鐢熶骇杞﹂棿"
             sortable="custom"
+            show-tooltip-when-overflow
             min-width="120"
           />
           <!--          <el-table-column-->
@@ -204,6 +221,7 @@
           <el-table-column
             prop="operation_ration"
             label="绋煎姩鐜�"
+            show-tooltip-when-overflow
             sortable="custom"
             width="100"
           >
@@ -217,11 +235,13 @@
             label="鍒涘缓浜哄憳"
             sortable="custom"
             width="120"
+            show-tooltip-when-overflow
           />
           <el-table-column
             prop="lm_date"
             width="160"
             label="鍒涘缓鏃堕棿"
+            show-tooltip-when-overflow
             sortable="custom"
           />
           <el-table-column
@@ -232,10 +252,10 @@
             <template slot-scope="{row}">
               <div class="operationClass">
                 <el-tooltip class="item" effect="dark" content="缂栬緫" placement="top">
-                  <i class="el-icon-edit-outline" @click="edit('edit',row)" />
+                  <i :style="{color:$store.state.settings.theme}" class="el-icon-edit-outline" @click="edit('edit',row)" />
                 </el-tooltip>
                 <el-tooltip v-del-tab-index class="item" effect="dark" content="鍒犻櫎" placement="top">
-                  <i class="el-icon-delete" @click="del(row)" />
+                  <i :style="{color:$store.state.settings.theme}" class="el-icon-delete" @click="del(row)" />
                 </el-tooltip>
               </div>
             </template>
@@ -255,6 +275,7 @@
     </div>
     <!--璁惧娓呭崟鏂板缂栬緫-->
     <el-dialog
+      v-el-drag-dialog
       :close-on-click-modal="false"
       :title="operation==='add'?'鏂板':'缂栬緫'"
       :visible.sync="dialogVisible"
@@ -373,8 +394,9 @@
       </el-form>
       <span slot="footer" class="dialog-footer">
         <div class="footerButton">
-          <el-button @click="dialogVisibleCancel">鍙� 娑�</el-button>
+          <el-button v-waves @click="dialogVisibleCancel">鍙� 娑�</el-button>
           <el-button
+            v-waves
             type="primary"
             :loading="$store.state.app.buttonIsDisabled"
             :disabled="$store.state.app.buttonIsDisabled"
@@ -386,6 +408,7 @@
 
     <!--璁惧绫诲瀷-->
     <el-dialog
+      v-el-drag-dialog
       title="璁惧绫诲瀷"
       :visible.sync="DeviceTypeDialogVisible"
       width="800px"
@@ -395,8 +418,8 @@
       @close="handleCloseDeviceType"
     >
       <div style="margin-bottom: 20px;display: flex">
-        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="addDeviceType">鏂板</el-button>
-        <!--        <el-button type="primary" icon="el-icon-delete" @click="delSetting">鍒犻櫎</el-button>-->
+        <el-button v-waves type="primary" icon="el-icon-circle-plus-outline" @click="addDeviceType">鏂板</el-button>
+        <!--        <el-button v-waves type="primary" icon="el-icon-delete" @click="delSetting">鍒犻櫎</el-button>-->
       </div>
       <el-table
         ref="DeviceTypeArray"
@@ -417,16 +440,23 @@
         />
         <el-table-column
           prop="code"
+          show-tooltip-when-overflow
           label="绫诲瀷缂栫爜"
           sortable="custom"
         >
           <template slot-scope="{row}">
-            <el-input v-if="row.isVisible===1" v-model="row.code" oninput="value=value.replace(/[^0-9a-zA-Z]/g,'')" placeholder="璇疯緭鍏�" />
+            <el-input
+              v-if="row.isVisible===1"
+              v-model="row.code"
+              oninput="value=value.replace(/[^0-9a-zA-Z]/g,'')"
+              placeholder="璇疯緭鍏�"
+            />
             <div v-else> {{ row.code }}</div>
           </template>
         </el-table-column>
         <el-table-column
           prop="name"
+          show-tooltip-when-overflow
           label="绫诲瀷鍚嶇О"
           sortable="custom"
         >
@@ -439,6 +469,7 @@
           prop="remark"
           label="绫诲瀷鎻忚堪"
           sortable="custom"
+          show-tooltip-when-overflow
         >
           <template slot-scope="{row}">
             <el-input v-if="row.isVisible===1" v-model="row.remark" placeholder="璇疯緭鍏�" />
@@ -448,9 +479,9 @@
         <el-table-column label="鎿嶄綔">
           <template slot-scope="{row}">
             <div class="operationClass">
-              <el-button v-if="row.isVisible===0" type="text" @click="DeviceTypeDel(row)">鍒犻櫎</el-button>
-              <el-button v-if="row.isVisible===1" type="text" @click="DeviceTypeSave(row)">淇濆瓨</el-button>
-              <el-button v-if="row.isVisible===1" type="text" @click="DeviceTypeCancel(row)">鍙栨秷</el-button>
+              <el-button v-if="row.isVisible===0" v-waves type="text" @click="DeviceTypeDel(row)">鍒犻櫎</el-button>
+              <el-button v-if="row.isVisible===1" v-waves type="text" @click="DeviceTypeSave(row)">淇濆瓨</el-button>
+              <el-button v-if="row.isVisible===1" v-waves type="text" @click="DeviceTypeCancel(row)">鍙栨秷</el-button>
             </div>
           </template>
         </el-table-column>
@@ -468,14 +499,15 @@
       />
       <span slot="footer" class="dialog-footer">
         <div class="footerButton">
-          <el-button @click="DeviceTypeDialogVisibleCancel">杩斿洖</el-button>
-          <!--          <el-button type="primary" @click="settingDialogVisibleConfirm">纭� 瀹�</el-button>-->
+          <el-button v-waves @click="DeviceTypeDialogVisibleCancel">杩斿洖</el-button>
+          <!--          <el-button v-waves type="primary" @click="settingDialogVisibleConfirm">纭� 瀹�</el-button>-->
         </div>
       </span>
     </el-dialog>
 
     <!--璁惧缁�-->
     <el-dialog
+      v-el-drag-dialog
       title="璁惧缁�"
       :visible.sync="DeviceGroupDialogVisible"
       width="800px"
@@ -486,7 +518,7 @@
       @close="handleCloseDeviceGroup"
     >
       <div style="margin-bottom: 20px;display: flex">
-        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="addDeviceGroup">鏂板</el-button>
+        <el-button v-waves type="primary" icon="el-icon-circle-plus-outline" @click="addDeviceGroup">鏂板</el-button>
       </div>
       <el-table
         ref="DeviceGroupArray"
@@ -509,14 +541,21 @@
           prop="code"
           label="鍒嗙粍缂栫爜"
           sortable="custom"
+          show-tooltip-when-overflow
         >
           <template slot-scope="{row}">
-            <el-input v-if="row.isVisible===1"v-model="row.code" oninput="value=value.replace(/[^0-9a-zA-Z]/g,'')" placeholder="璇疯緭鍏�" />
+            <el-input
+              v-if="row.isVisible===1"
+              v-model="row.code"
+              oninput="value=value.replace(/[^0-9a-zA-Z]/g,'')"
+              placeholder="璇疯緭鍏�"
+            />
             <div v-else> {{ row.code }}</div>
           </template>
         </el-table-column>
         <el-table-column
           prop="name"
+          show-tooltip-when-overflow
           label="鍒嗙粍鍚嶇О"
           sortable="custom"
         >
@@ -529,6 +568,7 @@
           prop="eqptype_name"
           label="鎵�灞炶澶囩被鍨�"
           sortable="custom"
+          show-tooltip-when-overflow
         >
           <template slot-scope="{row}">
             <el-select
@@ -550,6 +590,7 @@
         </el-table-column>
         <el-table-column
           prop="remark"
+          show-tooltip-when-overflow
           label="鍒嗙粍鎻忚堪"
           sortable="custom"
         >
@@ -561,9 +602,9 @@
         <el-table-column label="鎿嶄綔">
           <template slot-scope="{row}">
             <div class="operationClass">
-              <el-button v-if="row.isVisible===0" type="text" @click="DeviceGroupDel(row)">鍒犻櫎</el-button>
-              <el-button v-if="row.isVisible===1" type="text" @click="DeviceGroupSave(row)">淇濆瓨</el-button>
-              <el-button v-if="row.isVisible===1" type="text" @click="DeviceGroupCancel(row)">鍙栨秷</el-button>
+              <el-button v-if="row.isVisible===0" v-waves type="text" @click="DeviceGroupDel(row)">鍒犻櫎</el-button>
+              <el-button v-if="row.isVisible===1" v-waves type="text" @click="DeviceGroupSave(row)">淇濆瓨</el-button>
+              <el-button v-if="row.isVisible===1" v-waves type="text" @click="DeviceGroupCancel(row)">鍙栨秷</el-button>
             </div>
           </template>
         </el-table-column>
@@ -581,13 +622,21 @@
       />
       <span slot="footer" class="dialog-footer">
         <div class="footerButton">
-          <el-button @click="DeviceGroupDialogVisibleCancel">杩斿洖</el-button>
-          <!--          <el-button type="primary" @click="settingDialogVisibleConfirm">纭� 瀹�</el-button>-->
+          <el-button v-waves @click="DeviceGroupDialogVisibleCancel">杩斿洖</el-button>
+          <!--          <el-button v-waves type="primary" @click="settingDialogVisibleConfirm">纭� 瀹�</el-button>-->
         </div>
       </span>
     </el-dialog>
 
     <!--瀵煎叆-->
+    <import-picker
+      ref="importPickerFunc"
+      class="importPickerClass"
+      :shows.sync="shows"
+      :title="title_value"
+      :colos="colos"
+      :code="code"
+    />
 
   </div>
 </template>
@@ -605,12 +654,16 @@
   WorkShopSelect, WorkShopSelectLine
 } from '@/api/sbgl'
 import { handleDatetime, validateCode } from '@/utils/global'
+import ImportPicker from '@/components/ImportPicker'
+import elDragDialog from '@/directive/el-drag-dialog'
+import waves from '@/directive/waves'
 
 export default {
   name: 'SBQD',
   components: {
-    Pagination
+    Pagination, ImportPicker
   },
+  directives: { elDragDialog, waves },
   data() {
     return {
       mouseHoverType: 'mouseout',
@@ -697,7 +750,18 @@
         prop: 'code',
         order: 'desc'
       },
-      DeviceGroupTotal: 0
+      DeviceGroupTotal: 0,
+
+      title_value: '鏁版嵁瀵煎叆 / 璁惧娓呭崟',
+      code: '9',
+      shows: false
+    }
+  },
+  watch: {
+    shows() {
+      if (!this.shows) {
+        this.getDeviceMangerSearch()
+      }
     }
   },
   created() {
@@ -708,6 +772,14 @@
     this.getHeight()
   },
   methods: {
+    // 璁惧娓呭崟瀵煎叆
+    upload() {
+      this.shows = true
+      this.$refs.importPickerFunc.newDataFunc()
+    },
+    colos() {
+      this.shows = false
+    },
     handleRequest() {
       // 鑾峰彇璁惧娓呭崟鍒楄〃
       this.getDeviceMangerSearch().then(res => {
@@ -760,11 +832,6 @@
     search() {
       this.getDeviceMangerSearch()
     },
-    // 瀵煎叆
-    upload() {
-
-    },
-
     // 閲嶇疆
     reset() {
       this.form.DeviceCode = ''
@@ -935,6 +1002,10 @@
     },
     // 鏂板鎸夐挳
     addDeviceType() {
+      if (this.DeviceTypeArray.find(i => i.isVisible === 1)) {
+        return this.$message.info('璇峰厛淇濆瓨涓婁竴鏉¤褰曪紒')
+      }
+
       let number = Math.random() * Math.random()// 浣滀负鍒犻櫎鏃剁殑鏍囪瘑绗�
       number = number === 0 ? (10 + Math.random()) : number
       this.DeviceTypeArray.unshift({ code: '', name: '', group: '', remark: '', isVisible: 1, number: number })
@@ -1018,6 +1089,9 @@
     },
     // 鏂板
     addDeviceGroup() {
+      if (this.DeviceGroupArray.find(i => i.isVisible === 1)) {
+        return this.$message.info('璇峰厛淇濆瓨涓婁竴鏉¤褰曪紒')
+      }
       let number = Math.random() * Math.random()// 浣滀负鍒犻櫎鏃剁殑鏍囪瘑绗�
       number = number === 0 ? (10 + Math.random()) : number
       this.DeviceGroupArray.unshift({
@@ -1125,15 +1199,17 @@
 <!--鍏叡椤甸潰鏍峰紡-->
 <style lang="scss" scoped>
 $main_color: #42b983;
-::v-deep .el-button--text{
-  font-size: 14px ;
-  cursor: pointer ;
+::v-deep .el-button--text {
+  font-size: 14px;
+  cursor: pointer;
 }
-.el-icon-share ,.el-icon-delete,.el-icon-edit-outline{
+
+.el-icon-share, .el-icon-delete, .el-icon-edit-outline {
   color: $main_color;
   cursor: pointer;
 }
-.el-icon-edit-outline{
+
+.el-icon-edit-outline {
   margin-right: 15px;
 }
 
@@ -1194,8 +1270,8 @@
   background-color: #f8f8fa;
 }
 
-::v-deep .el-table__body .el-table__row.hover-row td{
-  background-color: #eaecef ;
+::v-deep .el-table__body .el-table__row.hover-row td {
+  background-color: #eaecef;
 }
 
 ::v-deep .el-form--inline .el-form-item__label {
@@ -1211,20 +1287,23 @@
 .body ::v-deep .el-form-item {
   margin-bottom: 0;
 }
+
 .userDialogVisible ::v-deep .el-form-item {
   margin-bottom: 0;
 }
-::v-deep .el-select__caret{
+
+::v-deep .el-select__caret {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
-.tableFixed{
-  ::v-deep .el-table__fixed-right{
+.tableFixed {
+  ::v-deep .el-table__fixed-right {
     height: 100% !important;
   }
-  ::v-deep .el-table__fixed{
+
+  ::v-deep .el-table__fixed {
     height: 100% !important;
   }
 }

--
Gitblit v1.9.3