| | |
| | | <template> |
| | | <div class="app-container"> |
| | | <div class="construction-view"> |
| | | <el-form :model="queryParams" ref="queryForm" :inline="true" v-show="showSearch" label-width="88px"> |
| | | <el-form-item label="通道(路)" prop="passageway"> |
| | | <el-select v-model="queryParams.passageway" placeholder="请选择通道(路)"> |
| | |
| | | <el-input |
| | | v-model="queryParams.model" |
| | | placeholder="请输入型号" |
| | | clearable |
| | | size="small" |
| | | @keyup.enter.native="handleQuery" |
| | | /> |
| | | </el-form-item> |
| | |
| | | icon="el-icon-plus" |
| | | size="mini" |
| | | @click="handleAdd" |
| | | v-hasPermi="['oa:nvr:add']" |
| | | >新增 |
| | | </el-button> |
| | | </el-col> |
| | |
| | | size="mini" |
| | | :disabled="single" |
| | | @click="handleUpdate" |
| | | v-hasPermi="['oa:nvr:edit']" |
| | | >修改 |
| | | </el-button> |
| | | </el-col> |
| | |
| | | size="mini" |
| | | :disabled="multiple" |
| | | @click="handleDelete" |
| | | v-hasPermi="['oa:nvr:remove']" |
| | | >删除 |
| | | </el-button> |
| | | </el-col> |
| | |
| | | <span>{{ scope.$index + (queryParams.pageNum - 1) * queryParams.pageSize + 1 }} </span> |
| | | </template> |
| | | </el-table-column> |
| | | <el-table-column label="部署名称" align="center" prop="deploymentName"/> |
| | | <el-table-column label="通道(路)" align="center" prop="passageway_dictText"/> |
| | | <el-table-column label="LAN1" align="center" prop="lanOne"/> |
| | | <el-table-column label="IP" align="center" prop="ipOne"/> |
| | | <el-table-column label="LAN2" align="center" prop="lanTwo"/> |
| | | <el-table-column label="IP" align="center" prop="ipTwo"/> |
| | | <el-table-column label="登录账户" align="center" prop="loginAccount"/> |
| | | <el-table-column label="硬盘" align="center" prop="hardDisk"/> |
| | | <el-table-column label="安装位置" align="center" prop="buildingId_dictText"/> |
| | | <el-table-column label="所属单位" align="center" prop="organizationId_dictText"/> |
| | | <!-- <el-table-column label="施工批次" align="center" prop="constructionBatchId" />--> |
| | | <!-- <el-table-column label="序列号" align="center" prop="serialNumber" />--> |
| | | <!-- <el-table-column label="型号" align="center" prop="model" />--> |
| | | <!-- <el-table-column label="生产厂商" align="center" prop="manufacturerId" />--> |
| | | <el-table-column label="操作" align="center" class-name="small-padding fixed-width"> |
| | | <el-table-column label="部署名称" min-width="150" align="center" prop="deploymentName"/> |
| | | <el-table-column label="通道(路)" width="120" align="center" prop="passageway_dictText"/> |
| | | <el-table-column label="LAN1" align="center" width="150" prop="lanOne"/> |
| | | <el-table-column label="IP" align="center" width="130" prop="ipOne"/> |
| | | <el-table-column label="LAN2" align="center" min-width="150" prop="lanTwo"/> |
| | | <el-table-column label="IP" align="center" width="130" prop="ipTwo"/> |
| | | <el-table-column label="登录账户" align="center" min-width="120" prop="loginAccount"/> |
| | | <el-table-column label="硬盘" align="center" min-width="120" prop="hardDisk"/> |
| | | <el-table-column label="安装位置" align="center" min-width="240" prop="buildingId_dictText"/> |
| | | <el-table-column label="所属单位" align="center" min-width="200" prop="organizationId_dictText"/> |
| | | <el-table-column label="施工批次" align="center" prop="constructionBatchId_dictText"/> |
| | | <el-table-column label="序列号" align="center" prop="serialNumber"/> |
| | | <el-table-column label="型号" align="center" prop="model"/> |
| | | <el-table-column label="生产厂商" align="center" prop="manufacturerId_dictText"/> |
| | | <el-table-column label="操作" align="center" fixed="right" width="220" class-name="small-padding fixed-width"> |
| | | <template slot-scope="scope"> |
| | | <el-button |
| | | size="mini" |
| | |
| | | type="text" |
| | | icon="el-icon-edit" |
| | | @click="handleUpdate(scope.row)" |
| | | v-hasPermi="['oa:nvr:edit']" |
| | | >修改 |
| | | </el-button> |
| | | <el-button |
| | |
| | | class="del-btn" |
| | | icon="el-icon-delete" |
| | | @click="handleDelete(scope.row)" |
| | | v-hasPermi="['oa:nvr:remove']" |
| | | >删除 |
| | | </el-button> |
| | | </template> |
| | |
| | | {required: true, message: "ip1不能为空", trigger: "blur"}, |
| | | { |
| | | pattern: /^(\d|[1-9]\d|1\d{2}|2[0-5][0-5])\.(\d|[1-9]\d|1\d{2}|2[0-5][0-5])\.(\d|[1-9]\d|1\d{2}|2[0-5][0-5])\.(\d|[1-9]\d|1\d{2}|2[0-5][0-5])$/, |
| | | message: "请输入正确的ip地址", |
| | | message: "请输入正确的ip地址,文本范围 0~9、.", |
| | | trigger: "blur" |
| | | } |
| | | ], |
| | | lanTwo: [ |
| | | {required: true, message: "LAN2不能为空", trigger: "blur"}, |
| | | { |
| | | pattern: /^[A-F0-9]{2}(-[A-F0-9]{2}){5}$|^[A-F0-9]{2}(:[A-F0-9]{2}){5}$|^[A-F0-9]{12}$|^[A-F0-9]{4}(\.[A-F0-9]{4}){2}$/, |
| | | message: "请输入正确的LAN", |
| | | trigger: "blur" |
| | | } |
| | | ], |
| | | ipTwo: [ |
| | | {required: true, message: "ip2不能为空", trigger: "blur"}, |
| | | { |
| | | pattern: /^(\d|[1-9]\d|1\d{2}|2[0-5][0-5])\.(\d|[1-9]\d|1\d{2}|2[0-5][0-5])\.(\d|[1-9]\d|1\d{2}|2[0-5][0-5])\.(\d|[1-9]\d|1\d{2}|2[0-5][0-5])$/, |
| | | message: "请输入正确的ip地址", |
| | | trigger: "blur" |
| | | } |
| | | ], |
| | | // lanTwo: [ |
| | | // {required: true, message: "LAN2不能为空", trigger: "blur"}, |
| | | // { |
| | | // pattern: /^[A-F0-9]{2}(-[A-F0-9]{2}){5}$|^[A-F0-9]{2}(:[A-F0-9]{2}){5}$|^[A-F0-9]{12}$|^[A-F0-9]{4}(\.[A-F0-9]{4}){2}$/, |
| | | // message: "请输入正确的LAN", |
| | | // trigger: "blur" |
| | | // } |
| | | // ], |
| | | // ipTwo: [ |
| | | // {required: true, message: "ip2不能为空", trigger: "blur"}, |
| | | // { |
| | | // pattern: /^(\d|[1-9]\d|1\d{2}|2[0-5][0-5])\.(\d|[1-9]\d|1\d{2}|2[0-5][0-5])\.(\d|[1-9]\d|1\d{2}|2[0-5][0-5])\.(\d|[1-9]\d|1\d{2}|2[0-5][0-5])$/, |
| | | // message: "请输入正确的ip地址,文本范围 0~9、.", |
| | | // trigger: "blur" |
| | | // } |
| | | // ], |
| | | loginAccount: [ |
| | | {required: true, message: "登录账号不能为空", trigger: "blur"} |
| | | ], |
| | |
| | | /** 删除按钮操作 */ |
| | | handleDelete(row) { |
| | | const ids = row.id || this.ids; |
| | | this.$modal.confirm('是否确认删除NVR设备编号为"' + ids + '"的数据项?').then(() => { |
| | | this.$modal.confirm('是否确认删除?').then(() => { |
| | | this.loading = true; |
| | | return delNvr(ids); |
| | | }).then(() => { |