From 42aca2d891b0f5f134de5ad1c7bfc1d65fe8df7d Mon Sep 17 00:00:00 2001
From: loulijun2021 <1694218219@qq.com>
Date: 星期五, 03 三月 2023 08:18:31 +0800
Subject: [PATCH] 1.新版页面样式

---
 src/views/xtsz/mmxg.vue |  621 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 613 insertions(+), 8 deletions(-)

diff --git a/src/views/xtsz/mmxg.vue b/src/views/xtsz/mmxg.vue
index 9396ccb..5d13ad7 100644
--- a/src/views/xtsz/mmxg.vue
+++ b/src/views/xtsz/mmxg.vue
@@ -1,11 +1,616 @@
-<template />
+<!--<template>-->
+<!--  <div>-->
+<!--    <div class="body" :style="{height:mainHeight+'px'}">-->
+<!--      <div class="bodyTopButtonGroup" style="justify-content: space-between">-->
+<!--        <el-button v-waves type="primary" icon="el-icon-circle-plus-outline" @click="add('add')">鏂板</el-button>-->
+<!--        <el-button v-waves icon="el-icon-download" @click="upload">瀵煎叆</el-button>-->
+<!--      </div>-->
 
-<script>
-export default {
-  name: 'Mmxg'
-}
-</script>
+<!--      <div class="bodyTopFormGroup" style="padding-left: 20px">-->
+<!--        <el-form-->
+<!--          ref="form"-->
+<!--          :model="form"-->
+<!--          label-width="95px"-->
+<!--          inline-->
+<!--          label-position="left"-->
+<!--          style="display: flex;"-->
+<!--        >-->
+<!--          <div class="elForm">-->
+<!--            <el-form-item label=" 姣嶄欢缂栫爜" style=" display: flex;">-->
+<!--              <el-input v-model="form.OrgCode" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+<!--            </el-form-item>-->
+<!--            <el-form-item label=" 姣嶄欢鍚嶇О" style=" display: flex;">-->
+<!--              <el-input v-model="form.OrgName" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+<!--            </el-form-item>-->
+<!--            <el-form-item label=" 姣嶄欢瑙勬牸" style=" display: flex;">-->
+<!--              <el-input v-model="form.OrgName" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+<!--            </el-form-item>-->
+<!--            <el-form-item label=" 鍚敤鐘舵��" style=" display: flex;">-->
+<!--              <el-select v-model="form.OrgType" style="width: 200px" placeholder="璇烽�夋嫨">-->
+<!--                <el-option-->
+<!--                  v-for="item in OrgTypeArr"-->
+<!--                  :key="item.code"-->
+<!--                  :label="item.name"-->
+<!--                  :value="item.code"-->
+<!--                />-->
+<!--              </el-select>-->
+<!--            </el-form-item>-->
+<!--            <el-form-item v-show="isExpandForm" label="鐗堟湰缂栧彿" style=" display: flex;">-->
+<!--              <el-input v-model="form.OrgName" placeholder="璇疯緭鍏�" style="width: 200px" />-->
+<!--            </el-form-item>-->
+<!--            <el-form-item v-show="isExpandForm" label="鍒涘缓浜哄憳" style=" display: flex;">-->
+<!--              <el-input v-model="form.UserName" style="width: 200px" placeholder="璇疯緭鍏�" />-->
+<!--            </el-form-item>-->
+<!--            <el-form-item v-show="isExpandForm" label="鍒涘缓鏃ユ湡" style=" display: flex;">-->
+<!--              <el-date-picker-->
+<!--                v-model="form.createdate"-->
+<!--                style="width: 200px"-->
+<!--                type="date"-->
+<!--                placeholder="閫夋嫨鏃ユ湡"-->
+<!--              />-->
+<!--            </el-form-item>-->
+<!--          </div>-->
+<!--          <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-->
+<!--          class="bodyTopFormExpand"-->
+<!--        >-->
+<!--          <svg-icon-->
+<!--            v-show="mouseHoverType==='mouseout'"-->
+<!--            style="cursor: pointer"-->
+<!--            :icon-class="!isExpandForm?'doubleDown3':'doubleUp3'"-->
+<!--            @mouseenter="mouseHoverType=$event.type"-->
+<!--          />-->
+<!--          <svg-icon-->
+<!--            v-show="mouseHoverType==='mouseenter'"-->
+<!--            style="cursor: pointer"-->
+<!--            :icon-class="!isExpandForm?'doubleDown':'doubleUp'"-->
+<!--            @click="isExpandForm=!isExpandForm"-->
+<!--            @mouseout="mouseHoverType=$event.type"-->
+<!--          />-->
+<!--        </div>-->
+<!--      </div>-->
 
-<style scoped>
+<!--      <div class="elTableDiv" style="box-shadow:none">-->
+<!--        <TableColumnSettings-->
+<!--          style="position: absolute;-->
+<!--        top: 4px;right: 11px"-->
+<!--        />-->
+<!--        <el-table-->
+<!--          ref="tableDataRef"-->
+<!--          class="tableFixed"-->
+<!--          :data="tableData"-->
+<!--          :height="isExpandForm?tableHeight:(tableHeight+40)+'px'"-->
+<!--          border-->
+<!--          :row-class-name="tableRowClassName"-->
+<!--          :style="{width: 100+'%',height:isExpandForm?tableHeight:(tableHeight+40)+'px',}"-->
+<!--          highlight-current-row-->
+<!--          :header-cell-style="headerCellStyle"-->
+<!--          :cell-style="cellStyle"-->
+<!--          @sort-change="sortChange"-->
+<!--        >-->
+<!--          &lt;!&ndash;          :header-cell-style="this.$headerCellStyle"&ndash;&gt;-->
+<!--          &lt;!&ndash;          :cell-style="this.$cellStyle"&ndash;&gt;-->
+<!--          &lt;!&ndash;          <el-table-column&ndash;&gt;-->
+<!--          &lt;!&ndash;            type="selection"&ndash;&gt;-->
+<!--          &lt;!&ndash;            width="55"&ndash;&gt;-->
+<!--          &lt;!&ndash;          />&ndash;&gt;-->
+<!--          <el-table-column-->
+<!--            prop="RowNum"-->
+<!--            width="50"-->
+<!--            fixed-->
+<!--            label="搴忓彿"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--            prop="org_code"-->
+<!--            label="鏁版嵁鏍囬"-->
+<!--            sortable="custom"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--            prop="org_name"-->
+<!--            label="缁勭粐鍚嶇О"-->
+<!--            sortable="custom"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--            prop="description"-->
+<!--            label="缁勭粐绫诲瀷"-->
+<!--            sortable="custom"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--            prop="parentorg_name"-->
+<!--            label="涓婄骇鍗曚綅"-->
+<!--            sortable="custom"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--            prop="lm_user"-->
+<!--            label="鍒涘缓浜哄憳"-->
+<!--            sortable="custom"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--            prop="lm_date"-->
+<!--            label="鍒涘缓鏃堕棿"-->
+<!--            width="160"-->
+<!--            sortable="custom"-->
+<!--          />-->
+<!--          <el-table-column-->
+<!--            label="鎿嶄綔"-->
+<!--            width="120"-->
+<!--            fixed="right"-->
+<!--          >-->
+<!--            <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)" />-->
+<!--                </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>-->
+<!--        </el-table>-->
+<!--      </div>-->
+<!--      &lt;!&ndash;鍒嗛〉&ndash;&gt;-->
+<!--      <pagination-->
+<!--        :total="total"-->
+<!--        :page.sync="form.page"-->
+<!--        :limit.sync="form.rows"-->
+<!--        align="right"-->
+<!--        layout="total,prev, pager, next,sizes"-->
+<!--        popper-class="select_bottom"-->
+<!--        @pagination="getOrganizationSearch"-->
+<!--      />-->
+<!--    </div>-->
 
-</style>
+<!--    <el-dialog-->
+<!--      v-el-drag-dialog-->
+<!--      :title="operation==='add'?'鏂板':'缂栬緫'"-->
+<!--      :visible.sync="dialogVisible"-->
+<!--      width="800px"-->
+<!--      :close-on-click-modal="false"-->
+<!--      top="15vh"-->
+<!--      @closed="handleClose"-->
+<!--      @close="handleClose"-->
+<!--    >-->
+<!--      <el-form ref="dialogForm" inline :rules="dialogFormRules" :model="dialogForm" label-width="80px">-->
+<!--        <el-form-item label="缁勭粐缂栫爜" prop="OrgCode">-->
+<!--          <el-input v-model="dialogForm.OrgCode" :disabled="operation!=='add'" style="width: 200px" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item label="缁勭粐鍚嶇О" prop="OrgName">-->
+<!--          <el-input v-model="dialogForm.OrgName" style="width: 200px" />-->
+<!--        </el-form-item>-->
+<!--        <el-form-item prop="SupUnit" label="涓婄骇鍗曚綅">-->
+<!--          <el-select-->
+<!--            v-model="dialogForm.SupUnit"-->
+<!--            style="width: 200px"-->
+<!--            placeholder="璇烽�夋嫨"-->
+<!--            :popper-append-to-body="false"-->
+<!--          >-->
+<!--            <el-option-->
+<!--              v-for="item in SupUnitArr"-->
+<!--              :key="item.code"-->
+<!--              :label="item.name"-->
+<!--              :value="item.code"-->
+<!--            />-->
+<!--          </el-select>-->
+<!--        </el-form-item>-->
+<!--      </el-form>-->
+<!--      <span slot="footer" class="dialog-footer">-->
+<!--        <div class="footerButton">-->
+<!--          <el-button v-waves @click="dialogVisibleCancel">鍙� 娑�</el-button>-->
+<!--          <el-button v-waves type="primary" @click="dialogVisibleConfirm">纭� 瀹�</el-button>-->
+<!--        </div>-->
+<!--      </span>-->
+<!--    </el-dialog>-->
+
+<!--    &lt;!&ndash;瀵煎叆缁勪欢&ndash;&gt;-->
+<!--    <import-picker-->
+<!--      ref="importPickerFunc"-->
+<!--      class="importPickerClass"-->
+<!--      :shows.sync="shows"-->
+<!--      :title="title_value"-->
+<!--      :colos="colos"-->
+<!--      :code="code"-->
+<!--    />-->
+
+<!--  </div>-->
+<!--</template>-->
+
+<!--<script>-->
+<!--import Pagination from '@/components/Pagination'-->
+<!--import { AddUpdateOrganization, DeleteOrganization, OrganizationSearch, PrentOrganization } from '@/api/jcsz'-->
+<!--import { getCookie } from '@/utils/auth'-->
+<!--import ImportPicker from '@/components/ImportPicker'-->
+<!--import { validateCode } from '@/utils/global'-->
+<!--import elDragDialog from '@/directive/el-drag-dialog'-->
+<!--import waves from '@/directive/waves'-->
+<!--import TableColumnSettings from '@/components/TableColumnSettings'-->
+
+<!--export default {-->
+<!--  name: 'Zzjg',-->
+<!--  components: {-->
+<!--    Pagination, ImportPicker, TableColumnSettings-->
+<!--  },-->
+<!--  directives: { elDragDialog, waves },-->
+<!--  data() {-->
+<!--    return {-->
+<!--      mouseHoverType: 'mouseout',-->
+<!--      isExpandForm: false,-->
+<!--      mainHeight: 0,-->
+<!--      tableHeight: 0,-->
+<!--      form: {-->
+<!--        OrgCode: '', // 缁勭粐鏋舵瀯浠ｇ爜-->
+<!--        OrgName: '', // 缁勭粐鏋舵瀯鍚嶇О-->
+<!--        OrgType: '', // 缁勭粐绫诲瀷-->
+<!--        UserName: '', // 鍒涘缓浜哄憳-->
+<!--        createdate: '',-->
+<!--        prop: 'lm_date', // 鎺掑簭瀛楁-->
+<!--        order: 'desc', // 鎺掑簭瀛楁-->
+<!--        page: 1, // 绗嚑椤�-->
+<!--        rows: 20 // 姣忛〉澶氬皯鏉�-->
+<!--      },-->
+<!--      OrgTypeArr: [-->
+<!--        { label: '鏄�', value: 'Y' },-->
+<!--        { label: '鍚�', value: 'N' }-->
+<!--      ],-->
+
+<!--      total: 10,-->
+<!--      tableData: [],-->
+<!--      dialogVisible: false,-->
+<!--      dialogForm: {-->
+<!--        OrgType: '',-->
+<!--        OrgCode: '',-->
+<!--        OrgName: '',-->
+<!--        SupUnit: ''// 涓婄骇鍗曚綅-->
+<!--      },-->
+<!--      operation: '',-->
+<!--      dialogFormRules: {-->
+<!--        OrgType: [-->
+<!--          { required: true, message: '璇疯緭鍏ラ�夋嫨绫诲瀷', trigger: ['blur', 'change'] }-->
+<!--        ],-->
+<!--        OrgCode: [-->
+<!--          { required: true, validator: validateCode, trigger: ['blur', 'change'] }-->
+<!--        ],-->
+<!--        OrgName: [-->
+<!--          { required: true, message: '璇疯緭鍏ュ悕绉�', trigger: ['blur', 'change'] }-->
+<!--        ]-->
+
+<!--      },-->
+
+<!--      title_value: '鏁版嵁瀵煎叆 / 鐐规閮ㄤ綅',-->
+<!--      code: '4',-->
+<!--      shows: false-->
+
+<!--    }-->
+<!--  },-->
+<!--  watch: {-->
+<!--    shows() {-->
+<!--      if (!this.shows) {-->
+<!--        this.getOrganizationSearch()-->
+<!--      }-->
+<!--    }-->
+<!--  },-->
+<!--  created() {-->
+<!--    this.getOrganizationSearch()-->
+<!--  },-->
+<!--  mounted() {-->
+<!--    window.addEventListener('resize', this.getHeight)-->
+<!--    this.getHeight()-->
+<!--  },-->
+<!--  methods: {-->
+<!--    async getOrganizationSearch() {-->
+<!--      const res = await OrganizationSearch(this.form)-->
+<!--      this.tableData = res.data-->
+<!--      this.total = res.count-->
+<!--    },-->
+<!--    // 鎺掑簭鏀瑰彉鏃�-->
+<!--    sortChange({ column, prop, order }) {-->
+<!--      if (order === 'descending') {-->
+<!--        order = 'desc'-->
+<!--      } else if (order === 'ascending') {-->
+<!--        order = 'asc'-->
+<!--      } else {-->
+<!--        order = 'desc'-->
+<!--      }-->
+<!--      this.form.order = order-->
+<!--      this.form.prop = prop-->
+<!--      this.getOrganizationSearch()-->
+<!--    },-->
+<!--    // 鏌ヨ-->
+<!--    search() {-->
+<!--      this.getOrganizationSearch()-->
+<!--    },-->
+<!--    // 瀵煎叆鎸夐挳-->
+<!--    upload() {-->
+<!--      this.shows = true-->
+<!--      this.$refs.importPickerFunc.newDataFunc()-->
+<!--    },-->
+<!--    colos() {-->
+<!--      this.shows = false-->
+<!--    },-->
+<!--    // 閲嶇疆-->
+<!--    reset() {-->
+<!--      this.form.OrgCode = ''-->
+<!--      this.form.OrgName = ''-->
+<!--      this.form.OrgType = ''-->
+<!--      this.form.UserName = ''-->
+<!--      this.getOrganizationSearch()-->
+<!--    },-->
+
+<!--    // 鏂板鎸夐挳-->
+<!--    add(operation) {-->
+<!--      this.operation = operation-->
+<!--      this.dialogVisible = true-->
+<!--    },-->
+<!--    // 淇敼鎸夐挳-->
+<!--    edit(operation, row) {-->
+<!--      this.operation = operation-->
+<!--      this.dialogVisible = true-->
+
+<!--      this.$nextTick(() => {-->
+<!--        this.dialogForm.OrgCode = row.org_code-->
+<!--        this.dialogForm.OrgName = row.org_name-->
+<!--        this.dialogForm.SupUnit = row.parent_id-->
+<!--      })-->
+<!--    },-->
+<!--    // 鍒犻櫎鎸夐挳-->
+<!--    async del(row) {-->
+<!--      this.$confirm('鏄惁纭鍒犻櫎?', '鎻愮ず', {-->
+<!--        confirmButtonText: '纭畾',-->
+<!--        cancelButtonText: '鍙栨秷',-->
+<!--        type: 'warning'-->
+<!--      }).then(() => {-->
+<!--        DeleteOrganization({ orgid: row.code }).then(res => {-->
+<!--          if (res.code === '200') {-->
+<!--            this.$message.success('鍒犻櫎鎴愬姛!')-->
+<!--            if (this.form.page > 1 && this.tableData.length === 1) {-->
+<!--              this.form.page&#45;&#45;-->
+<!--            }-->
+<!--            this.getOrganizationSearch()-->
+<!--          }-->
+<!--        })-->
+<!--      }).catch(() => {-->
+<!--        this.$message.info('宸插彇娑堝垹闄�')-->
+<!--      })-->
+<!--    },-->
+<!--    // 瀵硅瘽妗嗗叧闂簨浠�-->
+<!--    handleClose() {-->
+<!--      this.dialogForm.OrgType = ''-->
+<!--      this.dialogForm.OrgCode = ''-->
+<!--      this.dialogForm.OrgName = ''-->
+<!--      this.dialogForm.SupUnit = ''-->
+<!--      this.$refs.dialogForm.clearValidate()-->
+<!--    },-->
+<!--    // 瀵硅瘽妗嗗彇娑�-->
+<!--    dialogVisibleCancel() {-->
+<!--      this.dialogVisible = false-->
+<!--    },-->
+<!--    // 瀵硅瘽妗嗙‘璁�-->
+<!--    dialogVisibleConfirm() {-->
+<!--      this.$refs.dialogForm.validate(valid => {-->
+<!--        if (valid) {-->
+<!--          const data = {-->
+<!--            OrganCode: this.dialogForm.OrgCode,-->
+<!--            OrganName: this.dialogForm.OrgName,-->
+<!--            OperType: this.operation === 'add' ? 'Add' : 'Update',-->
+<!--            Operator: getCookie('admin')-->
+<!--          }-->
+<!--          AddUpdateOrganization(data).then(res => {-->
+<!--            if (res.code === '200') {-->
+<!--              this.$message.success(this.operation === 'add' ? '娣诲姞鎴愬姛锛�' : '淇敼鎴愬姛锛�')-->
+<!--              this.dialogVisible = false-->
+<!--              this.getOrganizationSearch()-->
+<!--            } else {-->
+<!--              this.$message.error(this.operation === 'add' ? '娣诲姞澶辫触锛�' : '淇敼澶辫触锛�')-->
+<!--            }-->
+<!--          })-->
+<!--        }-->
+<!--      })-->
+<!--    },-->
+<!--    // 鑾峰彇椤甸潰楂樺害-->
+<!--    getHeight() {-->
+<!--      this.$nextTick(() => {-->
+<!--        this.mainHeight = window.innerHeight - 85-->
+<!--        this.tableHeight = this.mainHeight - 255-->
+<!--        this.$refs.tableDataRef.doLayout()-->
+<!--      })-->
+<!--    },-->
+<!--    tableRowClassName({ row, rowIndex }) {-->
+<!--      return 'custom-row'-->
+<!--    },-->
+<!--    headerCellStyle() {-->
+<!--      const option = {-->
+<!--        // background: '#a7a7a7', padding: '0'-->
+<!--        background: '#f8f8fa',-->
+<!--        padding: '10px 0',-->
+<!--        // fontFamily: 'SimHei',-->
+<!--        // margin: '3px 0',-->
+<!--        color: '#bfc3c8',-->
+<!--        fontWeight: 600-->
+
+<!--        // borderRight: '1px #000 solid'-->
+
+<!--      }-->
+<!--      return option-->
+<!--    },-->
+
+<!--    cellStyle() {-->
+<!--      const option = {-->
+<!--        // fontFamily: 'SimHei',-->
+<!--        // padding: '5px 0'-->
+<!--        // fontFamily: 'sans-serif',-->
+<!--        // fontFamily: 'Rubber cover glass BL-04',-->
+<!--        // fontWeight: 'bold',-->
+<!--        // fontWeight: 550,-->
+
+<!--        color: '#706f6f'-->
+<!--        // color: `rgb(51, 54, 57)`-->
+
+<!--      }-->
+<!--      return option-->
+<!--    }-->
+<!--  }-->
+<!--}-->
+<!--</script>-->
+
+<!--&lt;!&ndash;鍏叡椤甸潰鏍峰紡&ndash;&gt;-->
+<!--<style lang="scss" scoped>-->
+<!--$main_color: #42b983;-->
+<!--::v-deep .el-button&#45;&#45;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&#45;&#45;primary, .el-button&#45;&#45;default, .el-button&#45;&#45;info {-->
+<!--  height: 34px;-->
+<!--  display: flex;-->
+<!--  align-items: center;-->
+<!--  padding: 0 15px;-->
+<!--}-->
+
+<!--::v-deep .el-button&#45;&#45;primary {-->
+<!--  //background-color: $main_color !important;-->
+<!--}-->
+
+<!--::v-deep .el-button&#45;&#45;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&#45;&#45;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;-->
+<!--  margin-right: 65px;-->
+<!--}-->
+
+<!--.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>-->
+
+<!--.el-table .custom-row {-->
+<!--  background: #f8f8fa;-->
+<!--}-->
+
+<!--/* 鍘绘帀涓棿鏁版嵁鐨勫垎鍓茬嚎 */-->
+<!--.el-table .el-table__row > td {-->
+<!--  border-right: none;-->
+<!--  border-left: none;-->
+<!--}-->
+
+<!--/* 鍘绘帀涓婇潰鐨勭嚎 */-->
+<!--.el-table th.is-leaf {-->
+<!--  border-right: 1px solid #f8f8fa;-->
+<!--  /*border: none;*/-->
+
+<!--  /*font-family: sans-serif;*/-->
+<!--}-->
+
+<!--/*!* 鍘绘帀鏈�涓嬮潰鐨勯偅涓�鏉＄嚎 *!*/-->
+<!--/*.el-table::before {*/-->
+<!--/*  height: 0px;*/-->
+<!--/*}*/-->
+
+<!--.el-table th.el-table__cell > .cell {-->
+<!--  border-right: 1px solid rgba(191, 195, 200, 0.6);-->
+<!--  line-height: 20px !important;-->
+<!--  height: 20px !important;-->
+<!--  display: flex;-->
+<!--  justify-content: start;-->
+<!--}-->
+
+<!--.el-table th.el-table__cell:nth-last-child(1) > .cell {-->
+<!--  border-right: none;-->
+<!--  /*font-family: Kai;*/-->
+<!--  /*font-family: Arial;*/-->
+<!--  /*font-weight: bolder;*/-->
+<!--  /*font-family: SimSun;*/-->
+<!--}-->
+<!--</style>-->

--
Gitblit v1.9.3