作者 朱兆平

合并分支 'hqpt_vue' 到 'master'

element版本升级加更新配置

# element升级到最新2.13
# 业务vue合并
# websocket支持
# 部署配置修改

查看合并请求 !2
@@ -23,13 +23,14 @@ module.exports = { @@ -23,13 +23,14 @@ module.exports = {
23 }, 23 },
24 dev: { 24 dev: {
25 env: require('./dev.env'), 25 env: require('./dev.env'),
26 - port: 8001, 26 + port: 4006,
27 autoOpenBrowser: true, 27 autoOpenBrowser: true,
28 assetsSubDirectory: 'static', 28 assetsSubDirectory: 'static',
29 assetsPublicPath: '/', 29 assetsPublicPath: '/',
30 proxyTable: { 30 proxyTable: {
31 '/api':{ 31 '/api':{
32 target: 'http://192.168.1.53:12343',//设置你调用的接口域名和端口号 别忘了加http 32 target: 'http://192.168.1.53:12343',//设置你调用的接口域名和端口号 别忘了加http
  33 + // target: 'http://192.168.43.78:12343',//设置你调用的接口域名和端口号 别忘了加http
33 changeOrigin: true, 34 changeOrigin: true,
34 pathRewrite: { 35 pathRewrite: {
35 '^/api': '/'//这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可 36 '^/api': '/'//这里理解成用‘/api’代替target里面的地址,后面组件中我们掉接口时直接用api代替 比如我要调用'http://40.00.100.100:3002/user/add',直接写‘/api/user/add’即可
  1 +import axios from 'axios'
  2 +
  3 +let base = '/hqpt-user-center/water_stations_patrol';
  4 +
  5 +
  6 +
  7 +export const getList = params => { return axios.get(`${base}/list`, { params: params }); };
  8 +
  9 +
  10 +export const remove = params => { return axios({
  11 + method: 'DELETE',
  12 + url: `${base}/del`,
  13 + data: params,
  14 + headers: {
  15 + 'Content-Type': 'application/json;charset=UTF-8'
  16 + }
  17 +})};
  18 +
  19 +//批量删除
  20 +export const batchRemove = params => { return axios.get(`${base}/batchremove`, { params: params }); };
  21 +
  22 +export const edit = params => { return axios({
  23 + method: 'PUT',
  24 + url: `${base}/edit`,
  25 + data: params,
  26 + headers: {
  27 + 'Content-Type': 'application/json;charset=UTF-8'
  28 + }
  29 +})};
  30 +
  31 +export const add = params => { return axios({
  32 + method: 'POST',
  33 + url: `${base}/add`,
  34 + data: params,
  35 + headers: {
  36 + 'Content-Type': 'application/json;charset=UTF-8'
  37 + }
  38 +})};
@@ -24,6 +24,7 @@ import Key from './views/staff/key.vue' @@ -24,6 +24,7 @@ import Key from './views/staff/key.vue'
24 import Maintain from './views/staff/maintain.vue' 24 import Maintain from './views/staff/maintain.vue'
25 import ComeCar from './views/staff/come_car.vue' 25 import ComeCar from './views/staff/come_car.vue'
26 import OnDuty from './views/staff/on_duty.vue' 26 import OnDuty from './views/staff/on_duty.vue'
  27 +import WaterStationsPatrol from './views/water/water_stations_patrol.vue'
27 import Location from './views/empt/Location.vue' 28 import Location from './views/empt/Location.vue'
28 29
29 let routes = [ 30 let routes = [
@@ -93,16 +94,23 @@ let routes = [ @@ -93,16 +94,23 @@ let routes = [
93 { path: '/security_inspection', component: SecrityInspection, name: '职工公寓安全巡视管理' }, 94 { path: '/security_inspection', component: SecrityInspection, name: '职工公寓安全巡视管理' },
94 { path: '/key', component: Key, name: '职工公寓备用钥匙使用登记管理' }, 95 { path: '/key', component: Key, name: '职工公寓备用钥匙使用登记管理' },
95 { path: '/maintain', component: Maintain, name: '职工公寓设施设备维修记录管理' }, 96 { path: '/maintain', component: Maintain, name: '职工公寓设施设备维修记录管理' },
  97 + { path: '/come_car', component: ComeCar, name: '职工公寓外来人员车辆登记管理' },
  98 + { path: '/on_duty', component: OnDuty, name: '职工公寓值班巡视记录管理' },
96 ] 99 ]
97 }, 100 },
98 { 101 {
99 - path: '/', 102 + path: '/water_heating_chamber',
100 component: Home, 103 component: Home,
101 - name: '导航三', 104 + name: '水暖室',
102 iconCls: 'fa fa-address-card', 105 iconCls: 'fa fa-address-card',
103 - leaf: true,//只有一个节点 106 + // leaf: true,//只有一个节点
104 children: [ 107 children: [
105 - { path: '/page6', component: Page6, name: '导航三' } 108 +
  109 + { path: '/water_stations_patrol', component: WaterStationsPatrol, name: '二水厂-水站巡视记录单管理' },
  110 + // { path: '/page6', component: Page6, name: '水质量检测' },
  111 + // { path: '/page6', component: Page6, name: '污水站' },
  112 + // { path: '/page6', component: Page6, name: '一水厂' },
  113 + // { path: '/page6', component: Page6, name: '综合楼空调站' },
106 ] 114 ]
107 }, 115 },
108 { 116 {
@@ -378,6 +378,7 @@ @@ -378,6 +378,7 @@
378 } 378 }
379 }); 379 });
380 }, 380 },
  381 +
381 //编辑 382 //编辑
382 editSubmit: function () { 383 editSubmit: function () {
383 this.$refs.editForm.validate((valid) => { 384 this.$refs.editForm.validate((valid) => {
  1 +<template>
  2 + <section>
  3 + <!--工具条-->
  4 + <el-col :span="24" class="toolbar" style="padding-bottom: 0px;">
  5 + <el-form :inline="true" :model="filters">
  6 + <el-form-item>
  7 + <el-input v-model="filters.cometovisitname" placeholder="报修人名称"></el-input>
  8 + </el-form-item>
  9 + <el-form-item>
  10 + <el-button type="primary" v-on:click="getMaintainList()">查询</el-button>
  11 + </el-form-item>
  12 + <el-form-item>
  13 + <el-button type="primary" @click="companyAdd">新增</el-button>
  14 + </el-form-item>
  15 + </el-form>
  16 + </el-col>
  17 +
  18 + <!--列表-->
  19 + <el-table :data="securityInspectionList" highlight-current-row v-loading="listLoading" @selection-change="selsChange" style="width: 100%;">
  20 + <el-table-column type="selection" width="55">
  21 + </el-table-column>
  22 + <el-table-column type="index">
  23 + </el-table-column>
  24 + <el-table-column prop="id" v-if="false" label="ID" sortable>
  25 + </el-table-column>
  26 + <el-table-column prop="creattime" label="日期" sortable>
  27 + </el-table-column>
  28 + <el-table-column prop="checkprojectcontrolrommresponsibleperson" label="控制室巡视责任人" sortable>
  29 + </el-table-column>
  30 + <el-table-column prop="checkprojectfrequencyconversionresponsibleperson" label="变频间巡视责任人" sortable>
  31 + </el-table-column>
  32 + <el-table-column prop="checkprojectmeterbetweenturbidityinstrumentresponsibleperson" label="浊度仪巡视责任人" sortable>
  33 + </el-table-column>
  34 + <el-table-column prop="checkprojectmeterbetweenflowmeterresponsibleperson" label="流量表巡视责任人" sortable>
  35 + </el-table-column>
  36 + <el-table-column prop="residualchlorineinstrumentresponsibleperson" label="余氯仪巡视责任人" sortable>
  37 + </el-table-column>
  38 + <el-table-column prop="boosterpumproomresponsibleperson" label="增压泵房巡视责任人" sortable>
  39 + </el-table-column>
  40 + <el-table-column prop="clearwaterreserviorsresponsibleperson" label="清水池巡视责任人" sortable>
  41 + </el-table-column>
  42 + <el-table-column prop="betweenchlorineresponsibleperson" label="加氯间巡视责任人" sortable>
  43 + </el-table-column>
  44 + <el-table-column prop="groundEnvironmentResponsiblePerson" label="场区环境巡视责任人" sortable>
  45 + </el-table-column>
  46 + <el-table-column prop="groundsecurityresponsibleperson" label="场区安全巡视责任人" sortable>
  47 + </el-table-column>
  48 + <el-table-column prop="securitytoolresponsibleperson" label="安全工具巡视责任人" sortable>
  49 + </el-table-column>
  50 + <el-table-column label="操作" min-width="150">
  51 + <template slot-scope="scope">
  52 + <el-button size="small" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
  53 + <el-button type="danger" size="small" @click="handleDel(scope.$index, scope.row)">删除</el-button>
  54 + </template>
  55 + </el-table-column>
  56 + </el-table>
  57 +
  58 + <!--工具条-->
  59 + <el-col :span="24" class="toolbar">
  60 + <el-button type="danger" @click="batchRemove" :disabled="this.sels.length===0">批量删除</el-button>
  61 + <el-pagination layout="total, prev, pager, next" @current-change="handleCurrentChange" :page-size="5" :total="total" style="float:right;">
  62 + </el-pagination>
  63 + </el-col>
  64 +
  65 + <!--编辑界面-->
  66 + <el-dialog title="编辑" :visible.sync="editFormVisible" :close-on-click-modal="false">
  67 + <el-form :model="editForm" label-width="80px" :rules="editFormRules" ref="editForm">
  68 + <el-form-item label="ID">
  69 + <span>{{editForm.id}}</span>
  70 + </el-form-item>
  71 + <el-form-item label="日期" prop="datetime">
  72 + <el-date-picker
  73 + v-model="editForm.datetime"
  74 + type="date"
  75 + format="yyyy-MM-dd"
  76 + value-format="yyyy-MM-dd"
  77 + placeholder="选择日期时间">
  78 + </el-date-picker>
  79 + </el-form-item>
  80 + <el-form-item label="来访时间" prop="cometovisitdate">
  81 + <el-date-picker
  82 + v-model="editForm.cometovisitdate"
  83 + type="date"
  84 + format="yyyy-MM-dd HH:mm:ss"
  85 + value-format="yyyy-MM-dd HH:mm:ss"
  86 + placeholder="选择日期时间">
  87 + </el-date-picker>
  88 + </el-form-item>
  89 + <el-form-item label="离开时间" prop="leavedate">
  90 + <el-date-picker
  91 + v-model="editForm.leavedate"
  92 + type="date"
  93 + format="yyyy-MM-dd HH:mm:ss"
  94 + value-format="yyyy-MM-dd HH:mm:ss"
  95 + placeholder="选择日期时间">
  96 + </el-date-picker>
  97 + </el-form-item>
  98 + <el-form-item label="姓名" prop="cometovisitname">
  99 + <el-input v-model="editForm.cometovisitname" auto-complete="off" placeholder="请输入姓名"></el-input>
  100 + </el-form-item>
  101 + <el-form-item label="车辆牌号" prop="carnumber">
  102 + <el-input v-model="editForm.carnumber" auto-complete="off" placeholder="请输入车辆牌号"></el-input>
  103 + </el-form-item>
  104 + <el-form-item label="联系电话" prop="phone">
  105 + <el-input v-model="editForm.phone" auto-complete="off" placeholder="请输入联系电话"></el-input>
  106 + </el-form-item>
  107 + <el-form-item label="来访事由" prop="comematter">
  108 + <el-input v-model="editForm.comematter" auto-complete="off" placeholder="请输入来访事由"></el-input>
  109 + </el-form-item>
  110 + <el-form-item label="值班人员" prop="warchkeeper">
  111 + <el-input v-model="editForm.warchkeeper" auto-complete="off" placeholder="请输值班人员"></el-input>
  112 + </el-form-item>
  113 + </el-form>
  114 + <div slot="footer" class="dialog-footer">
  115 + <el-button @click.native="editFormVisible = false">取消</el-button>
  116 + <el-button type="primary" @click.native="editSubmit" :loading="false">提交</el-button>
  117 + </div>
  118 + </el-dialog>
  119 +
  120 + <!--新增界面-->
  121 + <el-dialog title="新增" :visible.sync="addFormVisible" :close-on-click-modal="false">
  122 + <el-form :model="addForm" label-width="80px" :rules="addFormRules" ref="addForm">
  123 + <el-form-item label="控制室-供水系统正常运行操作台参数处于正常范围" prop="checkprojectcontrolrommwatersupplysystem">
  124 + <el-radio-group v-model="addFrom.checkprojectcontrolrommwatersupplysystem">
  125 + <el-radio :label="0" >是</el-radio>
  126 + <el-radio :label="1">否</el-radio>
  127 + </el-radio-group>
  128 + </el-form-item>
  129 + <el-form-item label="控制室-安防西永正常运行,监控可用且画面清晰" prop="checkprojectcontrolrommsecuritysystem">
  130 + <el-radio-group v-model="addFrom.checkprojectcontrolrommsecuritysystem">
  131 + <el-radio :label="0" >是</el-radio>
  132 + <el-radio :label="1">否</el-radio>
  133 + </el-radio-group>
  134 + </el-form-item>
  135 + <el-form-item label="控制室-运行记录准确清晰" prop="checkprojectcontrolrommrunningrecord">
  136 + <el-radio-group v-model="addFrom.checkprojectcontrolrommrunningrecord">
  137 + <el-radio :label="0" >是</el-radio>
  138 + <el-radio :label="1">否</el-radio>
  139 + </el-radio-group>
  140 + </el-form-item>
  141 + <el-form-item label="控制室-文件架,座椅,板凳摆放整齐" prop="checkprojectcontrolrommdocumentholder">
  142 + <el-radio-group v-model="addFrom.checkprojectcontrolrommdocumentholder">
  143 + <el-radio :label="0" >是</el-radio>
  144 + <el-radio :label="1">否</el-radio>
  145 + </el-radio-group>
  146 + </el-form-item>
  147 + <el-form-item label="控制室-地面和桌面卫生干净" prop="checkprojectcontrolrommground">
  148 + <el-radio-group v-model="addFrom.checkprojectcontrolrommground">
  149 + <el-radio :label="0" >是</el-radio>
  150 + <el-radio :label="1">否</el-radio>
  151 + </el-radio-group>
  152 + </el-form-item>
  153 + <el-form-item label="控制室-巡视责任人" prop="checkprojectcontrolrommresponsibleperson">
  154 + <el-input v-model="addFrom.checkprojectcontrolrommresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  155 + </el-form-item>
  156 + <el-form-item label="控制室-备注" prop="checkprojectcontrolrommnote">
  157 + <el-input v-model="addFrom.checkprojectcontrolrommnote" auto-complete="off" placeholder="请输入姓名"></el-input>
  158 + </el-form-item>
  159 + <el-form-item label="变频间-控制柜显示正常,运行正常" prop="checkprojectfrequencyconversionshow">
  160 + <el-radio-group v-model="addFrom.checkprojectfrequencyconversionshow">
  161 + <el-radio :label="0" >是</el-radio>
  162 + <el-radio :label="1">否</el-radio>
  163 + </el-radio-group>
  164 + </el-form-item>
  165 + <el-form-item label="变频间-控制柜封闭严实,室内温度正常,无烧焦味道" prop="checkprojectfrequencyconversionclose">
  166 + <el-radio-group v-model="addFrom.checkprojectfrequencyconversionclose">
  167 + <el-radio :label="0" >是</el-radio>
  168 + <el-radio :label="1">否</el-radio>
  169 + </el-radio-group>
  170 + </el-form-item>
  171 + <el-form-item label="变频间-地面卫生干净,门窗清洁" prop="checkprojectfrequencyconversionsanitation">
  172 + <el-radio-group v-model="addFrom.checkprojectfrequencyconversionsanitation">
  173 + <el-radio :label="0" >是</el-radio>
  174 + <el-radio :label="1">否</el-radio>
  175 + </el-radio-group>
  176 + </el-form-item>
  177 + <el-form-item label="变频间-巡视责任人" prop="checkprojectfrequencyconversionresponsibleperson">
  178 + <el-input v-model="addFrom.checkprojectfrequencyconversionresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  179 + </el-form-item>
  180 + <el-form-item label="变频间-备注" prop="checkprojectfrequencyconversionnote">
  181 + <el-input v-model="addFrom.checkprojectfrequencyconversionnote" auto-complete="off" placeholder="请输入姓名"></el-input>
  182 + </el-form-item>
  183 + <el-form-item label="仪表间-浊度仪-电源是否正常" prop="checkprojectmeterbetweenturbidityinstrumentpowersupply">
  184 + <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentpowersupply">
  185 + <el-radio :label="0" >是</el-radio>
  186 + <el-radio :label="1">否</el-radio>
  187 + </el-radio-group>
  188 + </el-form-item>
  189 + <el-form-item label="仪表间-浊度仪-显示是否正常" prop="checkprojectmeterbetweenturbidityinstrumentshow">
  190 + <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentshow">
  191 + <el-radio :label="0" >是</el-radio>
  192 + <el-radio :label="1">否</el-radio>
  193 + </el-radio-group>
  194 + </el-form-item>
  195 + <el-form-item label="仪表间-浊度仪-外观是否破损" prop="checkprojectmeterbetweenturbidityinstrumentappearance">
  196 + <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentappearance">
  197 + <el-radio :label="0" >是</el-radio>
  198 + <el-radio :label="1">否</el-radio>
  199 + </el-radio-group>
  200 + </el-form-item>
  201 + <el-form-item label="仪表间-浊度仪-量程指示等是否正常" prop="checkprojectmeterbetweenturbidityinstrumentrange">
  202 + <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentrange">
  203 + <el-radio :label="0" >是</el-radio>
  204 + <el-radio :label="1">否</el-radio>
  205 + </el-radio-group>
  206 + </el-form-item>
  207 + <el-form-item label="仪表间-浊度仪-检测数据是否正常" prop="checkprojectmeterbetweenturbidityinstrumentdetection">
  208 + <el-radio-group v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentdetection">
  209 + <el-radio :label="0" >是</el-radio>
  210 + <el-radio :label="1">否</el-radio>
  211 + </el-radio-group>
  212 + </el-form-item>
  213 + <el-form-item label="仪表间-浊度仪-巡视责任人" prop="checkprojectmeterbetweenturbidityinstrumentresponsibleperson">
  214 + <el-input v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  215 + </el-form-item>
  216 + <el-form-item label="仪表间-浊度仪-备注" prop="checkprojectmeterbetweenturbidityinstrumentnote">
  217 + <el-input v-model="addFrom.checkprojectmeterbetweenturbidityinstrumentnote" auto-complete="off" placeholder="请输入姓名"></el-input>
  218 + </el-form-item>
  219 + <el-form-item label="仪表间-流量表-电源是否正常" prop="checkprojectmeterbetweenflowmeterpowersupply">
  220 + <el-radio-group v-model="addFrom.checkprojectmeterbetweenflowmeterpowersupply">
  221 + <el-radio :label="0" >是</el-radio>
  222 + <el-radio :label="1">否</el-radio>
  223 + </el-radio-group>
  224 + </el-form-item>
  225 + <el-form-item label="仪表间-流量表-显示是否正常" prop="checkprojectmeterbetweenflowmetershow">
  226 + <el-radio-group v-model="addFrom.checkprojectmeterbetweenflowmetershow">
  227 + <el-radio :label="0" >是</el-radio>
  228 + <el-radio :label="1">否</el-radio>
  229 + </el-radio-group>
  230 + </el-form-item>
  231 + <el-form-item label="仪表间-流量表-外观是否破损" prop="checkprojectmeterbetweenflowmeterappearance">
  232 + <el-radio-group v-model="addFrom.checkprojectmeterbetweenflowmeterappearance">
  233 + <el-radio :label="0" >是</el-radio>
  234 + <el-radio :label="1">否</el-radio>
  235 + </el-radio-group>
  236 + </el-form-item>
  237 + <el-form-item label="仪表间-流量表-巡视责任人" prop="checkprojectmeterbetweenflowmeterresponsibleperson">
  238 + <el-input v-model="addFrom.checkprojectmeterbetweenflowmeterresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  239 + </el-form-item>
  240 + <el-form-item label="仪表间-流量表-备注" prop="checkprojectmeterbetweenflowmeternote">
  241 + <el-input v-model="addFrom.checkprojectmeterbetweenflowmeternote" auto-complete="off" placeholder="请输入姓名"></el-input>
  242 + </el-form-item>
  243 + <el-form-item label="仪表间-余氯仪-管道是否锈蚀" prop="residualchlorineinstrumentpipeline">
  244 + <el-radio-group v-model="addFrom.residualchlorineinstrumentpipeline">
  245 + <el-radio :label="0" >是</el-radio>
  246 + <el-radio :label="1">否</el-radio>
  247 + </el-radio-group>
  248 + </el-form-item>
  249 + <el-form-item label="仪表间-余氯仪-电源是否正常" prop="residualchlorineinstrumentpowersupply">
  250 + <el-radio-group v-model="addFrom.residualchlorineinstrumentpowersupply">
  251 + <el-radio :label="0" >是</el-radio>
  252 + <el-radio :label="1">否</el-radio>
  253 + </el-radio-group>
  254 + </el-form-item>
  255 + <el-form-item label="仪表间-余氯仪-显示是否正常" prop="residualchlorineinstrumentshow">
  256 + <el-radio-group v-model="addFrom.residualchlorineinstrumentshow">
  257 + <el-radio :label="0" >是</el-radio>
  258 + <el-radio :label="1">否</el-radio>
  259 + </el-radio-group>
  260 + </el-form-item>
  261 + <el-form-item label="仪表间-余氯仪-外观是否破损" prop="residualchlorineinstrumentappearance">
  262 + <el-radio-group v-model="addFrom.residualchlorineinstrumentappearance">
  263 + <el-radio :label="0" >是</el-radio>
  264 + <el-radio :label="1">否</el-radio>
  265 + </el-radio-group>
  266 + </el-form-item>
  267 + <el-form-item label="仪表间-余氯仪-管道连接无漏水现象" prop="residualchlorineinstrumentpipelinmakewater">
  268 + <el-radio-group v-model="addFrom.residualchlorineinstrumentpipelinmakewater">
  269 + <el-radio :label="0" >是</el-radio>
  270 + <el-radio :label="1">否</el-radio>
  271 + </el-radio-group>
  272 + </el-form-item>
  273 + <el-form-item label="仪表间-余氯仪-运行设备正常,无噪音现象" prop="residualchlorineinstrumentequipment">
  274 + <el-radio-group v-model="addFrom.residualchlorineinstrumentequipment">
  275 + <el-radio :label="0" >是</el-radio>
  276 + <el-radio :label="1">否</el-radio>
  277 + </el-radio-group>
  278 + </el-form-item>
  279 + <el-form-item label="仪表间-余氯仪-地面卫生干净,门窗清洁" prop="residualchlorineinstrumentgroundsanitation">
  280 + <el-radio-group v-model="addFrom.residualchlorineinstrumentgroundsanitation">
  281 + <el-radio :label="0" >是</el-radio>
  282 + <el-radio :label="1">否</el-radio>
  283 + </el-radio-group>
  284 + </el-form-item>
  285 + <el-form-item label="仪表间-余氯仪-巡视责任人" prop="residualchlorineinstrumentresponsibleperson">
  286 + <el-input v-model="addFrom.residualchlorineinstrumentresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  287 + </el-form-item>
  288 + <el-form-item label="仪表间-余氯仪-备注" prop="residualchlorineinstrumentnote">
  289 + <el-input v-model="addFrom.residualchlorineinstrumentnote" auto-complete="off" placeholder="请输入姓名"></el-input>
  290 + </el-form-item>
  291 + <el-form-item label="增压泵房-水泵正常运行,无噪音,电视机运行正常" prop="boosterpumproomwaterpump">
  292 + <el-radio-group v-model="addFrom.boosterpumproomwaterpump">
  293 + <el-radio :label="0" >是</el-radio>
  294 + <el-radio :label="1">否</el-radio>
  295 + </el-radio-group>
  296 + </el-form-item>
  297 + <el-form-item label="增压泵房-轴承无磨损,无外向渗液现象" prop="boosterpumproombearing">
  298 + <el-radio-group v-model="addFrom.boosterpumproombearing">
  299 + <el-radio :label="0" >是</el-radio>
  300 + <el-radio :label="1">否</el-radio>
  301 + </el-radio-group>
  302 + </el-form-item>
  303 + <el-form-item label="增压泵房-压力表显示正常,清晰" prop="boosterpumproomthevalue">
  304 + <el-radio-group v-model="addFrom.boosterpumproomthevalue">
  305 + <el-radio :label="0" >是</el-radio>
  306 + <el-radio :label="1">否</el-radio>
  307 + </el-radio-group>
  308 + </el-form-item>
  309 + <el-form-item label="增压泵房-水泵阀门开关灵活,转向正常,无渗透" prop="boosterpumproompumpbody">
  310 + <el-radio-group v-model="addFrom.boosterpumproompumpbody">
  311 + <el-radio :label="0" >是</el-radio>
  312 + <el-radio :label="1">否</el-radio>
  313 + </el-radio-group>
  314 + </el-form-item>
  315 + <el-form-item label="增压泵房-泵体无破损,铭牌完整" prop="boosterpumproomnameplate">
  316 + <el-radio-group v-model="addFrom.boosterpumproomnameplate">
  317 + <el-radio :label="0" >是</el-radio>
  318 + <el-radio :label="1">否</el-radio>
  319 + </el-radio-group>
  320 + </el-form-item>
  321 + <el-form-item label="增压泵房-盘根密封无漏水,机座螺丝安装牢固,无脱落" prop="boosterpumproompacking">
  322 + <el-radio-group v-model="addFrom.boosterpumproompacking">
  323 + <el-radio :label="0" >是</el-radio>
  324 + <el-radio :label="1">否</el-radio>
  325 + </el-radio-group>
  326 + </el-form-item>
  327 + <el-form-item label="增压泵房-控制柜显示正常,按钮灵活可靠,无烧焦味道" prop="boosterpumproomshow">
  328 + <el-radio-group v-model="addFrom.boosterpumproomshow">
  329 + <el-radio :label="0" >是</el-radio>
  330 + <el-radio :label="1">否</el-radio>
  331 + </el-radio-group>
  332 + </el-form-item>
  333 + <el-form-item label="增压泵房-风机正常运行,控制按钮灵活可靠" prop="boosterpumproomfan">
  334 + <el-radio-group v-model="addFrom.boosterpumproomfan">
  335 + <el-radio :label="0" >是</el-radio>
  336 + <el-radio :label="1">否</el-radio>
  337 + </el-radio-group>
  338 + </el-form-item>
  339 + <el-form-item label="增压泵房-排水沟污水泵可正常清理污水" prop="boosterpumproomdrainage">
  340 + <el-radio-group v-model="addFrom.boosterpumproomdrainage">
  341 + <el-radio :label="0" >是</el-radio>
  342 + <el-radio :label="1">否</el-radio>
  343 + </el-radio-group>
  344 + </el-form-item>
  345 + <el-form-item label="增压泵房-地面卫生干净,门窗,泵体,控制柜,排风管清洁" prop="boosterpumproomsanitation">
  346 + <el-radio-group v-model="addFrom.boosterpumproomsanitation">
  347 + <el-radio :label="0" >是</el-radio>
  348 + <el-radio :label="1">否</el-radio>
  349 + </el-radio-group>
  350 + </el-form-item>
  351 + <el-form-item label="增压泵房-巡视责任人" prop="boosterpumproomresponsibleperson">
  352 + <el-input v-model="addFrom.boosterpumproomresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  353 + </el-form-item>
  354 + <el-form-item label="增压泵房-备注" prop="boosterpumproomnote">
  355 + <el-input v-model="addFrom.boosterpumproomnote" auto-complete="off" placeholder="请输入姓名"></el-input>
  356 + </el-form-item>
  357 + <el-form-item label="清水池-楼梯稳固,无摇摆现象" prop="clearwaterreserviorsstairs">
  358 + <el-radio-group v-model="addFrom.clearwaterreserviorsstairs">
  359 + <el-radio :label="0" >是</el-radio>
  360 + <el-radio :label="1">否</el-radio>
  361 + </el-radio-group>
  362 + </el-form-item>
  363 + <el-form-item label="清水池-检测孔封盖严密,通气孔无破坏" prop="clearwaterreserviorsvent">
  364 + <el-radio-group v-model="addFrom.clearwaterreserviorsvent">
  365 + <el-radio :label="0" >是</el-radio>
  366 + <el-radio :label="1">否</el-radio>
  367 + </el-radio-group>
  368 + </el-form-item>
  369 + <el-form-item label="清水池-池顶无裂纹,缝隙等" prop="clearwaterreserviorspoolroof">
  370 + <el-radio-group v-model="addFrom.clearwaterreserviorspoolroof">
  371 + <el-radio :label="0" >是</el-radio>
  372 + <el-radio :label="1">否</el-radio>
  373 + </el-radio-group>
  374 + </el-form-item>
  375 + <el-form-item label="清水池-池顶卫生干净,无闲杂物品" prop="clearwaterreserviorssanitation">
  376 + <el-radio-group v-model="addFrom.clearwaterreserviorssanitation">
  377 + <el-radio :label="0" >是</el-radio>
  378 + <el-radio :label="1">否</el-radio>
  379 + </el-radio-group>
  380 + </el-form-item>
  381 + <el-form-item label="清水池-进出水池阀门可正常扭转,无渗水现象" prop="clearwaterreserviorspumpbody">
  382 + <el-radio-group v-model="addFrom.clearwaterreserviorspumpbody">
  383 + <el-radio :label="0" >是</el-radio>
  384 + <el-radio :label="1">否</el-radio>
  385 + </el-radio-group>
  386 + </el-form-item>
  387 + <el-form-item label="清水池-巡视责任人" prop="clearwaterreserviorsresponsibleperson">
  388 + <el-input v-model="addFrom.clearwaterreserviorsresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  389 + </el-form-item>
  390 + <el-form-item label="清水池-备注" prop="clearwaterreserviorsnote">
  391 + <el-input v-model="addFrom.clearwaterreserviorsnote" auto-complete="off" placeholder="请输入姓名"></el-input>
  392 + </el-form-item>
  393 + <el-form-item label="加氯间-加氯设备运行正常,加氯间无异味" prop="betweenchlorineequipment">
  394 + <el-radio-group v-model="addFrom.betweenchlorineequipment">
  395 + <el-radio :label="0" >是</el-radio>
  396 + <el-radio :label="1">否</el-radio>
  397 + </el-radio-group>
  398 + </el-form-item>
  399 + <el-form-item label="加氯管道无渗漏,无泄漏现象" prop="betweenchlorinepipe">
  400 + <el-radio-group v-model="addFrom.betweenchlorinepipe">
  401 + <el-radio :label="0" >是</el-radio>
  402 + <el-radio :label="1">否</el-radio>
  403 + </el-radio-group>
  404 + </el-form-item>
  405 + <el-form-item label="加氯间-加药泵,电动阀门无异常,无剧烈震动现象" prop="betweenchlorinedosingpump">
  406 + <el-radio-group v-model="addFrom.betweenchlorinedosingpump">
  407 + <el-radio :label="0" >是</el-radio>
  408 + <el-radio :label="1">否</el-radio>
  409 + </el-radio-group>
  410 + </el-form-item>
  411 + <el-form-item label="加氯间-流量计显示正常,轴承无磨损" prop="betweenchlorinetraffic">
  412 + <el-radio-group v-model="addFrom.betweenchlorinetraffic">
  413 + <el-radio :label="0" >是</el-radio>
  414 + <el-radio :label="1">否</el-radio>
  415 + </el-radio-group>
  416 + </el-form-item>
  417 + <el-form-item label="加氯间-排风扇是否运行正常" prop="betweenchlorinefan">
  418 + <el-radio-group v-model="addFrom.betweenchlorinefan">
  419 + <el-radio :label="0" >是</el-radio>
  420 + <el-radio :label="1">否</el-radio>
  421 + </el-radio-group>
  422 + </el-form-item>
  423 + <el-form-item label="加氯间-室内卫生干净门窗清洁" prop="betweenchlorinesanitation">
  424 + <el-radio-group v-model="addFrom.betweenchlorinesanitation">
  425 + <el-radio :label="0" >是</el-radio>
  426 + <el-radio :label="1">否</el-radio>
  427 + </el-radio-group>
  428 + </el-form-item>
  429 +
  430 + <el-form-item label="加氯间-巡视责任人" prop="betweenchlorineresponsibleperson">
  431 + <el-input v-model="addFrom.betweenchlorineresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  432 + </el-form-item>
  433 + <el-form-item label="加氯间-备注" prop="betweenchlorinenote">
  434 + <el-input v-model="addFrom.betweenchlorinenote" auto-complete="off" placeholder="请输入姓名"></el-input>
  435 + </el-form-item>
  436 +
  437 + <el-form-item label="场区环境-水井井盖覆盖严密,井内无杂物,无淤水现象" prop="groundenvironmentwelllids">
  438 + <el-radio-group v-model="addFrom.groundenvironmentwelllids">
  439 + <el-radio :label="0" >是</el-radio>
  440 + <el-radio :label="1">否</el-radio>
  441 + </el-radio-group>
  442 + </el-form-item>
  443 + <el-form-item label="场区环境-排水井盖封闭严实,雨水篦子芜杂物" prop="groundenvironmentdrainagen">
  444 + <el-radio-group v-model="addFrom.groundenvironmentdrainagen">
  445 + <el-radio :label="0" >是</el-radio>
  446 + <el-radio :label="1">否</el-radio>
  447 + </el-radio-group>
  448 + </el-form-item>
  449 + <el-form-item label="场区环境-供水管道阀门无冒泡,无地漏现象" prop="groundenvironmentwatersupply">
  450 + <el-radio-group v-model="addFrom.groundenvironmentwatersupply">
  451 + <el-radio :label="0" >是</el-radio>
  452 + <el-radio :label="1">否</el-radio>
  453 + </el-radio-group>
  454 + </el-form-item>
  455 + <el-form-item label="场区环境-电缆井封闭严实,无打开现象" prop="groundenvironmentcable">
  456 + <el-radio-group v-model="addFrom.groundenvironmentcable">
  457 + <el-radio :label="0" >是</el-radio>
  458 + <el-radio :label="1">否</el-radio>
  459 + </el-radio-group>
  460 + </el-form-item>
  461 + <el-form-item label="场区环境-路面整洁干净,无闲杂人员" prop="groundenvironmentroad">
  462 + <el-radio-group v-model="addFrom.groundenvironmentroad">
  463 + <el-radio :label="0" >是</el-radio>
  464 + <el-radio :label="1">否</el-radio>
  465 + </el-radio-group>
  466 + </el-form-item>
  467 + <el-form-item label="场区环境-巡视责任人" prop="groundenvironmentresponsibleperson">
  468 + <el-input v-model="addFrom.groundenvironmentresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  469 + </el-form-item>
  470 + <el-form-item label="场区环境-备注" prop="groundenvironmentnote">
  471 + <el-input v-model="addFrom.groundenvironmentnote" auto-complete="off" placeholder="请输入姓名"></el-input>
  472 + </el-form-item>
  473 + <el-form-item label="场区安全-无违章电器使用,场区用电安全" prop="groundsecurityillegal">
  474 + <el-radio-group v-model="addFrom.groundsecurityillegal">
  475 + <el-radio :label="0" >是</el-radio>
  476 + <el-radio :label="1">否</el-radio>
  477 + </el-radio-group>
  478 + </el-form-item>
  479 + <el-form-item label="场区安全-场区无危险品进入,消毒剂按规定存放整齐" prop="groundsecurityfire">
  480 + <el-radio-group v-model="addFrom.groundsecurityfire">
  481 + <el-radio :label="0" >是</el-radio>
  482 + <el-radio :label="1">否</el-radio>
  483 + </el-radio-group>
  484 + </el-form-item>
  485 + <el-form-item label="场区安全-灭鼠器材够用,可用" prop="groundsecurityrats">
  486 + <el-radio-group v-model="addFrom.groundsecurityrats">
  487 + <el-radio :label="0" >是</el-radio>
  488 + <el-radio :label="1">否</el-radio>
  489 + </el-radio-group>
  490 + </el-form-item>
  491 + <el-form-item label="场区安全-无可疑人员进入,外来人员登记记录齐全" prop="groundsecuritysuspiciouspersonnel">
  492 + <el-radio-group v-model="addFrom.groundsecuritysuspiciouspersonnel">
  493 + <el-radio :label="0" >是</el-radio>
  494 + <el-radio :label="1">否</el-radio>
  495 + </el-radio-group>
  496 + </el-form-item>
  497 + <el-form-item label="场区安全-巡视责任人" prop="groundsecurityresponsibleperson">
  498 + <el-input v-model="addFrom.groundsecurityresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  499 + </el-form-item>
  500 + <el-form-item label="场区安全-备注" prop="groundsecuritynote">
  501 + <el-input v-model="addFrom.groundsecuritynote" auto-complete="off" placeholder="请输入姓名"></el-input>
  502 + </el-form-item>
  503 + <el-form-item label="安全工具-应急物资充足且摆放到位" prop="securitytoolemergency">
  504 + <el-radio-group v-model="addFrom.securitytoolemergency">
  505 + <el-radio :label="0" >是</el-radio>
  506 + <el-radio :label="1">否</el-radio>
  507 + </el-radio-group>
  508 + </el-form-item>
  509 + <el-form-item label="安全工具-防汛物资充足且摆放到位" prop="securitytoolfloodcontroland">
  510 + <el-radio-group v-model="addFrom.securitytoolfloodcontroland">
  511 + <el-radio :label="0" >是</el-radio>
  512 + <el-radio :label="1">否</el-radio>
  513 + </el-radio-group>
  514 + </el-form-item>
  515 + <el-form-item label="安全工具-防护服可用且摆放到位" prop="securitytoolprotective">
  516 + <el-radio-group v-model="addFrom.securitytoolprotective">
  517 + <el-radio :label="0" >是</el-radio>
  518 + <el-radio :label="1">否</el-radio>
  519 + </el-radio-group>
  520 + </el-form-item>
  521 + <el-form-item label="安全工具-日常维修工具可用且摆放到位" prop="securitytoolmainteance">
  522 + <el-radio-group v-model="addFrom.securitytoolmainteance">
  523 + <el-radio :label="0" >是</el-radio>
  524 + <el-radio :label="1">否</el-radio>
  525 + </el-radio-group>
  526 + </el-form-item>
  527 + <el-form-item label="安全工具-巡视责任人" prop="securitytoolresponsibleperson">
  528 + <el-input v-model="addFrom.securitytoolresponsibleperson" auto-complete="off" placeholder="请输入姓名"></el-input>
  529 + </el-form-item>
  530 + <el-form-item label="安全工具-备注" prop="securitytoolnote">
  531 + <el-input v-model="addFrom.securitytoolnote" auto-complete="off" placeholder="请输入姓名"></el-input>
  532 + </el-form-item>
  533 + </el-form>
  534 + <div slot="footer" class="dialog-footer">
  535 + <el-button @click.native="addFormVisible = false">取消</el-button>
  536 + <el-button type="primary" @click.native="addSubmit" :loading="addLoading">提交</el-button>
  537 + </div>
  538 + </el-dialog>
  539 + </section>
  540 +</template>
  541 +
  542 +<script>
  543 + import util from '../../common/js/util'
  544 + import NProgress from 'nprogress'
  545 + import { getList, remove, batchRemove, edit, add } from '../../api/staff/come_car';
  546 + import moment from 'moment'
  547 +
  548 + export default {
  549 + data() {
  550 + return {
  551 + filters: {
  552 + cometovisitname: ''
  553 + },
  554 + userid: '',
  555 + securityInspectionList: [],
  556 + total: 0,
  557 + pageNum: 1,
  558 + pageSize: 5,
  559 + listLoading: false,
  560 + sels: [],//列表选中列
  561 + //编辑界面是否显示
  562 + editFormVisible: false,
  563 + editLoading: false,
  564 + editFormRules: {
  565 + repairscontent: [
  566 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  567 + ],
  568 + reflectway: [
  569 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  570 + ],
  571 + repairsdept: [
  572 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  573 + ],
  574 + repairsname: [
  575 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  576 + ],
  577 + answerthephonename: [
  578 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  579 + ],
  580 + repairsphone: [
  581 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  582 + ],
  583 + maintaincase: [
  584 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  585 + ],
  586 + cooperatemaintainname: [
  587 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  588 + ],
  589 + meno: [
  590 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  591 + ],
  592 + },
  593 + //编辑界面数据
  594 + editForm: {
  595 + id:'',
  596 + datetime:'',
  597 + cometovisitdate:'',
  598 + leavedate:'',
  599 + cometovisitname: '',
  600 + carnumber: '',
  601 + phone: '',
  602 + comematter: '',
  603 + warchkeeper: ''
  604 +
  605 + },
  606 + //新增界面是否显示
  607 + addFormVisible: false,
  608 + addLoading: false,
  609 + addFormRules: {
  610 + repairscontent: [
  611 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  612 + ],
  613 + reflectway: [
  614 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  615 + ],
  616 + repairsdept: [
  617 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  618 + ],
  619 + repairsname: [
  620 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  621 + ],
  622 + answerthephonename: [
  623 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  624 + ],
  625 + repairsphone: [
  626 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  627 + ],
  628 + maintaincase: [
  629 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  630 + ],
  631 + cooperatemaintainname: [
  632 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  633 + ],
  634 + meno: [
  635 + { required: true, message: '不能为空!!!', trigger: 'blur' }
  636 + ],
  637 + },
  638 +
  639 + //新增界面数据
  640 + addForm: {
  641 + datetime:'',
  642 + cometovisitdate:'',
  643 + leavedate:'',
  644 + cometovisitname: '',
  645 + carnumber: '',
  646 + phone: '',
  647 + comematter: '',
  648 + warchkeeper: '',
  649 + userid: this.userid
  650 + }
  651 + }
  652 + },
  653 + mounted() {
  654 + this.userid = JSON.parse(sessionStorage.getItem('user')).userId;
  655 + this.getMaintainList();
  656 +
  657 + },
  658 + methods: {
  659 +
  660 + handleCurrentChange(val) {
  661 + this.pageNum = val;
  662 + this.getMaintainList();
  663 + },
  664 + //获取列表
  665 + getMaintainList() {
  666 + let para = {
  667 + pageNum: this.pageNum,
  668 + pageSize: this.pageSize,
  669 + cometovisitname: this.filters.cometovisitname
  670 + };
  671 + this.listLoading = true;
  672 + getList(para).then((res) => {
  673 + this.total = res.data.total;
  674 + this.securityInspectionList = res.data.list;
  675 + this.listLoading = false;
  676 + //NProgress.done();
  677 + }).catch((error) => {
  678 +
  679 + this.listLoading = false;
  680 + if(null!= error.response && error.response!==undefined){
  681 + let status= error.response.status;
  682 + let msg = error.response.statusText;
  683 + alert(status+msg);
  684 + }else {
  685 + alert(error);
  686 + }
  687 +
  688 + });
  689 +
  690 + },
  691 +
  692 +
  693 + //删除
  694 + handleDel: function (index, row) {
  695 + this.$confirm('确认删除该记录吗?', '提示', {
  696 + type: 'warning'
  697 + }).then(() => {
  698 + this.listLoading = true;
  699 + //NProgress.start();
  700 + let para = { id: row.id };
  701 + remove(para).then((res) => {
  702 + this.listLoading = false;
  703 + //NProgress.done();
  704 + this.$message({
  705 + message: '删除成功',
  706 + type: 'success'
  707 + });
  708 + this.getMaintainList();
  709 + }).catch((error) => {
  710 + this.listLoading = false;
  711 + alert(error);
  712 + });
  713 + }).catch();
  714 + },
  715 + /**
  716 + * 显示编辑界面
  717 + * @param index
  718 + * @param row 为这行的数据对象
  719 + */
  720 + handleEdit: function (index, row) {
  721 + this.editFormVisible = true;
  722 + this.editForm = Object.assign({}, row);
  723 + this.getMaintainList();
  724 + },
  725 + //显示新增界面,每次点开初始化数据
  726 + companyAdd: function () {
  727 + this.addFormVisible = true;
  728 + this.addForm = {
  729 + userid: this.userid
  730 + };
  731 + this.getMaintainList();
  732 + },
  733 +
  734 + //新增
  735 + addSubmit: function () {
  736 + this.$refs.addForm.validate((valid) => {
  737 + if (valid) {
  738 + this.$confirm('确认提交吗?', '提示', {}).then(() => {
  739 + //NProgress.start();
  740 + this.listLoading = true;
  741 + let para = Object.assign({}, this.addForm);
  742 + add(para).then((res) => {
  743 + this.addLoading = false;
  744 + //NProgress.done();
  745 + this.$message({
  746 + message: '提交成功',
  747 + type: 'success'
  748 + });
  749 + this.$refs['addForm'].resetFields();
  750 + this.addFormVisible = false;
  751 + this.getMaintainList();
  752 + }).catch(error => alert(error));
  753 + });
  754 + }
  755 + });
  756 + },
  757 + //编辑
  758 + editSubmit: function () {
  759 + this.$refs.editForm.validate((valid) => {
  760 + if (valid) {
  761 + this.$confirm('确认提交吗?', '提示', {}).then(() => {
  762 + this.editLoading = true;
  763 + let para = Object.assign({}, this.editForm);
  764 + this.editLoading = true;
  765 + edit(para).then((res) => {
  766 +
  767 + this.$message({
  768 + message: '提交成功',
  769 + type: 'success'
  770 + });
  771 + this.$refs['editForm'].resetFields();
  772 + this.editFormVisible = false;
  773 + this.getMaintainList();
  774 + }).catch(error => alert(error));
  775 + });
  776 + }
  777 + });
  778 + },
  779 +
  780 + selsChange: function (sels) {
  781 + this.sels = sels;
  782 + },
  783 + //批量删除
  784 + batchRemove: function () {
  785 + var ids = this.sels.map(item => item.id).toString();
  786 + this.$confirm('确认删除选中记录吗?', '提示', {
  787 + type: 'warning'
  788 + }).then(() => {
  789 + this.listLoading = true;
  790 + //NProgress.start();
  791 + let para = { ids: ids };
  792 + batchRemove(para).then((res) => {
  793 + this.listLoading = false;
  794 + //NProgress.done();
  795 + this.$message({
  796 + message: '删除成功',
  797 + type: 'success'
  798 + });
  799 + this.getMaintainList();
  800 + });
  801 + }).catch(() => {
  802 +
  803 + });
  804 + }
  805 + },
  806 +
  807 + }
  808 +</script>
不能预览此文件类型

3.0 KB | 宽: | 高:

3.0 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖

494.8 KB | 宽: | 高:

494.8 KB | 宽: | 高:

  • 两方对比
  • 交换覆盖
  • 透明覆盖
不能预览此文件类型
不能预览此文件类型
不能预览此文件类型