{"remainingRequest":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-ui\\src\\views\\main\\Qunit\\index.vue?vue&type=style&index=0&id=27eef9d7&lang=scss&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-ui\\src\\views\\main\\Qunit\\index.vue","mtime":1675233415863},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\sass-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoNCi9kZWVwLyAuZWwtdGFibGVfX3JvdyAuY2VsbCB7DQogIGZvbnQtZmFtaWx5OiBNaWNyb3NvZnQgWWFIZWk7DQogIGZvbnQtc2l6ZTogMTZweDsNCiAgZm9udC13ZWlnaHQ6IG5vcm1hbDsNCiAgZm9udC1zdHJldGNoOiBub3JtYWw7DQogIGxpbmUtaGVpZ2h0OiAxOXB4Ow0KICBsZXR0ZXItc3BhY2luZzogMHB4Ow0KICBjb2xvcjogIzI0MjYyYjsNCn0NCi9kZWVwLyAuZWwtY2hlY2tib3hfX2lubmVyIHsNCiAgd2lkdGg6IDIwcHg7DQogIGhlaWdodDogMjBweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjsNCiAgYm9yZGVyLXJhZGl1czogNHB4Ow0KICBib3JkZXI6IHNvbGlkIDJweCAjYzRjNGM0Ow0KfQ0KL2RlZXAvIC5lbC1jaGVja2JveF9faW5uZXI6OmFmdGVyIHsNCiAgbGVmdDogNnB4Ow0KICB0b3A6IDJweDsNCn0NCi9kZWVwLyAuZWwtcGFnaW5hdGlvbl9fanVtcCB7DQogIG1hcmdpbi1sZWZ0OiAwOw0KfQ0KLmhlYWQtc2VhcmNoIHsNCiAgd2lkdGg6IDEwMCU7DQogIGhlaWdodDogNzhweDsNCiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZmZmZjsNCiAgYm94LXNoYWRvdzogMHB4IDEycHggMjNweCAwcHggcmdiYSgwLCAwLCAwLCAwLjA1KTsNCiAgYm9yZGVyLXJhZGl1czogMTZweDsNCiAgb3ZlcmZsb3c6IGhpZGRlbjsNCiAgLmlucHV0IHsNCiAgICB3aWR0aDogMzQwcHg7DQogICAgaGVpZ2h0OiA0MHB4Ow0KICAgIGJvcmRlci1yYWRpdXM6IDRweDsNCiAgICBtYXJnaW46IDE5cHggMDsNCiAgICBtYXJnaW4tbGVmdDogMjRweDsNCiAgICAvZGVlcC8gLmVsLWlucHV0IGlucHV0LA0KICAgIC9kZWVwLyAuZWwtaW5wdXQtZ3JvdXBfX2FwcGVuZCB7DQogICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAjZjFmMWYxOw0KICAgICAgYm9yZGVyOiBub25lOw0KICAgIH0NCiAgICAvZGVlcC8gLmVsLWlucHV0IHsNCiAgICAgIGlucHV0IHsNCiAgICAgICAgZm9udC1zaXplOiAxNnB4Ow0KICAgICAgICBmb250LXdlaWdodDogbm9ybWFsOw0KICAgICAgICBmb250LXN0cmV0Y2g6IG5vcm1hbDsNCiAgICAgICAgbGluZS1oZWlnaHQ6IDE5cHg7DQogICAgICAgIGxldHRlci1zcGFjaW5nOiAwcHg7DQogICAgICB9DQogICAgICBpbnB1dDo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlciB7DQogICAgICAgIC8vIOmSiOWvuSDosLfmrYwg5YaF5qC4DQogICAgICAgIGZvbnQtZmFtaWx5OiBNaWNyb3NvZnQgWWFIZWk7DQogICAgICAgIGZvbnQtc2l6ZTogMTZweDsNCiAgICAgICAgZm9udC13ZWlnaHQ6IG5vcm1hbDsNCiAgICAgICAgZm9udC1zdHJldGNoOiBub3JtYWw7DQogICAgICAgIGxpbmUtaGVpZ2h0OiAxOXB4Ow0KICAgICAgICBsZXR0ZXItc3BhY2luZzogMHB4Ow0KICAgICAgICBjb2xvcjogI2M0YzRjNDsNCiAgICAgIH0NCiAgICAgIGlucHV0Oi1tb3otcGxhY2Vob2xkZXIgew0KICAgICAgICAvLyDngavni5ANCiAgICAgICAgZm9udC1mYW1pbHk6IE1pY3Jvc29mdCBZYUhlaTsNCiAgICAgICAgZm9udC1zaXplOiAxNnB4Ow0KICAgICAgICBmb250LXdlaWdodDogbm9ybWFsOw0KICAgICAgICBmb250LXN0cmV0Y2g6IG5vcm1hbDsNCiAgICAgICAgbGluZS1oZWlnaHQ6IDE5cHg7DQogICAgICAgIGxldHRlci1zcGFjaW5nOiAwcHg7DQogICAgICAgIGNvbG9yOiAjYzRjNGM0Ow0KICAgICAgfQ0KICAgICAgaW5wdXQ6LW1zLWlucHV0LXBsYWNlaG9sZGVyIHsNCiAgICAgICAgLy8g5b6u6L2vaWUNCiAgICAgICAgZm9udC1mYW1pbHk6IE1pY3Jvc29mdCBZYUhlaTsNCiAgICAgICAgZm9udC1zaXplOiAxNnB4Ow0KICAgICAgICBmb250LXdlaWdodDogbm9ybWFsOw0KICAgICAgICBmb250LXN0cmV0Y2g6IG5vcm1hbDsNCiAgICAgICAgbGluZS1oZWlnaHQ6IDE5cHg7DQogICAgICAgIGxldHRlci1zcGFjaW5nOiAwcHg7DQogICAgICAgIGNvbG9yOiAjYzRjNGM0Ow0KICAgICAgfQ0KICAgIH0NCiAgfQ0KfQ0KLmNvbnRhaW5lciB7DQogIHdpZHRoOiAxMDAlOw0KICAvLyBoZWlnaHQ6IDg1OHB4Ow0KICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmZmZmOw0KICBib3gtc2hhZG93OiAwcHggMTJweCAyM3B4IDBweCByZ2JhKDAsIDAsIDAsIDAuMDUpOw0KICBib3JkZXItcmFkaXVzOiAxNnB4Ow0KICBtYXJnaW4tdG9wOiAxNnB4Ow0KICBwYWRkaW5nOiAyNHB4Ow0KICBib3gtc2l6aW5nOiBib3JkZXItYm94Ow0KICAub3BlcmF0aW9uLWJ0biB7DQogICAgbWFyZ2luLWJvdHRvbTogMjRweDsNCiAgICAuYnRuIHsNCiAgICAgIGhlaWdodDogNDBweDsNCiAgICAgIHdpZHRoOiA5NnB4Ow0KICAgIH0NCiAgICAuYnRuLXBsdXMgew0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogIzAxNDdlYjsNCiAgICB9DQogICAgLmJ0bi1kZWxldGUgew0KICAgICAgYmFja2dyb3VuZC1jb2xvcjogI2YwNDQ0NDsNCiAgICB9DQogIH0NCiAgL2RlZXAvIC50YWJsZUhlYWRlckNlbGxDbGFzc05hbWUgLmNlbGwgew0KICAgIGZvbnQtZmFtaWx5OiBNaWNyb3NvZnQgWWFIZWk7DQogICAgZm9udC1zaXplOiAxNHB4Ow0KICAgIC8vIGZvbnQtd2VpZ2h0OiBub3JtYWw7DQogICAgZm9udC1zdHJldGNoOiBub3JtYWw7DQogICAgbGluZS1oZWlnaHQ6IDIycHg7DQogICAgbGV0dGVyLXNwYWNpbmc6IDBweDsNCiAgICBjb2xvcjogIzU0NTQ1NDsNCiAgfQ0KDQogIC9kZWVwLyAudGFibGVIZWFkZXJSb3dDbGFzc05hbWUgdGggew0KICAgIGJhY2tncm91bmQtY29sb3I6ICNlYmVjZjA7DQogICAgcGFkZGluZzogNXB4IDA7DQogIH0NCiAgLmNsb3Vtbi1idG4gew0KICAgIHdpZHRoOiA3NnB4Ow0KICAgIGhlaWdodDogMzJweDsNCiAgfQ0KICAuY29udGFpbmVyLXBhZ2luYXRpb24gew0KICAgIGRpc3BsYXk6IGZsZXg7DQogICAganVzdGlmeS1jb250ZW50OiBlbmQ7DQogICAgbWFyZ2luLXRvcDogMjZweDsNCiAgfQ0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsSA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"index.vue","sourceRoot":"src/views/main/Qunit","sourcesContent":["<!--\r\n * @FileDescription: [资质单位]ui规范\r\n * @Author: @liulin\r\n * @Date: 2023-01-04\r\n * @LastEditors: Please set LastEditors\r\n * @LastEditTime: 2023-01-04 17:04:49\r\n -->\r\n<template>\r\n  <!-- 资质单位 -->\r\n  <div ref=\"tablePanel\" style=\"padding:20px\">\r\n    <div class=\"head-search\" ref=\"headSearch\">\r\n      <div class=\"input\">\r\n        <el-input v-model=\"input\" placeholder=\"请输入公司名/法人/资质类型\">\r\n          <el-button slot=\"append\" icon=\"el-icon-search\"></el-button>\r\n        </el-input>\r\n      </div>\r\n    </div>\r\n    <div class=\"container\">\r\n      <div class=\"operation-btn\" ref=\"operationBtn\">\r\n        <el-button\r\n          icon=\"el-icon-plus\"\r\n          type=\"primary\"\r\n          class=\"btn btn-plus\"\r\n          @click=\"handleAdd\"\r\n        >\r\n          新增\r\n        </el-button>\r\n        <el-button icon=\"el-icon-delete\" type=\"danger\" class=\"btn btn-delete\">\r\n          删除\r\n        </el-button>\r\n      </div>\r\n      <div class=\"container-table\">\r\n        <el-table\r\n          :style=\"{ height: `${tableMaxHeight}` + 'px' }\"\r\n          :max-height=\"tableMaxHeight\"\r\n          :data=\"tableData\"\r\n          stripe\r\n          style=\"width: 100%\"\r\n          header-cell-class-name=\"tableHeaderCellClassName\"\r\n          header-row-class-name=\"tableHeaderRowClassName\"\r\n        >\r\n          <el-table-column type=\"selection\" width=\"55\"></el-table-column>\r\n          <el-table-column prop=\"name\" label=\"单位名称\" width=\"250\"></el-table-column>\r\n          <el-table-column prop=\"person\" label=\"法人\" width=\"120\"></el-table-column>\r\n          <el-table-column prop=\"type\" label=\"单位性质\" width=\"100\"></el-table-column>\r\n          <el-table-column\r\n            prop=\"code\"\r\n            label=\"统一社会信用代码\"\r\n            width=\"200\"\r\n          ></el-table-column>\r\n          <el-table-column\r\n            prop=\"time\"\r\n            label=\"成立时间\"\r\n            width=\"120\"\r\n            sortable\r\n          ></el-table-column>\r\n          <el-table-column\r\n            prop=\"address\"\r\n            label=\"单位办公地址\"\r\n            width=\"220\"\r\n          ></el-table-column>\r\n          <el-table-column prop=\"number\" label=\"手机号码\" width=\"150\"></el-table-column>\r\n          <el-table-column prop=\"contact\" label=\"联系人\" width=\"120\"></el-table-column>\r\n          <el-table-column label=\"操作\">\r\n            <template v-slot=\"{ row }\">\r\n              <el-link\r\n                icon=\"el-icon-view\"\r\n                type=\"primary\"\r\n                :underline=\"false\"\r\n                class=\"cloumn-btn\"\r\n                @click=\"handleDetils\"\r\n              >\r\n                详情\r\n              </el-link>\r\n              <el-link\r\n                icon=\"el-icon-edit\"\r\n                type=\"primary\"\r\n                :underline=\"false\"\r\n                class=\"cloumn-btn\"\r\n                @click=\"handleEdit(row)\"\r\n              >\r\n                编辑\r\n              </el-link>\r\n            </template>\r\n          </el-table-column>\r\n        </el-table>\r\n      </div>\r\n      <div class=\"container-pagination\" ref=\"containerPagination\">\r\n        <el-pagination\r\n          background\r\n          layout=\"prev, pager, next, sizes, jumper\"\r\n          :total=\"1000\"\r\n        ></el-pagination>\r\n      </div>\r\n    </div>\r\n    <Dialog ref=\"dialog\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport Dialog from './dialog.vue'\r\nexport default {\r\n  components: {\r\n    Dialog,\r\n  },\r\n  data() {\r\n    return {\r\n      input: '',\r\n      tableMaxHeight: 400,\r\n      tableData: [\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n        {\r\n          name: '曜硕科技(上海)有限公司',\r\n          person: '吴洁立',\r\n          type: '私营企业',\r\n          code: '230181991081407',\r\n          time: '2022-09-06',\r\n          address: '大红门服饰商贸城',\r\n          number: '18335263645',\r\n          contact: '孙子涵',\r\n        },\r\n      ],\r\n    }\r\n  },\r\n  mounted() {\r\n    this.calcTableHeight()\r\n    this.$root.$on('resize', () => {\r\n      this.calcTableHeight(500)\r\n    })\r\n    this.editElPaginationJumperText()\r\n  },\r\n  methods: {\r\n    handleAdd() {\r\n      this.$refs.dialog.open()\r\n    },\r\n    handleEdit(row) {\r\n      this.$refs.dialog.edit(row)\r\n    },\r\n    handleDetils() {\r\n      this.$router.push({ name: 'Detils' })\r\n    },\r\n    editElPaginationJumperText() {\r\n      document.getElementsByClassName('el-pagination__jump')[0].childNodes[0].nodeValue =\r\n        '跳至'\r\n    },\r\n    calcTableHeight(delay) {\r\n      // 动态计算表格的高度，自适应当前容器,168是计算得出的margin和padding的距离\r\n      setTimeout(() => {\r\n        const tablePanelHeight = this.$refs.tablePanel.parentNode.clientHeight\r\n        const headSearchHeight = this.$refs.headSearch.clientHeight\r\n        const operationBtnHeight = this.$refs.operationBtn.clientHeight\r\n        const containerPaginationHeight = this.$refs.containerPagination.clientHeight\r\n        this.tableMaxHeight =\r\n          tablePanelHeight -\r\n          headSearchHeight -\r\n          operationBtnHeight -\r\n          containerPaginationHeight -\r\n          156\r\n      }, delay || 0)\r\n    },\r\n  },\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/deep/ .el-table__row .cell {\r\n  font-family: Microsoft YaHei;\r\n  font-size: 16px;\r\n  font-weight: normal;\r\n  font-stretch: normal;\r\n  line-height: 19px;\r\n  letter-spacing: 0px;\r\n  color: #24262b;\r\n}\r\n/deep/ .el-checkbox__inner {\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: #ffffff;\r\n  border-radius: 4px;\r\n  border: solid 2px #c4c4c4;\r\n}\r\n/deep/ .el-checkbox__inner::after {\r\n  left: 6px;\r\n  top: 2px;\r\n}\r\n/deep/ .el-pagination__jump {\r\n  margin-left: 0;\r\n}\r\n.head-search {\r\n  width: 100%;\r\n  height: 78px;\r\n  background-color: #ffffff;\r\n  box-shadow: 0px 12px 23px 0px rgba(0, 0, 0, 0.05);\r\n  border-radius: 16px;\r\n  overflow: hidden;\r\n  .input {\r\n    width: 340px;\r\n    height: 40px;\r\n    border-radius: 4px;\r\n    margin: 19px 0;\r\n    margin-left: 24px;\r\n    /deep/ .el-input input,\r\n    /deep/ .el-input-group__append {\r\n      background-color: #f1f1f1;\r\n      border: none;\r\n    }\r\n    /deep/ .el-input {\r\n      input {\r\n        font-size: 16px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        line-height: 19px;\r\n        letter-spacing: 0px;\r\n      }\r\n      input::-webkit-input-placeholder {\r\n        // 针对 谷歌 内核\r\n        font-family: Microsoft YaHei;\r\n        font-size: 16px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        line-height: 19px;\r\n        letter-spacing: 0px;\r\n        color: #c4c4c4;\r\n      }\r\n      input:-moz-placeholder {\r\n        // 火狐\r\n        font-family: Microsoft YaHei;\r\n        font-size: 16px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        line-height: 19px;\r\n        letter-spacing: 0px;\r\n        color: #c4c4c4;\r\n      }\r\n      input:-ms-input-placeholder {\r\n        // 微软ie\r\n        font-family: Microsoft YaHei;\r\n        font-size: 16px;\r\n        font-weight: normal;\r\n        font-stretch: normal;\r\n        line-height: 19px;\r\n        letter-spacing: 0px;\r\n        color: #c4c4c4;\r\n      }\r\n    }\r\n  }\r\n}\r\n.container {\r\n  width: 100%;\r\n  // height: 858px;\r\n  background-color: #ffffff;\r\n  box-shadow: 0px 12px 23px 0px rgba(0, 0, 0, 0.05);\r\n  border-radius: 16px;\r\n  margin-top: 16px;\r\n  padding: 24px;\r\n  box-sizing: border-box;\r\n  .operation-btn {\r\n    margin-bottom: 24px;\r\n    .btn {\r\n      height: 40px;\r\n      width: 96px;\r\n    }\r\n    .btn-plus {\r\n      background-color: #0147eb;\r\n    }\r\n    .btn-delete {\r\n      background-color: #f04444;\r\n    }\r\n  }\r\n  /deep/ .tableHeaderCellClassName .cell {\r\n    font-family: Microsoft YaHei;\r\n    font-size: 14px;\r\n    // font-weight: normal;\r\n    font-stretch: normal;\r\n    line-height: 22px;\r\n    letter-spacing: 0px;\r\n    color: #545454;\r\n  }\r\n\r\n  /deep/ .tableHeaderRowClassName th {\r\n    background-color: #ebecf0;\r\n    padding: 5px 0;\r\n  }\r\n  .cloumn-btn {\r\n    width: 76px;\r\n    height: 32px;\r\n  }\r\n  .container-pagination {\r\n    display: flex;\r\n    justify-content: end;\r\n    margin-top: 26px;\r\n  }\r\n}\r\n</style>\r\n"]}]}