{"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=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-ui\\src\\views\\main\\Qunit\\index.vue","mtime":1675233415863},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KDQppbXBvcnQgRGlhbG9nIGZyb20gJy4vZGlhbG9nLnZ1ZScNCmV4cG9ydCBkZWZhdWx0IHsNCiAgY29tcG9uZW50czogew0KICAgIERpYWxvZywNCiAgfSwNCiAgZGF0YSgpIHsNCiAgICByZXR1cm4gew0KICAgICAgaW5wdXQ6ICcnLA0KICAgICAgdGFibGVNYXhIZWlnaHQ6IDQwMCwNCiAgICAgIHRhYmxlRGF0YTogWw0KICAgICAgICB7DQogICAgICAgICAgbmFtZTogJ+abnOehleenkeaKgCjkuIrmtbcp5pyJ6ZmQ5YWs5Y+4JywNCiAgICAgICAgICBwZXJzb246ICflkLTmtIHnq4snLA0KICAgICAgICAgIHR5cGU6ICfnp4HokKXkvIHkuJonLA0KICAgICAgICAgIGNvZGU6ICcyMzAxODE5OTEwODE0MDcnLA0KICAgICAgICAgIHRpbWU6ICcyMDIyLTA5LTA2JywNCiAgICAgICAgICBhZGRyZXNzOiAn5aSn57qi6Zeo5pyN6aWw5ZWG6LS45Z+OJywNCiAgICAgICAgICBudW1iZXI6ICcxODMzNTI2MzY0NScsDQogICAgICAgICAgY29udGFjdDogJ+WtmeWtkOa2tScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBuYW1lOiAn5puc56GV56eR5oqAKOS4iua1tynmnInpmZDlhazlj7gnLA0KICAgICAgICAgIHBlcnNvbjogJ+WQtOa0geeriycsDQogICAgICAgICAgdHlwZTogJ+engeiQpeS8geS4micsDQogICAgICAgICAgY29kZTogJzIzMDE4MTk5MTA4MTQwNycsDQogICAgICAgICAgdGltZTogJzIwMjItMDktMDYnLA0KICAgICAgICAgIGFkZHJlc3M6ICflpKfnuqLpl6jmnI3ppbDllYbotLjln44nLA0KICAgICAgICAgIG51bWJlcjogJzE4MzM1MjYzNjQ1JywNCiAgICAgICAgICBjb250YWN0OiAn5a2Z5a2Q5ra1JywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIG5hbWU6ICfmm5znoZXnp5HmioAo5LiK5rW3KeaciemZkOWFrOWPuCcsDQogICAgICAgICAgcGVyc29uOiAn5ZC05rSB56uLJywNCiAgICAgICAgICB0eXBlOiAn56eB6JCl5LyB5LiaJywNCiAgICAgICAgICBjb2RlOiAnMjMwMTgxOTkxMDgxNDA3JywNCiAgICAgICAgICB0aW1lOiAnMjAyMi0wOS0wNicsDQogICAgICAgICAgYWRkcmVzczogJ+Wkp+e6oumXqOacjemlsOWVhui0uOWfjicsDQogICAgICAgICAgbnVtYmVyOiAnMTgzMzUyNjM2NDUnLA0KICAgICAgICAgIGNvbnRhY3Q6ICflrZnlrZDmtrUnLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgbmFtZTogJ+abnOehleenkeaKgCjkuIrmtbcp5pyJ6ZmQ5YWs5Y+4JywNCiAgICAgICAgICBwZXJzb246ICflkLTmtIHnq4snLA0KICAgICAgICAgIHR5cGU6ICfnp4HokKXkvIHkuJonLA0KICAgICAgICAgIGNvZGU6ICcyMzAxODE5OTEwODE0MDcnLA0KICAgICAgICAgIHRpbWU6ICcyMDIyLTA5LTA2JywNCiAgICAgICAgICBhZGRyZXNzOiAn5aSn57qi6Zeo5pyN6aWw5ZWG6LS45Z+OJywNCiAgICAgICAgICBudW1iZXI6ICcxODMzNTI2MzY0NScsDQogICAgICAgICAgY29udGFjdDogJ+WtmeWtkOa2tScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBuYW1lOiAn5puc56GV56eR5oqAKOS4iua1tynmnInpmZDlhazlj7gnLA0KICAgICAgICAgIHBlcnNvbjogJ+WQtOa0geeriycsDQogICAgICAgICAgdHlwZTogJ+engeiQpeS8geS4micsDQogICAgICAgICAgY29kZTogJzIzMDE4MTk5MTA4MTQwNycsDQogICAgICAgICAgdGltZTogJzIwMjItMDktMDYnLA0KICAgICAgICAgIGFkZHJlc3M6ICflpKfnuqLpl6jmnI3ppbDllYbotLjln44nLA0KICAgICAgICAgIG51bWJlcjogJzE4MzM1MjYzNjQ1JywNCiAgICAgICAgICBjb250YWN0OiAn5a2Z5a2Q5ra1JywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIG5hbWU6ICfmm5znoZXnp5HmioAo5LiK5rW3KeaciemZkOWFrOWPuCcsDQogICAgICAgICAgcGVyc29uOiAn5ZC05rSB56uLJywNCiAgICAgICAgICB0eXBlOiAn56eB6JCl5LyB5LiaJywNCiAgICAgICAgICBjb2RlOiAnMjMwMTgxOTkxMDgxNDA3JywNCiAgICAgICAgICB0aW1lOiAnMjAyMi0wOS0wNicsDQogICAgICAgICAgYWRkcmVzczogJ+Wkp+e6oumXqOacjemlsOWVhui0uOWfjicsDQogICAgICAgICAgbnVtYmVyOiAnMTgzMzUyNjM2NDUnLA0KICAgICAgICAgIGNvbnRhY3Q6ICflrZnlrZDmtrUnLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgbmFtZTogJ+abnOehleenkeaKgCjkuIrmtbcp5pyJ6ZmQ5YWs5Y+4JywNCiAgICAgICAgICBwZXJzb246ICflkLTmtIHnq4snLA0KICAgICAgICAgIHR5cGU6ICfnp4HokKXkvIHkuJonLA0KICAgICAgICAgIGNvZGU6ICcyMzAxODE5OTEwODE0MDcnLA0KICAgICAgICAgIHRpbWU6ICcyMDIyLTA5LTA2JywNCiAgICAgICAgICBhZGRyZXNzOiAn5aSn57qi6Zeo5pyN6aWw5ZWG6LS45Z+OJywNCiAgICAgICAgICBudW1iZXI6ICcxODMzNTI2MzY0NScsDQogICAgICAgICAgY29udGFjdDogJ+WtmeWtkOa2tScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBuYW1lOiAn5puc56GV56eR5oqAKOS4iua1tynmnInpmZDlhazlj7gnLA0KICAgICAgICAgIHBlcnNvbjogJ+WQtOa0geeriycsDQogICAgICAgICAgdHlwZTogJ+engeiQpeS8geS4micsDQogICAgICAgICAgY29kZTogJzIzMDE4MTk5MTA4MTQwNycsDQogICAgICAgICAgdGltZTogJzIwMjItMDktMDYnLA0KICAgICAgICAgIGFkZHJlc3M6ICflpKfnuqLpl6jmnI3ppbDllYbotLjln44nLA0KICAgICAgICAgIG51bWJlcjogJzE4MzM1MjYzNjQ1JywNCiAgICAgICAgICBjb250YWN0OiAn5a2Z5a2Q5ra1JywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIG5hbWU6ICfmm5znoZXnp5HmioAo5LiK5rW3KeaciemZkOWFrOWPuCcsDQogICAgICAgICAgcGVyc29uOiAn5ZC05rSB56uLJywNCiAgICAgICAgICB0eXBlOiAn56eB6JCl5LyB5LiaJywNCiAgICAgICAgICBjb2RlOiAnMjMwMTgxOTkxMDgxNDA3JywNCiAgICAgICAgICB0aW1lOiAnMjAyMi0wOS0wNicsDQogICAgICAgICAgYWRkcmVzczogJ+Wkp+e6oumXqOacjemlsOWVhui0uOWfjicsDQogICAgICAgICAgbnVtYmVyOiAnMTgzMzUyNjM2NDUnLA0KICAgICAgICAgIGNvbnRhY3Q6ICflrZnlrZDmtrUnLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgbmFtZTogJ+abnOehleenkeaKgCjkuIrmtbcp5pyJ6ZmQ5YWs5Y+4JywNCiAgICAgICAgICBwZXJzb246ICflkLTmtIHnq4snLA0KICAgICAgICAgIHR5cGU6ICfnp4HokKXkvIHkuJonLA0KICAgICAgICAgIGNvZGU6ICcyMzAxODE5OTEwODE0MDcnLA0KICAgICAgICAgIHRpbWU6ICcyMDIyLTA5LTA2JywNCiAgICAgICAgICBhZGRyZXNzOiAn5aSn57qi6Zeo5pyN6aWw5ZWG6LS45Z+OJywNCiAgICAgICAgICBudW1iZXI6ICcxODMzNTI2MzY0NScsDQogICAgICAgICAgY29udGFjdDogJ+WtmeWtkOa2tScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBuYW1lOiAn5puc56GV56eR5oqAKOS4iua1tynmnInpmZDlhazlj7gnLA0KICAgICAgICAgIHBlcnNvbjogJ+WQtOa0geeriycsDQogICAgICAgICAgdHlwZTogJ+engeiQpeS8geS4micsDQogICAgICAgICAgY29kZTogJzIzMDE4MTk5MTA4MTQwNycsDQogICAgICAgICAgdGltZTogJzIwMjItMDktMDYnLA0KICAgICAgICAgIGFkZHJlc3M6ICflpKfnuqLpl6jmnI3ppbDllYbotLjln44nLA0KICAgICAgICAgIG51bWJlcjogJzE4MzM1MjYzNjQ1JywNCiAgICAgICAgICBjb250YWN0OiAn5a2Z5a2Q5ra1JywNCiAgICAgICAgfSwNCiAgICAgICAgew0KICAgICAgICAgIG5hbWU6ICfmm5znoZXnp5HmioAo5LiK5rW3KeaciemZkOWFrOWPuCcsDQogICAgICAgICAgcGVyc29uOiAn5ZC05rSB56uLJywNCiAgICAgICAgICB0eXBlOiAn56eB6JCl5LyB5LiaJywNCiAgICAgICAgICBjb2RlOiAnMjMwMTgxOTkxMDgxNDA3JywNCiAgICAgICAgICB0aW1lOiAnMjAyMi0wOS0wNicsDQogICAgICAgICAgYWRkcmVzczogJ+Wkp+e6oumXqOacjemlsOWVhui0uOWfjicsDQogICAgICAgICAgbnVtYmVyOiAnMTgzMzUyNjM2NDUnLA0KICAgICAgICAgIGNvbnRhY3Q6ICflrZnlrZDmtrUnLA0KICAgICAgICB9LA0KICAgICAgICB7DQogICAgICAgICAgbmFtZTogJ+abnOehleenkeaKgCjkuIrmtbcp5pyJ6ZmQ5YWs5Y+4JywNCiAgICAgICAgICBwZXJzb246ICflkLTmtIHnq4snLA0KICAgICAgICAgIHR5cGU6ICfnp4HokKXkvIHkuJonLA0KICAgICAgICAgIGNvZGU6ICcyMzAxODE5OTEwODE0MDcnLA0KICAgICAgICAgIHRpbWU6ICcyMDIyLTA5LTA2JywNCiAgICAgICAgICBhZGRyZXNzOiAn5aSn57qi6Zeo5pyN6aWw5ZWG6LS45Z+OJywNCiAgICAgICAgICBudW1iZXI6ICcxODMzNTI2MzY0NScsDQogICAgICAgICAgY29udGFjdDogJ+WtmeWtkOa2tScsDQogICAgICAgIH0sDQogICAgICAgIHsNCiAgICAgICAgICBuYW1lOiAn5puc56GV56eR5oqAKOS4iua1tynmnInpmZDlhazlj7gnLA0KICAgICAgICAgIHBlcnNvbjogJ+WQtOa0geeriycsDQogICAgICAgICAgdHlwZTogJ+engeiQpeS8geS4micsDQogICAgICAgICAgY29kZTogJzIzMDE4MTk5MTA4MTQwNycsDQogICAgICAgICAgdGltZTogJzIwMjItMDktMDYnLA0KICAgICAgICAgIGFkZHJlc3M6ICflpKfnuqLpl6jmnI3ppbDllYbotLjln44nLA0KICAgICAgICAgIG51bWJlcjogJzE4MzM1MjYzNjQ1JywNCiAgICAgICAgICBjb250YWN0OiAn5a2Z5a2Q5ra1JywNCiAgICAgICAgfSwNCiAgICAgIF0sDQogICAgfQ0KICB9LA0KICBtb3VudGVkKCkgew0KICAgIHRoaXMuY2FsY1RhYmxlSGVpZ2h0KCkNCiAgICB0aGlzLiRyb290LiRvbigncmVzaXplJywgKCkgPT4gew0KICAgICAgdGhpcy5jYWxjVGFibGVIZWlnaHQoNTAwKQ0KICAgIH0pDQogICAgdGhpcy5lZGl0RWxQYWdpbmF0aW9uSnVtcGVyVGV4dCgpDQogIH0sDQogIG1ldGhvZHM6IHsNCiAgICBoYW5kbGVBZGQoKSB7DQogICAgICB0aGlzLiRyZWZzLmRpYWxvZy5vcGVuKCkNCiAgICB9LA0KICAgIGhhbmRsZUVkaXQocm93KSB7DQogICAgICB0aGlzLiRyZWZzLmRpYWxvZy5lZGl0KHJvdykNCiAgICB9LA0KICAgIGhhbmRsZURldGlscygpIHsNCiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKHsgbmFtZTogJ0RldGlscycgfSkNCiAgICB9LA0KICAgIGVkaXRFbFBhZ2luYXRpb25KdW1wZXJUZXh0KCkgew0KICAgICAgZG9jdW1lbnQuZ2V0RWxlbWVudHNCeUNsYXNzTmFtZSgnZWwtcGFnaW5hdGlvbl9fanVtcCcpWzBdLmNoaWxkTm9kZXNbMF0ubm9kZVZhbHVlID0NCiAgICAgICAgJ+i3s+iHsycNCiAgICB9LA0KICAgIGNhbGNUYWJsZUhlaWdodChkZWxheSkgew0KICAgICAgLy8g5Yqo5oCB6K6h566X6KGo5qC855qE6auY5bqm77yM6Ieq6YCC5bqU5b2T5YmN5a655ZmoLDE2OOaYr+iuoeeul+W+l+WHuueahG1hcmdpbuWSjHBhZGRpbmfnmoTot53nprsNCiAgICAgIHNldFRpbWVvdXQoKCkgPT4gew0KICAgICAgICBjb25zdCB0YWJsZVBhbmVsSGVpZ2h0ID0gdGhpcy4kcmVmcy50YWJsZVBhbmVsLnBhcmVudE5vZGUuY2xpZW50SGVpZ2h0DQogICAgICAgIGNvbnN0IGhlYWRTZWFyY2hIZWlnaHQgPSB0aGlzLiRyZWZzLmhlYWRTZWFyY2guY2xpZW50SGVpZ2h0DQogICAgICAgIGNvbnN0IG9wZXJhdGlvbkJ0bkhlaWdodCA9IHRoaXMuJHJlZnMub3BlcmF0aW9uQnRuLmNsaWVudEhlaWdodA0KICAgICAgICBjb25zdCBjb250YWluZXJQYWdpbmF0aW9uSGVpZ2h0ID0gdGhpcy4kcmVmcy5jb250YWluZXJQYWdpbmF0aW9uLmNsaWVudEhlaWdodA0KICAgICAgICB0aGlzLnRhYmxlTWF4SGVpZ2h0ID0NCiAgICAgICAgICB0YWJsZVBhbmVsSGVpZ2h0IC0NCiAgICAgICAgICBoZWFkU2VhcmNoSGVpZ2h0IC0NCiAgICAgICAgICBvcGVyYXRpb25CdG5IZWlnaHQgLQ0KICAgICAgICAgIGNvbnRhaW5lclBhZ2luYXRpb25IZWlnaHQgLQ0KICAgICAgICAgIDE1Ng0KICAgICAgfSwgZGVsYXkgfHwgMCkNCiAgICB9LA0KICB9LA0KfQ0K"},{"version":3,"sources":["index.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoGA;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;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","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"]}]}