漏缆任务轮询corn弹窗 及打印

src/views/alarm/cableTime/index.vue

@@ -16,18 +16,31 @@
         <el-button type="primary" @click="refresh">刷新</el-button>
         <el-button type="primary" @click="isQuery = !isQuery">查询</el-button>
         <el-button type="primary" @click="exportList">导出</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-refresh-right"
+          v-print="printoption"
+          >打印</el-button
+        >
       </div>
     </div>
     <div v-show="isQuery">
       <search ref="reset" @search="search" />
     </div>
+    <div id="print">
+      <div class="table">
         <el-table
           :data="tableData"
           style="width: 100%"
           :cell-class-name="cellClassFn"
           :header-cell-style="{ background: '#EAF1FE', color: '#666666' }"
         >
-      <el-table-column type="index" label="序列号" width="100" align="center" />
+          <el-table-column
+            type="index"
+            label="序列号"
+            width="100"
+            align="center"
+          />
           <el-table-column
             prop="siteName"
             label="基站名称"
@@ -140,6 +153,8 @@
             </template>
           </el-table-column>
         </el-table>
+      </div>
+    </div>
     <el-dialog
       title="告警详情"
       :visible.sync="centerDialogVisible"
@@ -220,6 +235,17 @@ export default {
   components: { search },
   data() {
     return {
+      printoption: {
+        id: "print",
+        popTitle: "&nbsp;", // 打印配置页上方的标题
+        extraHead: "", // 最上方的头部文字，附加在head标签上的额外标签，使用逗号分割
+        preview: false, // 是否启动预览模式，默认是false
+        //previewTitle: '预览的标题', // 打印预览的标题
+        //previewPrintBtnLabel: '预览结束，开始打印', // 打印预览的标题下方的按钮文本，点击可进入打印
+        zIndex: 20002, // 预览窗口的z-index，默认是20002，最好比默认值更高
+        standard: "",
+        extraCss: "./index.css",
+      },
       alarmType,
       confirmStatus: 0,
       dialogInfo: [],
@@ -474,4 +500,22 @@ export default {
     }
   }
 }
+#print {
+  .table {
+    // width: 100%;
+    ::v-deep .el-table {
+      height: 100%;
+    }
+    ::v-deep table {
+      table-layout: auto;
+    }
+    ::v-deep .el-table__header-wrapper .el-table__header {
+      width: 100% !important;
+      background: #f89850 !important;
+    }
+    ::v-deep .el-table__body-wrapper .el-table__body {
+      width: 100% !important;
+    }
+  }
+}
 </style>

src/views/alarm/statistics/index.vue

@@ -208,7 +208,7 @@ export default {
         //previewPrintBtnLabel: '预览结束，开始打印', // 打印预览的标题下方的按钮文本，点击可进入打印
         zIndex: 20002, // 预览窗口的z-index，默认是20002，最好比默认值更高
         standard: "",
-        extraCss: "./index.css",
+        // extraCss: "./index.css",
       },
       form: {},
       params: {

vue.config.js

@@ -9,8 +9,8 @@ function resolve(dir) {
 const name = defaultSettings.title || '漏缆故障定位监测系统' // page title
 const port = process.env.port || process.env.npm_config_port || 8890 // dev port
 // const href = 'http://101.126.159.207'
-// const href = 'http://127.0.0.1'
-const href = 'http://192.168.0.114'
+const href = 'http://127.0.0.1'
+// const href = 'http://192.168.0.165'
 
 const rewriteDefaultConfig = {
   changeOrigin: true,