1.项目全局配置（部分）

loulijun2021

2022-06-13 71fc2c24359c747c84b92fa45f542141e5678eb2

 src/views/zzmx/gylx.vue

@@ -22,7 +22,8 @@
          </div>
          <div style="display: flex;">
            <el-button type="primary" icon="el-icon-search" @click="search">查询</el-button>
            <el-button type="text" style="display: flex;align-items: start;padding-top: 10px;" @click="reset">重置</el-button>
            <el-button type="text" style="display: flex;align-items: start;padding-top: 10px;" @click="reset">重置
            </el-button>
          </div>
        </el-form>
        <div style="display: flex;justify-content: space-between">
@@ -46,9 +47,8 @@
          <el-table
            :data="tableData1"
            style="width: 100%;border: 1px solid #eee"
            :header-cell-style="headerCellStyle"
            :header-row-style="headerRowStyle"
            :cell-style="cellStyle"
            :header-cell-style="this.$headerCellStyle"
            :cell-style="this.$cellStyle"
          >
            <el-table-column type="selection">
              <!--              <template slot-scope="{row}">-->
@@ -59,8 +59,8 @@
              <!--              </template>-->
            </el-table-column>
            <el-table-column label="工艺路线" prop="gylx" />
            <el-table-column label="物料编码" prop="wlbm" />
            <el-table-column label="物料名称" prop="wlmc" />
            <el-table-column show-overflow-tooltip label="物料编码" prop="wlbm" />
            <el-table-column show-overflow-tooltip label="物料名称" prop="wlmc" />
            <el-table-column label="物料规格" prop="wlgg" />
            <el-table-column label="结束装箱" prop="jszx">
              <template slot-scope="{row}">
@@ -87,8 +87,8 @@
            border
            height="500px"
            style="width: 100%;"
            :header-cell-style="headerCellStyle"
            :cell-style="cellStyle"
            :header-cell-style="this.$headerCellStyle"
            :cell-style="this.$cellStyle"
          >
            <el-table-column label="" prop="" type="index" />
            <el-table-column label="工序编码" prop="gxbm" />
@@ -128,7 +128,7 @@
            <div>
              <el-steps
                style="display:flex;
              margin-top: -25px;
                margin-top: -25px;
                justify-content: center;"
                :space="400"
                :active="3"
@@ -203,6 +203,7 @@
<script>

import Pagination from '@/components/Pagination'
import { cellStyle } from '@/utils/global'

export default {
  name: 'Gylx',
@@ -340,6 +341,7 @@
    }
  },
  created() {

  },
  methods: {
    // 导入
@@ -365,7 +367,7 @@
      // })
    },
    // 导出
    async  downLoad() {
    async downLoad() {
      // const res = await downFile(row.id)
      // if (res) {
      //   // console.log(res)
@@ -433,22 +435,22 @@
      this.form.wlbm = ''
      this.form.wlmc = ''
    },
    // 处理表头单元格样式
    headerCellStyle() {
      const option = {
        background: '#eee', padding: '5px 0'
        // border: '1px solid #fff'
      }
      return option
    },
    // 处理表头行样式
    headerRowStyle() {

    },
    // 处理表格单元格样式
    cellStyle() {
      return { padding: '5px 0' }
    },
    // // 处理表头单元格样式
    // headerCellStyle() {
    //   const option = {
    //     background: '#eee', padding: '5px 0'
    //   }
    //   return option
    // },
    // // 处理表头行样式
    // headerRowStyle() {
    //
    // },
    // // 处理表格单元格样式
    // cellStyle() {
    //   // return {padding: '5px 0'}
    //   return { padding: '0' }
    // },
    // 查询事件
    async search() {
      const data = this.form
@@ -459,30 +461,31 @@
}
</script>

<style scoped>
<style lang="scss" scoped>
$main_color: #42b983;
::v-deep .el-button--primary {
  background-color: #42b983 !important;
  background-color: $main_color !important;
  height: 30px;
  display: flex;
  align-items: center;
}

::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: #42b983 !important;
  background-color: $main_color !important;
}

::v-deep .el-button--text {
  color: #42b983;
  color: $main_color;
  font-size: 14px;
}

::v-deep .el-step__head.is-finish {
  color: #42b983;
  border-color: #42b983;;
  color: $main_color;
  border-color: $main_color;;
}

::v-deep .el-step__title.is-finish {
  color: #42b983;
  color: $main_color;
}

::v-deep .el-radio.is-bordered + .el-radio.is-bordered {
@@ -494,27 +497,29 @@
  content: '' !important;
}

::v-deep .el-radio__input.is-checked+.el-radio__label{
  color: #42b983;
::v-deep .el-radio__input.is-checked + .el-radio__label {
  color: $main_color;
}

::v-deep .el-radio.is-bordered.is-checked{
  border-color: #42b983;
::v-deep .el-radio.is-bordered.is-checked {
  border-color: $main_color;
}

::v-deep .el-radio__input.is-checked .el-radio__inner{
  border-color: #42b983;
  background: #42b983;
::v-deep .el-radio__input.is-checked .el-radio__inner {
  border-color: $main_color;
  background: $main_color;
}

::v-deep .el-checkbox__input.is-checked .el-checkbox__inner{
  border-color: #42b983;
  background-color: #42b983;
::v-deep .el-checkbox__input.is-checked .el-checkbox__inner {
  border-color: $main_color;
  background-color: $main_color;
}
::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner{
  border-color: #42b983;
  background-color: #42b983;

::v-deep .el-checkbox__input.is-indeterminate .el-checkbox__inner {
  border-color: $main_color;
  background-color: $main_color;
}

/*::v-deep .el-divider--horizontal{*/
/*  margin:0 0 10px 0;*/
/*}*/