From 8be895639f0250ced67a4437e7ebf6854d054749 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期三, 24 八月 2022 17:36:20 +0800
Subject: [PATCH] 1.修改小标签打印

---
 src/views/scgl/gd.vue |  540 ++++++++++++++++++++++++++++++++++++++++--------------------
 1 files changed, 360 insertions(+), 180 deletions(-)

diff --git a/src/views/scgl/gd.vue b/src/views/scgl/gd.vue
index 8e70301..829dbfb 100644
--- a/src/views/scgl/gd.vue
+++ b/src/views/scgl/gd.vue
@@ -1,7 +1,14 @@
 <template>
   <div>
     <div class="body" :style="{height:mainHeight+'px'}">
-      <div style="padding: 10px 5px 0 0">
+
+      <div class="bodyTopButtonGroup">
+        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>
+        <el-button type="primary" icon="el-icon-connection" @click="send('send')">娲惧彂</el-button>
+        <el-button icon="el-icon-switch-button" @click="orderClose">宸ュ崟鍏抽棴</el-button>
+      </div>
+
+      <div class="bodyTopFormGroup">
         <el-form
           ref="form"
           :model="form"
@@ -65,7 +72,7 @@
                 type="date"
                 size="mini"
                 :clearable="false"
-                style="width: 200px;"
+                class="dateMini"
                 format="yyyy-MM-dd"
                 placeholder="閫夋嫨鏃ユ湡"
               />
@@ -76,12 +83,12 @@
               <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>
-            <!--            <div v-if="!isFullscreen" style="display: flex;align-items: start; margin-top: 15px;z-index: 2">-->
+            <!--            <div v-if="!isIpad" style="display: flex;align-items: start; margin-top: 15px;z-index: 2">-->
             <!--              <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>-->
             <!--              <el-button type="primary" icon="el-icon-connection" @click="send('send')">娲惧彂</el-button>-->
             <!--              <el-button type="primary" icon="el-icon-switch-button">璁㈠崟鍏抽棴</el-button>-->
             <!--            </div>-->
-            <!--            <div v-if="isFullscreen" style="display: flex;flex-direction: column;align-items: end">-->
+            <!--            <div v-if="isIpad" style="display: flex;flex-direction: column;align-items: end">-->
             <!--              <div style="display: flex;margin: 10px 0">-->
             <!--                <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>-->
             <!--                <el-button type="primary" icon="el-icon-connection" @click="send('send')">娲惧彂</el-button>-->
@@ -92,19 +99,13 @@
           </div>
         </el-form>
       </div>
-      <el-divider />
-      <div style="margin-left: 10px;display: flex">
-        <el-button type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>
-        <el-button type="primary" icon="el-icon-connection" @click="send('send')">娲惧彂</el-button>
-        <el-button type="primary" icon="el-icon-switch-button" @click="orderClose">宸ュ崟鍏抽棴</el-button>
-      </div>
-      <el-divider />
+
       <div class="elTableDiv">
         <el-table
           :data="tableData"
           :height="tableHeight+'px'"
           border
-          stripe
+          :row-class-name="tableRowClassName"
           :style="{width: 100+'%',height:tableHeight+'px',}"
           highlight-current-row
           :header-cell-style="this.$headerCellStyle"
@@ -123,7 +124,7 @@
               <el-radio
                 v-model="radioSelected"
                 :label="row.wo_code"
-                style="color: #fff;padding-left: 10px; margin-right: -25px;"
+                style="color: transparent;padding-left: 10px; margin-right: -25px;"
                 @change.native="getCurrentRow(row.wo_code)"
               />
             </template>
@@ -172,7 +173,12 @@
             label="浜у搧瑙勬牸"
             sortable="custom"
             width="110"
-          />
+          >
+            <template slot-scope="{row}">
+              <div v-if="row.partspec">{{ row.partspec }}</div>
+              <div v-else>/</div>
+            </template>
+          </el-table-column>
           <el-table-column
             prop="plan_qty"
             label="宸ュ崟鏁�"
@@ -184,26 +190,46 @@
             label="鐢熶骇杞﹂棿"
             sortable="custom"
             width="120"
-          />
+          >
+            <template slot-scope="{row}">
+              <div v-if="row.wkshp_name">{{ row.wkshp_name }}</div>
+              <div v-else>/</div>
+            </template>
+          </el-table-column>
           <el-table-column
             prop="route_name"
             label="宸ヨ壓璺嚎"
             sortable="custom"
             min-width="130"
-          />
+          >
+            <template slot-scope="{row}">
+              <div v-if="row.route_name">{{ row.route_name }}</div>
+              <div v-else>/</div>
+            </template>
+          </el-table-column>
 
           <el-table-column
             prop="plan_startdate"
             label="璁″垝寮�濮嬫椂闂�"
             sortable="custom"
             width="160"
-          />
+          >
+            <template slot-scope="{row}">
+              <div v-if="row.plan_startdate">{{ row.plan_startdate }}</div>
+              <div v-else>/</div>
+            </template>
+          </el-table-column>
           <el-table-column
             prop="plan_enddate"
             label="璁″垝缁撴潫鏃堕棿"
             sortable="custom"
             width="160"
-          />
+          >
+            <template slot-scope="{row}">
+              <div v-if="row.plan_enddate">{{ row.plan_enddate }}</div>
+              <div v-else>/</div>
+            </template>
+          </el-table-column>
           <el-table-column
             prop="piroque"
             label="宸ュ崟绛夌骇"
@@ -214,6 +240,7 @@
               <div v-if="row.piroque==='1'">鐗圭骇</div>
               <div v-if="row.piroque==='2'">绱ф��</div>
               <div v-if="row.piroque==='3'">姝e父</div>
+              <div v-else>/</div>
             </template>
           </el-table-column>
           <el-table-column
@@ -235,8 +262,12 @@
           >
             <template slot-scope="{row}">
               <div class="operationClass">
-                <el-button type="text" @click="check(row)">宸ュ簭浠诲姟</el-button>
-                <el-button type="text" @click="del(row)">鍒犻櫎</el-button>
+                <el-tooltip class="item" effect="dark" content="宸ュ簭浠诲姟" placement="top">
+                  <i class="el-icon-tickets" style="cursor: pointer;color: #42b983;margin-right: 15px" @click="check(row)" />
+                </el-tooltip>
+                <el-tooltip v-del-tab-index class="item" effect="dark" content="鍒犻櫎" placement="top">
+                  <i class="el-icon-delete" @click="del(row)" />
+                </el-tooltip>
               </div>
             </template>
           </el-table-column>
@@ -244,12 +275,11 @@
       </div>
       <!--鍒嗛〉-->
       <pagination
-        v-show="total>0"
         :total="total"
         :page.sync="form.page"
         :limit.sync="form.rows"
         align="right"
-        layout="prev, pager, next,sizes"
+        layout="total,prev, pager, next,sizes"
         popper-class="select_bottom"
         @pagination="getMesOrderSearch"
       />
@@ -432,7 +462,7 @@
         <el-table
           :data="searchTableData"
           border
-          stripe
+          :row-class-name="tableRowClassName"
           height="300"
           style="width: 100%;"
           highlight-current-row
@@ -443,6 +473,7 @@
             prop="seq"
             label="搴忓彿"
             width="50"
+            fixed
           />
           <el-table-column
             prop="stepcode"
@@ -464,6 +495,7 @@
           <el-table-column
             prop="descr"
             label="宸ュ簭鎻忚堪"
+            fixed="right"
           />
         </el-table>
       </el-dialog>
@@ -495,7 +527,7 @@
       <el-table
         :data="taskTableData"
         border
-        stripe
+        :row-class-name="tableRowClassName"
         height="300"
         style="width: 100%;"
         highlight-current-row
@@ -506,6 +538,7 @@
           prop="seq"
           width="50"
           label="搴忓彿"
+          fixed
         />
         <el-table-column
           prop="wo_code"
@@ -545,6 +578,14 @@
           prop="ng_qty"
           label="涓嶈壇鏁伴噺"
         />
+        <el-table-column
+          label="鎿嶄綔"
+          fixed="right"
+        >
+          <template slot-scope="{row}">
+            <el-button type="text" style="padding: 0;" @click="supplementSmallClick(row)">琛ユ墦</el-button>
+          </template>
+        </el-table-column>
       </el-table>
 
       <span slot="footer" class="dialog-footer">
@@ -555,7 +596,7 @@
       </span>
     </el-dialog>
 
-    <!--        鎵撳嵃棰勮瀵硅瘽妗�-->
+    <!--鎵撳嵃棰勮瀵硅瘽妗�  澶ф爣绛�-->
     <el-dialog
       title=""
       :visible.sync="dialogVisibleApprove"
@@ -610,7 +651,7 @@
             id="qrCode"
             style="width: 22%;height:97px;
             margin-top: 20px;
-            overflow-x: scroll;display: flex;
+            overflow-y: scroll;display: flex;
             justify-content: center;
             position: relative;"
           >
@@ -694,6 +735,81 @@
         </div>
       </span>
     </el-dialog>
+
+    <!--鎵撳嵃棰勮椤甸潰  灏忔爣绛�-->
+    <el-dialog
+      title="棰勮"
+      :visible.sync="dialogVisible2"
+      width="1140"
+      top="10vh"
+      :close-on-click-modal="false"
+      @close="dialogVisible2Close"
+    >
+      <!-- 瑕佹墦鍗扮殑鍖哄煙 -->
+      <div id="printMe2" style="padding: 30px;">
+        <div
+          style="display: flex;width: 280px;height: 150px;border: 1px solid #000;text-align: center;font-size: 10px;"
+        >
+
+          <div style="width: 90px;display: flex;flex-direction: column;border-right: 1px solid #000">
+            <div
+              style="display: flex;height: 90px;border-bottom:1px solid #000;
+              justify-content: center;align-items: center;position: relative"
+            >
+              <div id="qrCode2" ref="qrCodeDiv2" style="overflow-y: hidden;height:60px;position: absolute;left: 14px;" />
+            </div>
+            <div style="display: flex;height: 30px;justify-content: flex-start;border-bottom:1px solid #000;align-items: center">
+              <div style="margin-left: 5px;width: 28px">鏁伴噺:</div>
+              {{ qrForm.startqty }}
+            </div>
+            <div style="display: flex;height: 30px;justify-content: flex-start;align-items: center">
+              <div style="margin-left: 5px;width: 42px">澶勭悊浜�:</div>
+              {{ qrForm.operator }}
+            </div>
+          </div>
+
+          <div style="width:190px;display: flex;flex-direction: column">
+            <div
+              style="display: flex;height: 20%;border-bottom:1px solid #000;justify-content: flex-start;align-items: center;text-align: left"
+            >
+              <div style="width: 60px;margin-left: 5px;">宸ュ崟缂栧彿:</div>
+              <div>{{ qrForm.wo_code }}</div>
+            </div>
+            <div
+              style="display: flex;height: 20%;border-bottom:1px solid #000;justify-content: flex-start;align-items: center ;text-align: left"
+            >
+              <div style="width: 60px;margin-left: 5px;">浜у搧缂栫爜:</div>
+              <div>{{ qrForm.partcode }}</div>
+            </div>
+            <div
+              style="display: flex;height: 20%;border-bottom:1px solid #000 ;justify-content: flex-start;align-items: center;text-align: left"
+            >
+              <div style="width:60px;margin-left: 5px;">浜у搧鍚嶇О:</div>
+              <div>{{ qrForm.partname }}</div>
+            </div>
+            <div
+              style="display: flex;height: 20%;border-bottom:1px solid #000 ;justify-content: flex-start;align-items: center;text-align: left"
+            >
+              <div style="width:60px;margin-left: 5px;">涓嬮亾宸ュ簭:</div>
+              <div>{{ qrForm.nextstepname }}</div>
+            </div>
+            <div style="display: flex;height: 20%;justify-content: flex-start;align-items: center;text-align: left">
+              <div style="width: 60px;margin-left: 5px;">澶勭悊鏃堕棿:</div>
+              <div>{{ qrForm.operatorTime }}</div>
+            </div>
+
+          </div>
+
+        </div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <div class="footerButton">
+          <el-button @click="dialogVisible2 = false">鍙� 娑�</el-button>
+          <el-button v-print="printObj2" type="primary">纭� 瀹�</el-button>
+        </div>
+      </span>
+    </el-dialog>
+
   </div>
 </template>
 
@@ -707,7 +823,7 @@
   SelectRouteStep
 } from '@/api/scgl'
 import { PartSelect } from '@/api/zzmx'
-import { handleDatetime } from '@/utils/global'
+import { handleDatetime, handleDatetime2 } from '@/utils/global'
 import { getCookie } from '@/utils/auth'
 import { MesOrderPrintSearch1, PrintOrder } from '@/api/utils'
 import { urlAddRandomNo, webapp_ws_ajax_run, webapp_ws_autoupdate } from '@/utils/grwebapp'
@@ -732,7 +848,7 @@
       }
     }
     return {
-      isFullscreen: false,
+      isIpad: false,
       mainHeight: 0,
       tableHeight: 0,
       username: '',
@@ -856,12 +972,43 @@
         routename: '',
         lm_date: ''
       },
-      number: ''
+      number: '',
+      dialogVisible2: false,
+      printObj2: {
+        id: 'printMe2',
+        popTitle: '鎵撳嵃妯℃澘',
+        preview: false,
+        extraHead: '<meta http-equiv="Content-Language" content="zh-cn"/>',
+        closeCallback(vue) { // 鍏抽棴鎵撳嵃鐨勫洖璋冧簨浠讹紙鏃犳硶纭畾鐐瑰嚮鐨勬槸纭杩樻槸鍙栨秷锛�
+          console.log('11212', vue)
+          // vue.dialogVisible = false
+          vue.dialogVisible2 = false
+          // vue.dialogVisible = false
+        },
+        beforeOpenCallback(vue) {
+          vue.printLoading = true
+          console.log('鎵撳紑涔嬪墠')
+          console.log()
+        },
+        openCallback(vue) {
+          vue.printLoading = false
+          console.log('鎵ц浜嗘墦鍗�')
+        }
+      },
+      qrForm: {
+        qrvalue: '',
+        startqty: '',
+        wo_code: '',
+        partcode: '',
+        partname: '',
+        nextstepname: '',
+        operator: '', // 鎿嶄綔浜�
+        operatorTime: ''// 鎿嶄綔鏃堕棿
+      }
     }
   },
   created() {
-    this.getMesOrderSearch()
-    this.getSelect()
+    this.handleRequest()
   },
   mounted() {
     window.addEventListener('resize', this.getHeight)
@@ -871,6 +1018,16 @@
     this.username = getCookie('username')
   },
   methods: {
+    tableRowClassName({ row, rowIndex }) {
+      return 'custom-row'
+    },
+    handleRequest() {
+      this.getMesOrderSearch().then(res => {
+        if (res.code === '200') {
+          this.getSelect()
+        }
+      })
+    },
     async getMesOrderSearch() {
       // let tempDate = this.form.createdate
       // if (tempDate.length > 0) {
@@ -895,6 +1052,7 @@
       this.total = res.count
 
       // this.form.createdate = tempDate
+      return { code: res.code }
     },
     async getSelect() {
       // 鑾峰彇浜у搧淇℃伅
@@ -1179,12 +1337,12 @@
     // 鑾峰彇椤甸潰楂樺害
     getHeight() {
       this.$nextTick(() => {
-        this.mainHeight = window.innerHeight - 250
-        this.tableHeight = this.mainHeight - 100
-        // this.isFullscreen = window.innerHeight < 800
-        if (this.isFullscreen) {
-          this.tableHeight = this.tableHeight - 50
+        this.mainHeight = window.innerHeight - 85
+        this.tableHeight = this.mainHeight - 260
+        if (window.innerHeight < 769) {
+          this.tableHeight = this.tableHeight - 20
         }
+        this.isIpad = window.innerHeight < 769 && window.innerWidth < 1367
       })
     },
     // 宸ヨ壓璺嚎鏀惧ぇ闀滅偣鍑�
@@ -1300,25 +1458,62 @@
 
       // this.$refs.qrCodeDiv0.title = ''
 
-      // this.$refs.qrCodeDiv1 = ''
-      // this.$refs.qrCodeDiv2 = ''
-      // this.$refs.qrCodeDiv3 = ''
-
-      // this.$ref['qrCodeDiv'].clearable()
-      // this.tableDataPrint.forEach((item, index) => {
-      // this.$refs['qrCodeDiv' + item.seq] = ''
-      //   this.$refs[('qrCodeDiv' + index).toString()] = ''
-      // //   this.bindQRCode(item.seq, '', 'small')//姝ゆ柟娉曟病鐢�
-      // })
-      // this.bindQRCode(this.tableDataPrint.length, '', 'big')//姝ゆ柟娉曟病鐢�
-      // this.$refs[('qrCodeDiv' + this.tableDataPrint.length).toString()] = ''
-
       this.tableDataPrint = []
     },
     // 琛ユ墦鎸夐挳
     supplementClick() {
       this.dialogVisibleTask = false
       this.handlePrint()
+    },
+    // 琛ユ墦灏忔爣绛�
+    supplementSmallClick(row) {
+      // let obj = {}
+
+      this.taskTableData.forEach((item, index) => {
+        if (item.seq === row.seq) {
+          console.log(item)
+          this.qrForm = {
+            qrvalue: item.seq === this.taskTableData.length ? item.wo_code + ';' + item.stepcode : item.wo_code + ';' + this.taskTableData[item.seq].stepcode,
+            startqty: item.seq === this.taskTableData.length ? item.plan_qty : this.taskTableData[item.seq].plan_qty,
+            wo_code: item.wo_code,
+            partcode: item.partcode,
+            partname: item.partname,
+            nextstepname: item.seq === this.taskTableData.length ? item.stepname : this.taskTableData[item.seq].stepname,
+            operator: getCookie('username'),
+            operatorTime: handleDatetime2(new Date())
+          }
+          this.$nextTick(() => {
+            console.log(this.qrForm.qrvalue, 3333)
+            this.bindQRCode2(this.qrForm.qrvalue)
+          })
+        }
+      })
+
+      // this.dialogVisibleTask = false
+      this.dialogVisible2 = true
+      console.log(this.qrForm, 1111)
+    },
+    dialogVisible2Close() {
+      this.qrForm.qrvalue = ''
+      this.qrForm.startqty = ''
+      this.qrForm.wo_code = ''
+      this.qrForm.partcode = ''
+      this.qrForm.partname = ''
+      this.qrForm.nextstepname = ''
+      this.qrForm.operator = ''
+      this.qrForm.operatorTime = ''
+      // this.$refs.qrCodeDiv2 = ''
+    },
+    // 鐢熸垚浜岀淮鐮�
+    bindQRCode2(text) {
+      new QRCode(this.$refs.qrCodeDiv2, {
+        text: text,
+        width: 60,
+        height: 60,
+        colorDark: '#000', // 浜岀淮鐮侀鑹�
+        colorLight: '#ffffff', // 浜岀淮鐮佽儗鏅壊
+        correctLevel: QRCode.CorrectLevel.L// 瀹归敊鐜囷紝L/M/H
+      })
     }
 
   }
@@ -1327,53 +1522,10 @@
 
 <style lang="scss" scoped>
 $main_color: #42b983;
-::v-deep .el-button--primary {
-  background-color: $main_color !important;
-  height: 30px;
-  display: flex;
-  align-items: center;
-  //border: 1px solid $main_color;
-  border: none;
-  padding: 0 20px;
-}
 
-::v-deep .el-button--primary:hover {
-  border: none;
+.el-date-editor{
+  font-size: 14px;
 }
-
-::v-deep .el-button--info {
-  height: 30px;
-  display: flex;
-  align-items: center;
-  padding: 0 20px;
-}
-
-::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {
-  background-color: $main_color !important;
-}
-
-::v-deep .el-dialog__footer {
-  display: flex;
-  justify-content: flex-end;
-}
-
-.footerButton {
-  display: flex;
-  justify-content: end;
-}
-
-::v-deep .el-button--default {
-  background-color: #ffffff !important;
-  height: 30px;
-  display: flex;
-  align-items: center;
-  padding: 0 20px;
-}
-
-::v-deep .el-button--default:hover {
-  color: #606266;
-}
-
 ::v-deep .el-dialog__body {
   padding: 20px 100px !important;
 }
@@ -1386,37 +1538,8 @@
   padding: 20px 20px !important;
 }
 
-::v-deep .el-radio__input.is-checked .el-radio__inner {
-  background-color: $main_color;
-  border-color: $main_color;
-}
-
-::v-deep .el-radio__input.is-checked + .el-radio__label {
-  color: $main_color !important;
-}
-
-::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
-  border-color: $main_color;
-  background-color: $main_color;
-}
-
-::v-deep .el-input__inner {
-  height: 30px;
-  line-height: 30px;
-}
-
-::v-deep .el-input__inner:focus {
-  border-color: $main_color;
-}
-
 ::v-deep .el-table .caret-wrapper {
   transform: scale(0.8);
-}
-
-::v-deep .cell {
-  display: flex !important;
-  align-items: center !important;
-  justify-content: space-between !important;
 }
 
 ::v-deep .el-button--text {
@@ -1432,45 +1555,8 @@
   align-items: center;
 }
 
-.el-icon-share {
-  color: $main_color;
-  cursor: pointer;
-}
-
-.el-checkbox.is-bordered.is-checked {
-  border-color: $main_color;
-}
-
-::v-deep .el-radio__input.is-checked .el-radio__inner {
-  border-color: $main_color;
-  background: $main_color;
-}
-
-::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {
-  border-color: $main_color;
-  background: $main_color;
-}
-
-::v-deep .el-checkbox__input.is-checked + .el-checkbox__label {
-  color: $main_color !important;
-}
-
-::v-deep .el-checkbox.is-bordered + .el-checkbox.is-bordered {
-  margin: 10px 30px 0px 0;
-}
-
-::v-deep .el-radio__input.is-checked + .el-radio__label {
-  color: $main_color;
-}
-
 ::v-deep .el-radio.is-bordered + .el-radio.is-bordered {
   margin: 10px 30px 0px 0;
-}
-
-.body ::v-deep .el-divider {
-  border: 1px solid #eee;
-  width: 99%;
-  margin: 10px auto;
 }
 
 .body ::v-deep .el-form-item {
@@ -1479,26 +1565,6 @@
 
 .elForm ::v-deep .el-form-item {
   margin-bottom: 0;
-}
-
-::v-deep .el-input__inner:focus {
-  border-color: $main_color;
-}
-
-::v-deep .el-select .el-input__inner:focus {
-  border-color: $main_color;
-}
-
-::v-deep .el-select-dropdown__item.selected {
-  color: $main_color;
-}
-
-::v-deep .el-checkbox__inner:hover {
-  border-color: $main_color;
-}
-
-::v-deep .el-textarea__inner:focus {
-  border-color: $main_color;
 }
 
 .elTableDiv {
@@ -1540,3 +1606,117 @@
 color: #000 !important;
 }
 </style>
+<!--鍏叡椤甸潰鏍峰紡-->
+<style lang="scss" scoped>
+$main_color: #42b983;
+.el-icon-share ,.el-icon-delete,.el-icon-edit-outline{
+  color: $main_color;
+  cursor: pointer;
+}
+.el-icon-edit-outline{
+  margin-right: 15px;
+}
+
+::v-deep .el-button--primary, .el-button--default, .el-button--info {
+  height: 34px;
+  display: flex;
+  align-items: center;
+  padding: 0 15px;
+}
+
+::v-deep .el-button--primary {
+  //background-color: $main_color !important;
+}
+
+::v-deep .el-button--default {
+  background-color: #f8f8fa;
+  border: none;
+}
+
+::v-deep .el-input__inner {
+  height: 34px;
+  line-height: 34px;
+  //color: #a7a7a7;
+}
+
+::v-deep .el-dialog__body {
+  padding: 20px 100px !important;
+}
+
+::v-deep .dialogVisibleRoles .el-dialog__body {
+  padding: 20px 20px !important;
+}
+
+::v-deep .importPickerClass .el-dialog__body {
+  padding: 20px 20px !important;
+}
+
+::v-deep .el-dialog__footer {
+  display: flex;
+  justify-content: flex-end;
+}
+
+::v-deep .el-table .caret-wrapper {
+  transform: scale(0.8);
+}
+
+::v-deep .cell {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+::v-deep .el-table::before {
+  height: 0;
+}
+
+::v-deep .el-table__body-wrapper {
+  background-color: #f8f8fa;
+}
+
+::v-deep .el-table__body .el-table__row.hover-row td{
+  background-color: #eaecef ;
+}
+
+::v-deep .el-form--inline .el-form-item__label {
+  color: #a7a7a7;
+}
+
+.body ::v-deep .el-divider {
+  border: 1px solid #eee;
+  width: 99%;
+  margin: 10px auto;
+}
+
+.body ::v-deep .el-form-item {
+  margin-bottom: 0;
+}
+.userDialogVisible ::v-deep .el-form-item {
+  margin-bottom: 0;
+}
+
+.dateMini {
+  ::v-deep .el-input__inner {
+    line-height: 34px;
+    height: 34px;
+    width: 200px;
+    display: flex;
+    font-size: 14px !important;
+    align-items: center !important;
+  }
+
+  ::v-deep .el-input__prefix{
+    margin-top: -3px;
+  }
+  //::v-deep .el-range__icon{
+  //  line-height: 28px;
+  //}
+}
+
+</style>
+<style>
+
+.el-table .custom-row {
+  background: #f8f8fa;
+}
+</style>

--
Gitblit v1.9.3