From dc1879fd0713eed48b2c75af5f29a1085291d276 Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期二, 07 五月 2024 14:40:55 +0800
Subject: [PATCH] 1.文件替换

---
 src/views/qualityManager/processCheck.vue |  802 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 802 insertions(+), 0 deletions(-)

diff --git a/src/views/qualityManager/processCheck.vue b/src/views/qualityManager/processCheck.vue
index e69de29..dbe4e3a 100644
--- a/src/views/qualityManager/processCheck.vue
+++ b/src/views/qualityManager/processCheck.vue
@@ -0,0 +1,802 @@
+<template>
+  <div>
+    <div class="body" :style="{height:mainHeight+'px'}" style="background-color: #eaecef">
+
+      <div
+        style="background-color: #f8f8fa;margin: 10px 0;
+         overflow-y:auto;overflow-x: hidden;
+        display: flex;flex-direction: column"
+        :style="{height:mainHeight+'px'}"
+      >
+        <div class="content1">
+          <div>
+            <i class="el-icon-s-operation" style="font-size: 14px" :style="{color:$store.state.settings.theme}" />
+          </div>
+          <div class="title">
+            鎵弿淇℃伅
+          </div>
+        </div>
+
+        <div class="content2">
+          <el-form :inline="true" label-width="80px">
+            <el-form-item label="妫�楠岀被鍨�">
+              <el-select
+                v-model="form.checktype"
+                style="width: 160px;"
+                placeholder="璇烽�夋嫨"
+                filterable
+              >
+                <el-option
+                  v-for="item in checktypeArr"
+                  :key="item.code"
+                  :label="item.name"
+                  :value="item.code"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="鎵爜鏉$爜">
+              <el-input
+                v-model="form.orderstepqrcode"
+                name="GXproduceCode"
+                style="width: 250px"
+                placeholder="璇锋壂鐮佸伐鍗曞伐搴忕爜"
+                @keyup.enter.native="enterNative"
+              />
+            </el-form-item>
+          </el-form>
+        </div>
+
+        <div class="content1">
+          <div>
+            <i class="el-icon-s-operation" style="font-size: 14px" :style="{color:$store.state.settings.theme}" />
+          </div>
+          <div class="title">
+            宸ュ崟淇℃伅
+          </div>
+        </div>
+        <div class="content2" style="width: 60%;margin-left: 30px;">
+          <div class="orderMsg">鍗曟嵁缂栧彿锛歿{ form.wocode }}</div>
+          <div class="orderMsg">鐗╂枡缂栫爜锛歿{ form.partcode }}</div>
+          <div class="orderMsg">鐗╂枡鍚嶇О锛歿{ form.partname }}</div>
+        </div>
+        <div class="content2" style="width: 60%;margin-left: 30px;">
+          <div class="orderMsg">鐗╂枡瑙勬牸锛歿{ form.partspec }}</div>
+          <div class="orderMsg">宸ュ簭缂栫爜锛歿{ form.stepcode }}</div>
+          <div class="orderMsg">宸ュ簭鍚嶇О锛歿{ form.stepname }}</div>
+        </div>
+
+        <div class="content1">
+          <div>
+            <i class="el-icon-s-operation" style="font-size: 14px" :style="{color:$store.state.settings.theme}" />
+          </div>
+          <div class="title">
+            璐ㄦ鏂规
+          </div>
+        </div>
+        <div class="content2" style="width: 60%;margin-left: 30px;">
+          <div class="orderMsg">鏂规鍚嶇О锛歿{ form.checkstandname }}</div>
+          <div class="orderMsg">鎶芥牱鏂瑰紡锛歿{
+            form.sampmethod === 'FIXED' ? '鍥烘椂鎶芥' : form.sampmethod === 'SCARE' ? '姣斾緥鎶芥' : ''
+          }}
+          </div>
+        </div>
+        <div class="content2" style="width: 60%;margin-left: 30px;">
+          <div class="orderMsg">鎶ュ伐鏁伴噺锛歿{ form.good_qty }}</div>
+          <div class="orderMsg">鏍锋湰鏁伴噺锛�
+            <el-input-number
+              v-if="form.good_qty"
+              v-model="form.sampscare"
+              :max="form.good_qty"
+              :min="1"
+              size="medium"
+              @change="numberChange"
+            />
+          </div>
+        </div>
+
+        <div
+          v-if="checkItemArr.length>0"
+          class="content1"
+        >
+          <div>
+            <i class="el-icon-s-operation" style="font-size: 14px" :style="{color:$store.state.settings.theme}" />
+          </div>
+          <div class="title">
+            妫�楠岄」鐩�
+          </div>
+        </div>
+        <div
+          v-if="form.sampscare!==1&&checkItemArr.length>0"
+          class="content2"
+          style="width: 60%;"
+        >
+          <el-link :underline="false" :disabled="!(stepActive>0)" style="width: 60px;margin-top: 5px" @click="pre">涓婁竴浠�
+          </el-link>
+          <el-steps :active="stepActive" style="width: 70%;margin:0 10px;" finish-status="success">
+            <el-step v-for="item in form.sampscare" :key="item" title="" />
+          </el-steps>
+          <el-link
+            :underline="false"
+            :disabled="!(stepActive < form.sampscare-1)"
+            style="width: 60px;margin-top: 5px"
+            @click="next"
+          >涓嬩竴浠�
+          </el-link>
+        </div>
+
+        <div
+          class="content2"
+          style="flex-direction: column;justify-content:flex-start;width: 480px;margin-top: 10px;"
+        >
+
+          <div
+            v-for="(item,index) in checkItemArr"
+            v-if="stepActive+1===item.checkNumber"
+            :key="item.code+(stepActive+1).toString()"
+            :style="{borderBottom:(index+1)%checkItemArr.map(i=>i.checkNumber===1).filter(i=>i).length!==0?`1px solid rgba(48,49,51,0.2)`:''}"
+            class="checkItem"
+          >
+
+            <div style="display: flex;justify-content: space-between;align-items: center">
+              <div style="display: flex;width: 300px;">
+                <div class="serialNumber">{{ item.stepcheckitem_seq }}</div>
+                <div style="display: flex;align-items: center">{{ item.name }}</div>
+              </div>
+
+              <div v-show="item.numberjudge==='N'" style="width: 150px;display: flex;padding-left: 20px">
+                <el-button
+                  type="primary"
+                  size="mini"
+                  :plain="!item.check_result"
+                  @click="checkResultClick('OK',item)"
+                >鍚堟牸
+                </el-button>
+                <el-button
+                  type="warning"
+                  size="mini"
+                  :plain="item.check_result"
+                  @click="checkResultClick('NG',item)"
+                >涓嶅悎鏍�
+                </el-button>
+              </div>
+              <div v-show="item.numberjudge!=='N'" style="width: 150px;" />
+            </div>
+
+            <div style="display: flex;margin-bottom: 5px">
+              <div style="display: flex;flex-direction: column">
+                <div v-if="item.standvalue" class="itemTitle">鏍囧噯鍊�</div>
+                <div v-if="item.uppervalue" class="itemTitle">涓婇檺鍊�</div>
+                <div v-if="item.lowervalue" class="itemTitle">涓嬮檺鍊�</div>
+                <div v-if="item.stepcheckitem_desc" class="itemTitle">鎻忚堪</div>
+                <div v-if="item.numberjudge!=='N'" class="itemTitle">瀹炴祴鍊�
+                  <el-input
+                    v-model="item.real_value"
+                    size="mini"
+                    oninput="value=value.replace(/[^0-9]/g,'')"
+                    style="width: 100px;margin-left: 5px"
+                    @input="val=>inputChange(val,item)"
+                  />
+                </div>
+              </div>
+              <div style="display: flex;flex-direction: column">
+                <div v-if="item.standvalue" class="itemContent">{{ item.standvalue }}</div>
+                <div v-if="item.uppervalue" class="itemContent">{{ item.uppervalue }}</div>
+                <div v-if="item.lowervalue" class="itemContent">{{ item.lowervalue }}</div>
+                <div v-if="item.stepcheckitem_desc" class="itemContent">{{ item.stepcheckitem_desc }}</div>
+
+                <div v-show="item.numberjudge!=='N'" class="itemContent" style="width: 150px;display: flex">
+                  <el-button
+                    type="primary"
+                    size="mini"
+                    :disabled="item.required==='Y'&&!item.real_value"
+                    :plain="!item.check_result"
+                    @click="checkResultClick('OK',item)"
+                  >鍚堟牸
+                  </el-button>
+                  <el-button
+                    type="warning"
+                    size="mini"
+                    :disabled="item.required==='Y'&&!item.real_value"
+                    :plain="item.check_result"
+                    @click="checkResultClick('NG',item)"
+                  >
+                    涓嶅悎鏍�
+                  </el-button>
+                </div>
+              </div>
+            </div>
+
+          </div>
+
+        </div>
+
+        <div
+          v-if="checkItemArr.filter(i=>i.check_result!=='').length===checkItemArr.length&&checkItemArr.length>0"
+          class="content1"
+        >
+          <div>
+            <i class="el-icon-s-operation" style="font-size: 14px" :style="{color:$store.state.settings.theme}" />
+          </div>
+          <div class="title">
+            妫�楠岀粨鏋�
+          </div>
+        </div>
+
+        <div
+          v-if="checkItemArr.filter(i=>i.check_result!=='').length===checkItemArr.length&&checkItemArr.length>0"
+          class="content2"
+          style="width: 60%;margin-left: 30px;"
+        >
+          <div class="orderMsg2">鏍锋湰鏁伴噺锛歿{ form.sampscare }}</div>
+          <div class="orderMsg2">鍚堟牸鏁伴噺锛歿{ form.goodqty }}</div>
+          <div class="orderMsg2">涓嶅悎鏍兼暟閲忥細{{ form.ngqty }}</div>
+
+          <div style="width: 290px;display: flex;align-items: center" class="resultButton">
+            <div style="width: 70px;">鍒ゅ畾缁撴灉锛�</div>
+            <el-button type="primary" size="medium" :plain="!check_result" @click="check_result=true">鍚堟牸</el-button>
+            <el-button type="warning" size="medium" :plain="check_result" @click="check_result=false">涓嶅悎鏍�</el-button>
+          </div>
+        </div>
+
+        <div
+          v-if="checkItemArr.filter(i=>i.check_result!=='').length===checkItemArr.length&&checkItemArr.length>0"
+          class="content2   submitButton"
+          style="margin-top: 10px;margin-bottom: 10px;"
+        >
+          <el-button
+            v-waves
+            type="primary"
+            @click="submitButton"
+          >鎻愪氦
+          </el-button>
+        </div>
+
+      </div>
+
+    </div>
+  </div>
+</template>
+
+<script>
+import waves from '@/directive/waves'
+import $ from 'jquery'
+import { MesOrderStepCheckItemList, MesOrderStepCheckSearch, SaveMesOrderStepCheckItem } from '@/api/QualityManagement'
+import { getCookie } from '@/utils/auth'
+
+export default {
+  name: 'Zzjg',
+
+  directives: { waves },
+  data() {
+    return {
+      mouseHoverType: 'mouseout',
+      isExpandForm: false,
+      mainHeight: 0,
+      tableHeight: 0,
+
+      form: {
+        orderstepqrcode: '', // 鎵弿宸ュ簭浜岀淮鐮佷俊鎭�
+        checktype: 'FirstCheck',
+
+        wocode: '',
+        partcode: '',
+        partname: '',
+        partspec: '',
+        stepcode: '',
+        stepname: '',
+        checkstandcode: '',
+        checkstandname: '',
+        check_type: '',
+        sampmethod: '', // FIXED(鍥烘椂鎶芥)  SCARE(姣斾緥鎶芥)
+        sampscare: '',
+        qualitystatus: '',
+        good_qty: '', // 鎸囩殑鎶ュ伐鏁伴噺
+        sampleqty: '',
+        goodqty: '', // 鍚堟牸鏁伴噺
+        ngqty: '', // 涓嶈壇鏁伴噺
+        // checkitemcont: [],
+
+        username: getCookie('admin')
+
+      },
+      checktypeArr: [
+        { code: 'FirstCheck', name: '棣栨' },
+        { code: 'PatroCheck', name: '宸℃' },
+        { code: 'EndCheck', name: '瀹屽伐妫�' }
+      ],
+      stepActive: 0, // 褰撳墠澶勪簬绗嚑浠�
+
+      checkItemArr: [],
+      check_result: ''
+
+    }
+  },
+
+  watch: {
+    'checkItemArr': {
+      deep: true, // 娣卞害鐩戝惉鏃�  鐩戝惉鍒板睘鎬�              褰撲笉涓烘繁搴︾洃鍚椂锛屽彲鐩戝惉闀垮害
+      handler: function(val) {
+        // do something with the new and old value of myArray
+        this.form.goodqty = 0
+        for (var i = 0; i < this.form.sampscare; i++) {
+          const flag = this.checkItemArr.filter(j => j.checkNumber === i + 1).every(j => j.check_result)
+          if (flag) {
+            this.form.goodqty++
+          }
+        }
+        this.form.ngqty = this.form.sampscare - this.form.goodqty
+      }
+    }
+  },
+
+  created() {
+
+  },
+  mounted() {
+    window.addEventListener('resize', this.getHeight)
+    this.getHeight()
+
+    this.getFocus()
+  },
+  methods: {
+    // 鑾峰彇鑱氱劍
+    getFocus() {
+      this.$nextTick(() => {
+        $('input[name=\'GXproduceCode\']')[0].focus()
+      })
+    },
+    async enterNative() {
+      const data = {
+        orderstepqrcode: this.form.orderstepqrcode,
+        checktype: this.form.checktype,
+        stu_torgcode: getCookie('stu_torgcode')
+      }
+      const { data: res } = await MesOrderStepCheckSearch(data)
+      this.form.wocode = res.labcont[0].wo_code
+      this.form.partcode = res.labcont[0].partcode
+      this.form.partname = res.labcont[0].partname
+      this.form.partspec = res.labcont[0].partspec ? res.labcont[0].partspec : '/'
+      this.form.stepcode = res.labcont[0].stepcode
+      this.form.stepname = res.labcont[0].stepname
+      this.form.good_qty = res.labcont[0].good_qty
+
+      this.form.checkstandcode = res.chekstand[0].checkstandcode
+      this.form.checkstandname = res.chekstand[0].checkstandname
+      this.form.sampmethod = res.chekstand[0].sampmethod
+
+      this.form.sampscare = res.chekstand[0].sampmethod === 'FIXED' ? res.chekstand[0].sampscare
+        : res.labcont[0].good_qty * res.chekstand[0].sampscare / 100
+      this.form.sampscare = this.form.sampscare <= this.form.good_qty ? this.form.sampscare : this.form.good_qty
+
+      await this.getMesOrderStepCheckItemList()
+    },
+    async getMesOrderStepCheckItemList() {
+      const { data: res } = await MesOrderStepCheckItemList({ checkstandcode: this.form.checkstandcode })
+      // this.checkItemArr = res
+      this.checkItemArr = []
+      for (let i = 0; i < this.form.sampscare; i++) {
+        res.forEach(j => {
+          this.checkItemArr.push({
+            checkNumber: i + 1,
+            stepcheckitem_seq: j.stepcheckitem_seq,
+            name: j.name,
+            code: j.code,
+            standvalue: j.standvalue,
+            lowervalue: j.lowervalue,
+            uppervalue: j.uppervalue,
+
+            unit: j.unit,
+            stepcheckitem_desc: j.stepcheckitem_desc,
+            required: j.required, // 鏄惁蹇呭~
+            numberjudge: j.numberjudge, // 鏁板�煎垽鏂�
+            real_value: '',
+            check_result: j.numberjudge === 'Y' ? '' : true
+          })
+        })
+      }
+
+      if (this.checkItemArr.every(i => i.check_result)) {
+        this.check_result = true
+      } else {
+        this.check_result = ''
+      }
+    },
+
+    numberChange(currentValue, oldValue) {
+      const t = this.checkItemArr.filter(i => i.checkNumber === 1)
+
+      // 浠舵暟鍙樺皯鏃舵墽琛�
+      if (currentValue < this.checkItemArr.length / t.length) {
+        this.checkItemArr.reverse()
+        this.checkItemArr.splice(0, t.length * (oldValue - currentValue))
+        this.checkItemArr.reverse()
+
+        this.stepActive = currentValue - 1
+      }
+      // 浠舵暟鍙樺鏃舵墽琛�
+      if (currentValue > this.checkItemArr.length / t.length) {
+        for (let i = currentValue; i > oldValue; i--) {
+          t.forEach(j => {
+            this.checkItemArr.push({
+              checkNumber: i,
+              name: j.name,
+              code: j.code,
+              standvalue: j.standvalue,
+              lowervalue: j.lowervalue,
+              uppervalue: j.uppervalue,
+              stepcheckitem_seq: j.stepcheckitem_seq,
+              unit: j.unit,
+              stepcheckitem_desc: j.stepcheckitem_desc,
+              required: j.required, // 鏄惁蹇呭~
+              numberjudge: j.numberjudge, // 鏁板�煎垽鏂�
+              real_value: '',
+              check_result: j.numberjudge === 'Y' ? '' : true
+            })
+          })
+        }
+        this.checkItemArr.sort((a, b) => a.checkNumber - b.checkNumber)
+      }
+    },
+
+    pre() {
+      if (this.stepActive > 0) {
+        this.stepActive--
+      }
+    },
+    next() {
+      if (this.stepActive < this.form.sampscare) {
+        this.stepActive++
+      }
+    },
+
+    inputChange(val, item) {
+      if (val !== '') {
+        if (item.numberjudge === 'Y') { // 濡傛灉闇�瑕佽繘琛屾暟鍊煎垽鏂�
+          if (item.uppervalue === '' && item.lowervalue === '') { // 涓婇檺鍊间负绌猴紝涓嬮檺鍊间负绌�
+            item.check_result = parseFloat(val) === parseFloat(item.standvalue)
+          }
+
+          if (item.uppervalue !== '' && item.lowervalue !== '') { // 涓婇檺鍊间笉涓虹┖锛屼笅闄愬�间笉涓虹┖
+            item.check_result = parseFloat(val) >= parseFloat(item.lowervalue) && parseFloat(val) <=
+              parseFloat(item.uppervalue)
+          }
+
+          if (item.uppervalue !== '' && item.lowervalue === '') { // 涓婇檺鍊间笉涓虹┖锛屼笅闄愬�间负绌�
+            item.check_result = parseFloat(val) <= parseFloat(item.uppervalue)
+          }
+
+          if (item.uppervalue === '' && item.lowervalue !== '') { // 涓婇檺鍊间负绌猴紝涓嬮檺鍊间笉涓虹┖
+            item.check_result = parseFloat(val) >= parseFloat(item.lowervalue)
+          }
+        }
+      }
+
+      if (val === '') {
+        item.check_result = ''
+      }
+
+      this.check_result = !!this.checkItemArr.every(i => i.check_result)
+    },
+
+    checkResultClick(val, item) {
+      item.check_result = val === 'OK'
+
+      if (this.checkItemArr.filter(i => i.check_result !== '').length === this.checkItemArr.length) {
+        this.check_result = !!this.checkItemArr.every(i => i.check_result)
+      }
+    },
+
+    submitButton() {
+      this.$confirm('鏄惁纭鎻愪氦?', '鎻愮ず', {
+        confirmButtonText: '纭畾',
+        cancelButtonText: '鍙栨秷',
+        type: 'warning'
+      }).then(() => {
+        const checkitemcont = []
+        this.checkItemArr.forEach((i, index) => {
+          checkitemcont.push({
+            checknum: i.checkNumber + '/' + this.checkItemArr.length / this
+              .checkItemArr.filter(j => j.checkNumber === 1).length,
+            checkiem_seq: i.stepcheckitem_seq,
+            checkitem_code: i.code,
+            checkitem_name: i.name,
+            check_value: i.real_value ? i.real_value : '',
+            check_result: i.check_result ? 'OK' : 'NG',
+            checkitem_descr: ''
+          })
+        })
+
+        const data = {
+          stu_torgcode: getCookie('stu_torgcode'),
+          wocode: this.form.wocode,
+          partcode: this.form.partcode,
+          stepcode: this.form.stepcode,
+          checkstandcode: this.form.checkstandcode,
+          check_type: this.form.checktype,
+          sampmethod: this.form.sampmethod,
+          qualitystatus: this.check_result ? 'OK' : 'NG',
+          good_qty: this.form.good_qty,
+          sampleqty: this.form.sampscare,
+          goodqty: this.form.goodqty,
+          ngqty: this.form.ngqty,
+          admin: this.form.username,
+          checkitemcont
+        }
+
+        SaveMesOrderStepCheckItem(data).then(res => {
+          if (res.code === '200') {
+            this.form.orderstepqrcode = ''
+
+            this.form.wocode = ''
+            this.form.partcode = ''
+            this.form.partname = ''
+            this.form.partspec = ''
+            this.form.stepcode = ''
+            this.form.stepname = ''
+            this.form.checkstandcode = ''
+            this.form.checkstandname = ''
+            this.form.check_type = ''
+            this.form.sampmethod = ''// FIXED(鍥烘椂鎶芥)  SCARE(姣斾緥鎶芥)
+            this.form.sampscare = ''
+            this.form.qualitystatus = ''
+            this.form.good_qty = '' // 鎸囩殑鎶ュ伐鏁伴噺
+            this.form.sampleqty = ''
+            this.form.goodqty = '' // 鍚堟牸鏁伴噺
+            this.form.ngqty = '' // 涓嶈壇鏁伴噺
+            this.stepActive = 0
+            this.checkItemArr = []
+            this.check_result = ''
+            this.$message.success('妫�楠屾垚鍔燂紒')
+            this.getFocus()
+          }
+        })
+      })
+    },
+
+    // 鑾峰彇椤甸潰楂樺害
+    getHeight() {
+      this.$nextTick(() => {
+        this.mainHeight = window.innerHeight - 85
+        this.tableHeight = this.mainHeight - 255
+      })
+    },
+    tableRowClassName({ row, rowIndex }) {
+      return 'custom-row'
+    }
+  }
+}
+</script>
+
+<!--鍏叡椤甸潰鏍峰紡-->
+<style lang="scss" scoped>
+$main_color: #42b983;
+::v-deep .el-button--text {
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.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--warning, .el-button--default, .el-button--info {
+  //height: 34px;
+  //display: flex;
+  //align-items: center;
+  //padding: 0 15px;
+  width: 58px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.submitButton {
+  ::v-deep .el-button--primary {
+    width: 160px;
+    letter-spacing: 10px;
+    padding-left: 25px;
+    font-size: 18px;
+    //display: flex;
+    //justify-content: center;
+    //align-items: center;
+  }
+}
+
+.resultButton {
+  ::v-deep .el-button--primary {
+    width: 100px;
+    letter-spacing: 4px;
+    padding-left: 22px;
+  }
+
+  ::v-deep .el-button--warning {
+    width: 100px;
+    letter-spacing: 4px;
+    padding-left: 22px;
+  }
+}
+
+::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;
+  //font-size: 16px;
+}
+
+.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;
+}
+
+::v-deep .el-select__caret {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tableFixed {
+  ::v-deep .el-table__fixed-right {
+    height: 100% !important;
+  }
+
+  ::v-deep .el-table__fixed {
+    height: 100% !important;
+  }
+}
+</style>
+
+<style lang="scss" scoped>
+.content1 {
+  display: flex;
+  align-items: center;
+  margin: 10px 0 0 10px;
+
+  .title {
+    font-size: 14px;
+    font-weight: bold;
+    margin-left: 5px;
+  }
+}
+
+.content2 {
+  margin: 10px 0 0 20px;
+  display: flex;
+  font-size: 14px;
+  width: 100%;
+  align-items: center;
+}
+
+.orderMsg {
+  width: 33.33%;
+  display: flex;
+  align-items: center;
+}
+
+::v-deep .el-input-number--medium {
+  line-height: 32px;
+  width: 120px;
+}
+
+.checkItem {
+  display: flex;
+  justify-content: space-between;
+  min-height: 36px;
+
+  align-items: center;
+  flex-direction: column;
+  margin-top: 5px;
+}
+
+.serialNumber {
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  background-color: #42B983;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: 10px;
+}
+
+.itemTitle {
+  width: 300px;
+  padding-left: 40px;
+  height: 26px;
+  color: #909399;
+  display: flex;
+  align-items: center;
+
+  ::v-deep .el-input--mini {
+    line-height: 24px;
+    height: 24px;
+  }
+
+  ::v-deep .el-input__inner {
+    line-height: 24px;
+    height: 24px;
+  }
+}
+
+.itemContent {
+  width: 150px;
+  height: 26px;
+  padding-left: 20px;
+  display: flex;
+  align-items: center;
+
+}
+
+.orderMsg2 {
+  width: 200px;
+}
+</style>
+
+<style>
+
+.el-table .custom-row {
+  background: #f8f8fa;
+}
+</style>

--
Gitblit v1.9.3