管道基础大数据平台系统开发-【前端】-新系統界面
Surpriseplus
2023-01-16 21ddc9ec1b1b76d2ce20e512328e65acaf1af2bf
src/views/datamanage/styleManage.vue
@@ -1,15 +1,20 @@
<template>
  <div class="authorityManagement_box">
    <My-bread
      :list="[
    <My-bread :list="[
        `${$t('dataManage.dataManage')}`,
        `${$t('dataManage.styleManage')}`,
      ]"
    ></My-bread>
      ]"></My-bread>
    <el-divider />
    <div class="searchComp">
      <el-form ref="ruleForm" :model="ruleForm" :inline="true">
        <el-form-item :label="$t('dataManage.vmobj.keyword')" prop="name">
      <el-form
        ref="ruleForm"
        :model="ruleForm"
        :inline="true"
      >
        <el-form-item
          :label="$t('dataManage.vmobj.keyword')"
          prop="name"
        >
          <el-input
            v-model="ruleForm.name"
            :placeholder="$t('common.pleaseInput')"
@@ -21,29 +26,27 @@
            icon="el-icon-search"
            class="primary"
            size="small"
            >{{ $t('common.iquery') }}</el-button
          >
          >{{ $t('common.iquery') }}</el-button>
          <el-button
            @click="resetForm('ruleForm')"
            icon="el-icon-refresh"
            type="info"
            size="small"
            >{{ $t('common.empty') }}</el-button
          >
          <el-button  v-if="btnStatus.insert"
          >{{ $t('common.empty') }}</el-button>
          <el-button
            v-if="btnStatus.insert"
            @click="setInsertShow()"
            icon="el-icon-edit"
            type="success"
            size="small"
            >{{ $t('common.append') }}</el-button
          >
          <el-button  v-if="btnStatus.delete"
          >{{ $t('common.append') }}</el-button>
          <el-button
            v-if="btnStatus.delete"
            @click="delStyleData"
            icon="el-icon-delete"
            type="danger"
            size="small"
            >{{ $t('common.delete') }}</el-button
          >
          >{{ $t('common.delete') }}</el-button>
        </el-form-item>
      </el-form>
    </div>
@@ -53,18 +56,24 @@
          <el-table
            :data="tableData"
            style="width: 100%"
            height="100%"
            @selection-change="handleSelectionChange"
          >
            <el-table-column type="selection" width="55" />
            <el-table-column
              type="selection"
              width="55"
            />
            <el-table-column
              align="center"
              type="index"
              :label="$t('dataManage.styleObj.index')"
              width="70px"
            />
            <el-table-column align="center" prop="id" v-if="false" />
            <el-table-column
              align="center"
              prop="id"
              v-if="false"
            />
            <el-table-column
              align="center"
              prop="name"
@@ -111,22 +120,23 @@
              prop="bak"
              :label="$t('dataManage.styleObj.bak')"
            />
            <el-table-column min-width="120" :label="$t('common.operate')">
            <el-table-column
              min-width="120"
              :label="$t('common.operate')"
            >
              <template slot-scope="scope">
                <el-button
                  @click="showDetail(scope.$index, scope.row)"
                  type="primary"
                  plain
                  size="small"
                  >{{ $t('common.see') }}</el-button
                >
                >{{ $t('common.see') }}</el-button>
                <el-button
                  @click="handleEdit(scope.$index, scope.row)"
                  type="warning"
                  plain
                  size="small"
                  >{{ $t('common.update') }}</el-button
                >
                >{{ $t('common.update') }}</el-button>
              </template>
            </el-table-column>
          </el-table>
@@ -148,11 +158,20 @@
        </div>
      </div>
    </div>
    <div class="infoBox" v-show="showinfoBox">
    <div
      class="infoBox"
      v-show="showinfoBox"
    >
      <el-card class="box-card">
        <div slot="header" class="clearfix">
        <div
          slot="header"
          class="clearfix"
        >
          <span>{{ $t('dataManage.styleObj.deInformation') }}</span>
          <div style="float: right; cursor: pointer" @click="closeDetial">
          <div
            style="float: right; cursor: pointer"
            @click="closeDetial"
          >
            <i class="el-icon-close"></i>
          </div>
        </div>
@@ -163,7 +182,7 @@
          </p>
          <el-divider></el-divider>
          <p>
           <p>
          <p>
            <label> {{ $t('dataManage.styleObj.type') }}:</label>
            <label class="boxlabel">{{ itemdetail.type }}</label>
          </p>
@@ -174,7 +193,7 @@
            <label class="boxlabel">{{ itemdetail.dirName }}</label>
          </p>
          <el-divider></el-divider>
           <p>
          <p>
            <label> {{ $t('dataManage.styleObj.depid') }}:</label>
            <label class="boxlabel">{{ itemdetail.depName }}</label>
          </p>
@@ -189,7 +208,7 @@
            <label class="boxlabel">{{ itemdetail.status }}</label>
          </p>
          <el-divider></el-divider>
           <p>
          <p>
            <label> {{ $t('dataManage.styleObj.descr') }}:</label>
            <label class="boxlabel">{{ itemdetail.descr }}</label>
          </p>
@@ -201,9 +220,15 @@
          <el-divider></el-divider>
          <p>
            <label> {{ $t('dataManage.styleObj.viewguid') }}:</label>
            <label class="boxlabel">  <div style="width:440px;height:200px;">
                <img style="width:100%; height:100%" :src="itemdetail.imageFile" alt=""/>
              </div></label>
            <label class="boxlabel">
              <div style="width:440px;height:200px;">
                <img
                  style="width:100%; height:100%"
                  :src="itemdetail.imageFile"
                  alt=""
                />
              </div>
            </label>
          </p>
          <el-divider></el-divider>
          <p>
@@ -211,22 +236,22 @@
            <label class="boxlabel">{{ itemdetail.createUser }}</label>
          </p>
          <el-divider></el-divider>
         <p>
          <p>
            <label> {{ $t('dataManage.styleObj.createTime') }}:</label>
            <label class="boxlabel">{{ itemdetail.createTime }}</label>
          </p>
          <el-divider></el-divider>
            <p>
          <p>
            <label> {{ $t('dataManage.styleObj.updateUser') }}:</label>
            <label class="boxlabel">{{ itemdetail.updateUser }}</label>
          </p>
          <el-divider></el-divider>
           <p>
          <p>
            <label> {{ $t('dataManage.styleObj.updateTime') }}:</label>
            <label class="boxlabel">{{ itemdetail.updateTime }}</label>
          </p>
          <el-divider></el-divider>
           <p>
          <p>
            <label> {{ $t('dataManage.styleObj.bak') }}:</label>
            <label class="boxlabel">{{ itemdetail.bak }}</label>
          </p>
@@ -246,24 +271,31 @@
          :label="$t('dataManage.styleObj.name')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.name" autocomplete="off"></el-input>
          <el-input
            v-model="upform.name"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.type')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.type" autocomplete="off"></el-input>
          <el-input
            v-model="upform.type"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.dirid')"
          :label-width="formLabelWidth"
        >
         <el-cascader
              v-model="upform.dirid"
              :options="editcatalogOption"
              @change="catalogChange"
              :props="cascader" style="width:730px"
            ></el-cascader>
          <el-cascader
            v-model="upform.dirid"
            :options="editcatalogOption"
            @change="catalogChange"
            :props="cascader"
            style="width:730px"
          ></el-cascader>
          <!-- <el-input
            v-model="upform.dirValue"
            disabled
@@ -281,12 +313,12 @@
          :label-width="formLabelWidth"
        >
          <el-cascader
              v-model="upform.depid"
              :options="editCompanyOption"
              @change="editcompanyChange"
              :props="cascader"
              style="width:730px"
            ></el-cascader>
            v-model="upform.depid"
            :options="editCompanyOption"
            @change="editcompanyChange"
            :props="cascader"
            style="width:730px"
          ></el-cascader>
          <!-- <el-input
            v-model="upform.depValue"
            disabled
@@ -303,7 +335,10 @@
          :label="$t('dataManage.styleObj.ver')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.ver" autocomplete="off"></el-input>
          <el-input
            v-model="upform.ver"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.status')"
@@ -337,14 +372,21 @@
          :label="$t('dataManage.styleObj.descr')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.descr" autocomplete="off"></el-input>
          <el-input
            v-model="upform.descr"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.fileguid')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.fileGuid" disabled autocomplete="off"></el-input>
           <input
          <el-input
            v-model="upform.fileGuid"
            disabled
            autocomplete="off"
          ></el-input>
          <input
            name="file1"
            type="file"
            id="editFile"
@@ -352,26 +394,29 @@
            style="display: none"
            @change="editFile(0)"
          />
           <el-link
          <el-link
            :underline="false"
            @click="geteditFile(0)"
            style="margin-left: 10px"
            ><i class="el-icon-plus"></i
          ></el-link>
           <el-link v-if="btnStatus.upload"
           :title="$t('common.upload')"
          ><i class="el-icon-plus"></i></el-link>
          <el-link
            v-if="btnStatus.upload"
            :title="$t('common.upload')"
            :underline="false"
            @click="seteditFile(0)"
            style="margin-left: 10px"
            ><i class="el-icon-upload2"></i
          ></el-link>
          ><i class="el-icon-upload2"></i></el-link>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.viewguid')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.viewGuid" disabled autocomplete="off"></el-input>
           <input
          <el-input
            v-model="upform.viewGuid"
            disabled
            autocomplete="off"
          ></el-input>
          <input
            name="file1"
            :accept="'.jpg,.png'"
            type="file"
@@ -380,30 +425,40 @@
            style="display: none"
            @change="editFile(1)"
          />
           <el-link
          <el-link
            :underline="false"
            @click="geteditFile(1)"
            style="margin-left: 10px"
            ><i class="el-icon-plus"></i
          ></el-link>
           <el-link
           :title="$t('common.upload')"
          ><i class="el-icon-plus"></i></el-link>
          <el-link
            :title="$t('common.upload')"
            :underline="false"
             @click="seteditFile(1)"
            @click="seteditFile(1)"
            style="margin-left: 10px"
            ><i class="el-icon-upload2"></i
          ></el-link>
          ><i class="el-icon-upload2"></i></el-link>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.bak')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="upform.bak" autocomplete="off"></el-input>
          <el-input
            v-model="upform.bak"
            autocomplete="off"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="info" @click="removeUpdate">{{$t('common.close')}}</el-button>
        <el-button class="primary" @click="updateForm">{{$t('common.confirm')}}</el-button>
      <div
        slot="footer"
        class="dialog-footer"
      >
        <el-button
          type="info"
          @click="removeUpdate"
        >{{$t('common.close')}}</el-button>
        <el-button
          class="primary"
          @click="updateForm"
        >{{$t('common.confirm')}}</el-button>
      </div>
    </el-dialog>
    <el-dialog
@@ -418,25 +473,31 @@
          :label="$t('dataManage.styleObj.name')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.name" autocomplete="off"></el-input>
          <el-input
            v-model="insertform.name"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.type')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.type" autocomplete="off"></el-input>
          <el-input
            v-model="insertform.type"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.dirid')"
          :label-width="formLabelWidth"
        >
        <el-cascader
              v-model="insertform.dirid"
              :options="catalogOption"
              @change="catalogChange"
              :props="cascader"
              style="width:730px"
            ></el-cascader>
          <el-cascader
            v-model="insertform.dirid"
            :options="catalogOption"
            @change="catalogChange"
            :props="cascader"
            style="width:730px"
          ></el-cascader>
          <!-- <el-input
            v-model="insertform.dirValue"
            disabled
@@ -454,12 +515,12 @@
          :label-width="formLabelWidth"
        >
          <el-cascader
              v-model="insertform.depid"
              :options="companyOption"
              @change="companyChange"
              :props="cascader"
              style="width:730px"
            ></el-cascader>
            v-model="insertform.depid"
            :options="companyOption"
            @change="companyChange"
            :props="cascader"
            style="width:730px"
          ></el-cascader>
          <!-- <el-input
            v-model="insertform.depValue"
            disabled
@@ -476,7 +537,10 @@
          :label="$t('dataManage.styleObj.ver')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.ver" autocomplete="off"></el-input>
          <el-input
            v-model="insertform.ver"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.status')"
@@ -510,42 +574,50 @@
          :label="$t('dataManage.styleObj.descr')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.descr"  autocomplete="off"></el-input>
          <el-input
            v-model="insertform.descr"
            autocomplete="off"
          ></el-input>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.fileguid')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.fileGuid" disabled autocomplete="off" />
           <input
          <el-input
            v-model="insertform.fileGuid"
            disabled
            autocomplete="off"
          />
          <input
            name="file1"
            type="file"
            id="insertFile"
            multiple="multiple"
            style="display: none"
            @change="insertFile(0)"
          />
           <el-link
          <el-link
            :underline="false"
            @click="getInsertFile(0)"
            style="margin-left: 10px"
            ><i class="el-icon-plus"></i
          ></el-link>
           <el-link
           :title="$t('common.upload')"
          ><i class="el-icon-plus"></i></el-link>
          <el-link
            :title="$t('common.upload')"
            :underline="false"
  @click="setinsertFile(0)"
            @click="setinsertFile(0)"
            style="margin-left: 10px"
            ><i class="el-icon-upload2"></i
          ></el-link>
          ><i class="el-icon-upload2"></i></el-link>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.viewguid')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.viewGuid" disabled autocomplete="off"/>
           <input
          <el-input
            v-model="insertform.viewGuid"
            disabled
            autocomplete="off"
          />
          <input
            name="file1"
            :accept="'.jpg,.png'"
            type="file"
@@ -554,54 +626,86 @@
            style="display: none"
            @change="insertFile(1)"
          />
           <el-link
          <el-link
            :underline="false"
            @click="getInsertFile(1)"
            style="margin-left: 10px"
            ><i class="el-icon-plus"></i
          ></el-link>
           <el-link
           :title="$t('common.upload')"
          ><i class="el-icon-plus"></i></el-link>
          <el-link
            :title="$t('common.upload')"
            :underline="false"
             @click="setinsertFile(1)"
            @click="setinsertFile(1)"
            style="margin-left: 10px"
            ><i class="el-icon-upload2"></i
          ></el-link>
          ><i class="el-icon-upload2"></i></el-link>
        </el-form-item>
        <el-form-item
          :label="$t('dataManage.styleObj.bak')"
          :label-width="formLabelWidth"
        >
          <el-input v-model="insertform.bak" autocomplete="off"></el-input>
          <el-input
            v-model="insertform.bak"
            autocomplete="off"
          ></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="info" @click="insertFromDataClose">{{$t('common.close')}}</el-button>
        <el-button  class="primary" @click="insertFromData">{{$t('common.confirm')}}</el-button>
      <div
        slot="footer"
        class="dialog-footer"
      >
        <el-button
          type="info"
          @click="insertFromDataClose"
        >{{$t('common.close')}}</el-button>
        <el-button
          class="primary"
          @click="insertFromData"
        >{{$t('common.confirm')}}</el-button>
      </div>
    </el-dialog>
    <div class="leftTree" v-if="showDirCata">
    <div
      class="leftTree"
      v-if="showDirCata"
    >
      <div class="treeBox">
        <style-dir-tree></style-dir-tree>
      </div>
      <div class="btnBox">
        <el-button class="primary" size="small" @click="selectDirCataName">{{
        <el-button
          class="primary"
          size="small"
          @click="selectDirCataName"
        >{{
          $t('common.confirm')
        }}</el-button>
        <el-button type="info" size="small" @click="showDirCata = false">{{
        <el-button
          type="info"
          size="small"
          @click="showDirCata = false"
        >{{
          $t('common.close')
        }}</el-button>
      </div>
    </div>
    <div class="leftTree" v-if="showDepCata">
    <div
      class="leftTree"
      v-if="showDepCata"
    >
      <div class="treeBox">
        <style-dep-tree></style-dep-tree>
      </div>
      <div class="btnBox">
        <el-button class="primary" size="small" @click="selectDepCataName">{{
        <el-button
          class="primary"
          size="small"
          @click="selectDepCataName"
        >{{
          $t('common.confirm')
        }}</el-button>
        <el-button type="info" size="small" @click="showDepCata = false">{{
        <el-button
          type="info"
          size="small"
          @click="showDepCata = false"
        >{{
          $t('common.close')
        }}</el-button>
      </div>
@@ -671,11 +775,11 @@
        update: false,
      },
      companyOption:[],
      catalogOption:[],
      editCompanyOption:[],
      editcatalogOption:[],
       cascader: {
      companyOption: [],
      catalogOption: [],
      editCompanyOption: [],
      editcatalogOption: [],
      cascader: {
        label: 'name',
        value: 'id',
        children: 'children',
@@ -687,7 +791,7 @@
  created() {
    this.getRoleTabelData();
    this.showPermsBtn();
     this.getQueryDepTree();this.getSelectdirTab();
    this.getQueryDepTree(); this.getSelectdirTab();
  },
  methods: {
    showPermsBtn() {
@@ -700,8 +804,8 @@
    filesReset() {
      // document.getElementById("insertFile").reset();
      // document.getElementById("insertimageFile").reset();
         document.getElementById("insertFile").value = "";
            document.getElementById("insertimageFile").value = "";
      document.getElementById("insertFile").value = "";
      document.getElementById("insertimageFile").value = "";
      this.guidFile = '';
      this.fileGuid = '';
@@ -896,19 +1000,19 @@
    },
    insertFromDataClose() {
      this.InsertFormdialog = false;
       this.insertform= {
      this.insertform = {
        fileGuid: null,
        viewGuid: null,
      }
      this.filesReset();
    },
    handleClose(){
     this.InsertFormdialog = false;
     this.insertform= {
    handleClose() {
      this.InsertFormdialog = false;
      this.insertform = {
        fileGuid: null,
        viewGuid: null,
      }
        this.filesReset();
      this.filesReset();
    },
    async insertFromData() {
      if (this.insertform.dirid == null || this.insertform.depid == null) {
@@ -927,10 +1031,10 @@
      const data = await insertStyle(this.insertform);
      if (data.code == 200) {
        this.InsertFormdialog = false;
     this.insertform= {
        fileGuid: null,
        viewGuid: null,
      }
        this.insertform = {
          fileGuid: null,
          viewGuid: null,
        }
        this.filesReset();
        this.$message({
          message: "添加成功!",
@@ -996,7 +1100,7 @@
      if (!val || !val.length) return;
      var formData = new FormData();
      formData.append("file0", val[0]);
      var res = $.ajax( + "/style/upload", {
      var res = $.ajax(+ "/style/upload", {
        type: "post",
        data: formData,
        async: false,
@@ -1193,7 +1297,7 @@
          });
          this.startFromData();
        })
        .catch(() => {});
        .catch(() => { });
    },
    // 获取多选
@@ -1204,21 +1308,21 @@
    //     "height=800, width=1500, top=150, left=350, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no"
    //   );
    // },
     catalogChange(res) {
    catalogChange(res) {
      this.insertform.dirid = res;
      this.upform.dirid =res;
      this.upform.dirid = res;
    },
    editcompanyChange(res){
this.upform.depid = res;
    editcompanyChange(res) {
      this.upform.depid = res;
    },
    companyChange(res){
        this.insertform.depid = res;
    companyChange(res) {
      this.insertform.depid = res;
    },
    //新增数据
    setInsertShow(){
this.InsertFormdialog = true;
    setInsertShow() {
      this.InsertFormdialog = true;
    },
    //目录列表获取
    async getSelectdirTab() {
@@ -1229,10 +1333,10 @@
      }
      this.insertform.dirid = 1;
      this.upform.dirid = 1;
 this.catalogOption = this.treeData(res.result);
 this.editcatalogOption= this.treeData(res.result);
      this.catalogOption = this.treeData(res.result);
      this.editcatalogOption = this.treeData(res.result);
    },
      //单位列表获取
    //单位列表获取
    async getQueryDepTree() {
      const res = await queryDepTree();
      if (res.code != 200) {
@@ -1240,9 +1344,9 @@
        return;
      }
      this.insertform.depid = 1;
            this.upform.depid = 1;
      this.upform.depid = 1;
      this.companyOption = this.treeData(res.result);
      this.editCompanyOption= this.treeData(res.result);
      this.editCompanyOption = this.treeData(res.result);
    },
    //树列表生成
    treeData(source) {
@@ -1260,11 +1364,9 @@
<style lang="less" scoped>
//@import url(); 引入公共css类
.authorityManagement_box {
  height: 81%;
  width: 97%;
  position: absolute;
  box-sizing: border-box;
  height: 98%;
  width: 98%;
  padding: 1%;
  .el-input {
    width: 730px;
@@ -1313,68 +1415,67 @@
      width: 100%;
      .table_box {
        width: 100%;
        height: 90%;
        height: 80%;
        margin: 0 auto;
        overflow: auto;
 /*修改table 表体的背景颜色和文字颜色*/
  /deep/ .el-table {
    background-color: transparent;
        /*修改table 表体的背景颜色和文字颜色*/
        /deep/ .el-table {
          background-color: transparent;
    th,
    td {
      background-color: transparent;
    }
    .el-table__expanded-cell {
      background-color: transparent !important;
    }
          th,
          td {
            background-color: transparent;
          }
          .el-table__expanded-cell {
            background-color: transparent !important;
          }
    // 表头背景色
    th.el-table__cell {
      background-color: #303030;
      color: #fff;
    }
    tr > td {
      background-color: #303030;
      color: #fff;
    }
          // 表头背景色
          th.el-table__cell {
            background-color: #303030;
            color: #fff;
          }
          tr > td {
            background-color: #303030;
            color: #fff;
          }
    // hover效果
    tr:hover > td {
      background-color: rgba(255, 255, 255, 0.3) !important;
    }
          // hover效果
          tr:hover > td {
            background-color: rgba(255, 255, 255, 0.3) !important;
          }
    tbody tr:hover {
      background-color: rgba(255, 255, 255, 0.3) !important;
      // text-align: center;
    }
          tbody tr:hover {
            background-color: rgba(255, 255, 255, 0.3) !important;
            // text-align: center;
          }
    // 滚动条宽高
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }
          // 滚动条宽高
          .el-table__body-wrapper::-webkit-scrollbar {
            width: 5px;
            height: 5px;
          }
    .el-table__body-wrapper::-webkit-scrollbar {
      width: 5px;
      /*滚动条宽度*/
      height: 5px;
      /*滚动条高度*/
    }
    /*定义滚动条轨道 内阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-track {
      box-shadow: 0px 1px 3px #216fe6 inset;
      /*滚动条的背景区域的内阴影*/
      border-radius: 10px;
    }
          .el-table__body-wrapper::-webkit-scrollbar {
            width: 5px;
            /*滚动条宽度*/
            height: 5px;
            /*滚动条高度*/
          }
          /*定义滚动条轨道 内阴影+圆角*/
          .el-table__body-wrapper::-webkit-scrollbar-track {
            box-shadow: 0px 1px 3px #216fe6 inset;
            /*滚动条的背景区域的内阴影*/
            border-radius: 10px;
          }
    /*定义滑块 内阴影+圆角*/
    .el-table__body-wrapper::-webkit-scrollbar-thumb {
      box-shadow: 0px 1px 3px #216fe6 inset;
      border-radius: 6px;
      background-color: #216fe6;
    }
  }
          /*定义滑块 内阴影+圆角*/
          .el-table__body-wrapper::-webkit-scrollbar-thumb {
            box-shadow: 0px 1px 3px #216fe6 inset;
            border-radius: 6px;
            background-color: #216fe6;
          }
        }
      }
    }
  }
@@ -1432,7 +1533,7 @@
      background: #ededed;
    }
  }
   .pagination_box {
  .pagination_box {
    margin-top: 20px;
    /deep/.el-input__inner {
      background-color: transparent !important;
@@ -1468,7 +1569,7 @@
      color: white;
    }
  }
 /deep/.el-form-item__label {
  /deep/.el-form-item__label {
    color: white;
  }
  // 设置输入框的背景色、字体颜色、边框属性设置;
@@ -1500,10 +1601,10 @@
    border: #409eff;
    color: white;
  }
  .el-icon-plus{
  .el-icon-plus {
    color: white;
  }
  .el-icon-upload2{
  .el-icon-upload2 {
    color: white;
  }
}