| @ -0,0 +1,144 @@ | |||
| <template> | |||
| <div class="app-container"> | |||
| <el-form v-model="queryParams" :inline="true"> | |||
| <el-form-item label="算法名称" label-width="80px"> | |||
| <el-input placeholder="请输入算法名称"></el-input> | |||
| </el-form-item> | |||
| <el-form-item> | |||
| <el-button | |||
| type="primary" | |||
| icon="el-icon-search" | |||
| @click="handleQuery" | |||
| size="mini" | |||
| >搜索</el-button | |||
| > | |||
| <el-button icon="el-icon-refresh" @click="resetQuery" size="mini" | |||
| >重置</el-button | |||
| > | |||
| </el-form-item> | |||
| </el-form> | |||
| <el-row :gutter="10" class="mb8"> | |||
| <el-col :span="1.5"> | |||
| <el-button | |||
| type="primary" | |||
| icon="el-icon-plus" | |||
| plain | |||
| size="mini" | |||
| @click="add" | |||
| >新增</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="success" icon="el-icon-edit" plain size="mini" | |||
| >修改</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="danger" icon="el-icon-delete" plain size="mini" | |||
| >删除</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="warning" icon="el-icon-download" plain size="mini" | |||
| >导出</el-button | |||
| > | |||
| </el-col> | |||
| </el-row> | |||
| <el-table :data="tableData" style="width: 100%; margin-bottom: 20px"> | |||
| <el-table-column type="selection" width="55" align="center" /> | |||
| <el-table-column prop="date" label="算法id"> </el-table-column> | |||
| <el-table-column prop="name" label="算法名称" width="180" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="address" label="操作" width="180" align="center"> | |||
| <template slot-scope="scope"> | |||
| <el-button | |||
| type="text" | |||
| size="small" | |||
| @click="handleEdit(scope.$index, scope.row)" | |||
| >修改</el-button | |||
| > | |||
| <el-button | |||
| type="text" | |||
| size="small" | |||
| @click="handleDelete(scope.$index, scope.row)" | |||
| >删除</el-button | |||
| > | |||
| </template> | |||
| </el-table-column> | |||
| </el-table> | |||
| <pagination | |||
| v-show="total > 0" | |||
| :total="total" | |||
| :page.sync="queryParams.pageNum" | |||
| :limit.sync="queryParams.pageSize" | |||
| /> | |||
| <el-dialog | |||
| :title="title" | |||
| :visible.sync="dialogVisible" | |||
| width="30%" | |||
| :before-close="handleClose" | |||
| > | |||
| <el-form v-model="dialogForm"> | |||
| <el-form-item label="算法名称" label-width="80px"> | |||
| <el-input placeholder="请输入算法名称"></el-input> | |||
| </el-form-item> | |||
| </el-form> | |||
| <span slot="footer" class="dialog-footer"> | |||
| <el-button @click="dialogVisible = false">取 消</el-button> | |||
| <el-button type="primary" @click="dialogVisible = false" | |||
| >确 定</el-button | |||
| > | |||
| </span> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| queryParams: {}, | |||
| tableData: [ | |||
| { | |||
| id: 1, | |||
| date: "2016-05-02", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1518 弄", | |||
| }, | |||
| { | |||
| id: 2, | |||
| date: "2016-05-04", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1517 弄", | |||
| }, | |||
| { | |||
| id: 3, | |||
| date: "2016-05-01", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1519 弄", | |||
| }, | |||
| { | |||
| id: 4, | |||
| date: "2016-05-03", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1516 弄", | |||
| }, | |||
| ], | |||
| total: 10, | |||
| title: "添加算法", | |||
| dialogVisible: false, | |||
| dialogForm: {}, | |||
| }; | |||
| }, | |||
| methods: { | |||
| add() { | |||
| this.dialogVisible = true; | |||
| }, | |||
| handleEdit() { | |||
| this.dialogVisible = true; | |||
| }, | |||
| }, | |||
| }; | |||
| </script> | |||
| <style scoped></style> | |||
| @ -0,0 +1,187 @@ | |||
| <template> | |||
| <div class="app-container"> | |||
| <el-form v-model="queryParams" :inline="true"> | |||
| <el-form-item label="算法子类型名称" label-width="120px"> | |||
| <el-input placeholder="请输入算法子类型名称"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="创建时间" label-width="80px"> | |||
| <el-date-picker v-model="value1" type="date" placeholder="选择日期"> | |||
| </el-date-picker> | |||
| </el-form-item> | |||
| <el-form-item> | |||
| <el-button | |||
| type="primary" | |||
| icon="el-icon-search" | |||
| @click="handleQuery" | |||
| size="mini" | |||
| >搜索</el-button | |||
| > | |||
| <el-button icon="el-icon-refresh" @click="resetQuery" size="mini" | |||
| >重置</el-button | |||
| > | |||
| </el-form-item> | |||
| </el-form> | |||
| <el-row :gutter="10" class="mb8"> | |||
| <el-col :span="1.5"> | |||
| <el-button | |||
| type="primary" | |||
| icon="el-icon-plus" | |||
| plain | |||
| size="mini" | |||
| @click="add" | |||
| >新增</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="success" icon="el-icon-edit" plain size="mini" | |||
| >修改</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="danger" icon="el-icon-delete" plain size="mini" | |||
| >删除</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="warning" icon="el-icon-download" plain size="mini" | |||
| >导出</el-button | |||
| > | |||
| </el-col> | |||
| </el-row> | |||
| <el-table :data="tableData" style="width: 100%; margin-bottom: 20px" > | |||
| <el-table-column type="selection" width="55" align="center" /> | |||
| <el-table-column prop="date" label="算法子类型id" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="算法类型名称" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="算法子类型编码" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="算法子类型名称" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="正常范围下限" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="正常范围上限" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="address" label="操作" width="180" align="center"> | |||
| <template slot-scope="scope"> | |||
| <el-button | |||
| type="text" | |||
| size="small" | |||
| @click="handleEdit(scope.$index, scope.row)" | |||
| >修改</el-button | |||
| > | |||
| <el-button | |||
| type="text" | |||
| size="small" | |||
| @click="handleDelete(scope.$index, scope.row)" | |||
| >删除</el-button | |||
| > | |||
| </template> | |||
| </el-table-column> | |||
| </el-table> | |||
| <pagination | |||
| v-show="total > 0" | |||
| :total="total" | |||
| :page.sync="queryParams.pageNum" | |||
| :limit.sync="queryParams.pageSize" | |||
| /> | |||
| <el-dialog | |||
| :title="title" | |||
| :visible.sync="dialogVisible" | |||
| width="30%" | |||
| :before-close="handleClose" | |||
| > | |||
| <el-form v-model="dialogForm"> | |||
| <el-form-item label="算法主类型" label-width="110px"> | |||
| <el-select v-model="value" placeholder="请选择"> | |||
| <el-option label="item.label" value="item.value"> </el-option> | |||
| </el-select> | |||
| </el-form-item> | |||
| <el-form-item label="算法子类型名称" label-width="110px"> | |||
| <el-input placeholder="请输入算法子类型名称"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="算法子类型编码" label-width="110px"> | |||
| <el-input placeholder="请输入算法子类型编码"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="正常范围下限" label-width="110px"> | |||
| <el-input placeholder="请输入正常范围下限"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="正常范围上限" label-width="110px"> | |||
| <el-input placeholder="请输入正常范围上限"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="上限标识" label-width="110px"> | |||
| <el-switch | |||
| v-model="value" | |||
| active-color="#13ce66" | |||
| inactive-color="#eee" | |||
| > | |||
| </el-switch> | |||
| </el-form-item> | |||
| <el-form-item label="下限标识" label-width="110px"> | |||
| <el-switch | |||
| v-model="value" | |||
| active-color="#13ce66" | |||
| inactive-color="#eee" | |||
| > | |||
| </el-switch> | |||
| </el-form-item> | |||
| </el-form> | |||
| <span slot="footer" class="dialog-footer"> | |||
| <el-button @click="dialogVisible = false">取 消</el-button> | |||
| <el-button type="primary" @click="dialogVisible = false" | |||
| >确 定</el-button | |||
| > | |||
| </span> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| queryParams: {}, | |||
| tableData: [ | |||
| { | |||
| id: 1, | |||
| date: "2016-05-02", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1518 弄", | |||
| }, | |||
| { | |||
| id: 2, | |||
| date: "2016-05-04", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1517 弄", | |||
| }, | |||
| { | |||
| id: 3, | |||
| date: "2016-05-01", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1519 弄", | |||
| }, | |||
| { | |||
| id: 4, | |||
| date: "2016-05-03", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1516 弄", | |||
| }, | |||
| ], | |||
| total: 10, | |||
| title: "添加算法附表", | |||
| dialogVisible: false, | |||
| }; | |||
| }, | |||
| methods: { | |||
| add() { | |||
| this.dialogVisible = true; | |||
| }, | |||
| handleEdit() { | |||
| this.dialogVisible = true; | |||
| }, | |||
| }, | |||
| }; | |||
| </script> | |||
| <style scoped></style> | |||
| @ -0,0 +1,205 @@ | |||
| <template> | |||
| <div class="app-container"> | |||
| <el-form v-model="queryParams" :inline="true"> | |||
| <el-form-item label="通道编码" label-width="80px"> | |||
| <el-input placeholder="请输入通道编码"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="通道名称" label-width="80px"> | |||
| <el-input placeholder="请输入通道名称"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="设备" label-width="80px"> | |||
| <el-select placeholder="请选择设备"> | |||
| <el-option label="选项一" value="shanghai"></el-option> | |||
| </el-select> | |||
| </el-form-item> | |||
| <el-form-item label="通道类型" label-width="80px"> | |||
| <el-select placeholder="请选择通道类型"> | |||
| <el-option label="选项一" value="shanghai"></el-option> | |||
| </el-select> | |||
| </el-form-item> | |||
| <el-form-item> | |||
| <el-button | |||
| type="primary" | |||
| icon="el-icon-search" | |||
| @click="handleQuery" | |||
| size="mini" | |||
| >搜索</el-button | |||
| > | |||
| <el-button icon="el-icon-refresh" @click="resetQuery" size="mini" | |||
| >重置</el-button | |||
| > | |||
| </el-form-item> | |||
| </el-form> | |||
| <el-row :gutter="10" class="mb8"> | |||
| <el-col :span="1.5"> | |||
| <el-button | |||
| type="primary" | |||
| icon="el-icon-plus" | |||
| plain | |||
| size="mini" | |||
| @click="add" | |||
| >新增</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="success" icon="el-icon-edit" plain size="mini" | |||
| >修改</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="danger" icon="el-icon-delete" plain size="mini" | |||
| >删除</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="warning" icon="el-icon-download" plain size="mini" | |||
| >导出</el-button | |||
| > | |||
| </el-col> | |||
| </el-row> | |||
| <el-table :data="tableData" style="width: 100%; margin-bottom: 20px"> | |||
| <el-table-column type="selection" width="55" align="center" /> | |||
| <el-table-column prop="date" label="通道ID"> </el-table-column> | |||
| <el-table-column prop="name" label="通道编码" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="通道名称" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="设备" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="设备编号" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="用户" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="密码" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="状态" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="name" label="通道具体内容" align="center"> | |||
| </el-table-column> | |||
| <el-table-column prop="address" label="操作" width="180" align="center"> | |||
| <template slot-scope="scope"> | |||
| <el-button | |||
| type="text" | |||
| size="small" | |||
| @click="handleEdit(scope.$index, scope.row)" | |||
| >修改</el-button | |||
| > | |||
| <el-button | |||
| type="text" | |||
| size="small" | |||
| @click="handleDelete(scope.$index, scope.row)" | |||
| >删除</el-button | |||
| > | |||
| </template> | |||
| </el-table-column> | |||
| </el-table> | |||
| <pagination | |||
| v-show="total > 0" | |||
| :total="total" | |||
| :page.sync="queryParams.pageNum" | |||
| :limit.sync="queryParams.pageSize" | |||
| /> | |||
| <el-dialog | |||
| :title="title" | |||
| :visible.sync="dialogVisible" | |||
| width="30%" | |||
| :before-close="handleClose" | |||
| > | |||
| <el-form v-model="dialogForm"> | |||
| <el-form-item label="通道编码" label-width="100px"> | |||
| <el-input placeholder="请输入通道编码"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="通道名称" label-width="100px"> | |||
| <el-input placeholder="请输入通道名称"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="通道类型" label-width="100px"> | |||
| <el-select placeholder="请选择通道类型"> | |||
| <el-option label="选项一" value="shanghai"></el-option> | |||
| </el-select> | |||
| </el-form-item> | |||
| <el-form-item label="设备" label-width="100px"> | |||
| <el-select placeholder="请选择设备"> | |||
| <el-option label="选项一" value="shanghai"></el-option> | |||
| </el-select> | |||
| </el-form-item> | |||
| <el-form-item label="状态" label-width="100px"> | |||
| <el-select placeholder="请选择状态"> | |||
| <el-option label="选项一" value="shanghai"></el-option> | |||
| </el-select> | |||
| </el-form-item> | |||
| <el-form-item label="通道具体内容" label-width="100px"> | |||
| <el-input placeholder="请输入通道具体内容" type="textarea"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="主机ip" label-width="100px"> | |||
| <el-input placeholder="请输入主机ip" ></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="端口" label-width="100px"> | |||
| <el-input placeholder="请输入端口" ></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="设备编号" label-width="100px"> | |||
| <el-input placeholder="请输入设备编号" ></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="用户" label-width="100px"> | |||
| <el-input placeholder="请输入用户" ></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="密码" label-width="100px"> | |||
| <el-input placeholder="请输入密码" ></el-input> | |||
| </el-form-item> | |||
| </el-form> | |||
| <span slot="footer" class="dialog-footer"> | |||
| <el-button @click="dialogVisible = false">取 消</el-button> | |||
| <el-button type="primary" @click="dialogVisible = false" | |||
| >确 定</el-button | |||
| > | |||
| </span> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| queryParams: {}, | |||
| tableData: [ | |||
| { | |||
| id: 1, | |||
| date: "2016-05-02", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1518 弄", | |||
| }, | |||
| { | |||
| id: 2, | |||
| date: "2016-05-04", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1517 弄", | |||
| }, | |||
| { | |||
| id: 3, | |||
| date: "2016-05-01", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1519 弄", | |||
| }, | |||
| { | |||
| id: 4, | |||
| date: "2016-05-03", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1516 弄", | |||
| }, | |||
| ], | |||
| total: 10, | |||
| dialogVisible:false, | |||
| title:'添加设备通道' | |||
| }; | |||
| }, | |||
| methods: { | |||
| add(){ | |||
| this.dialogVisible = true; | |||
| } | |||
| }, | |||
| }; | |||
| </script> | |||
| <style scoped></style> | |||
| @ -0,0 +1,154 @@ | |||
| <template> | |||
| <div class="app-container"> | |||
| <el-form v-model="queryParams" :inline="true"> | |||
| <el-form-item label="场站名称" label-width="80px"> | |||
| <el-input placeholder="请输入场站名称"></el-input> | |||
| </el-form-item> | |||
| <el-form-item> | |||
| <el-button | |||
| type="primary" | |||
| icon="el-icon-search" | |||
| @click="handleQuery" | |||
| size="mini" | |||
| >搜索</el-button | |||
| > | |||
| <el-button icon="el-icon-refresh" @click="resetQuery" size="mini" | |||
| >重置</el-button | |||
| > | |||
| </el-form-item> | |||
| </el-form> | |||
| <el-row :gutter="10" class="mb8"> | |||
| <el-col :span="1.5"> | |||
| <el-button | |||
| type="primary" | |||
| icon="el-icon-plus" | |||
| plain | |||
| size="mini" | |||
| @click="add" | |||
| >新增</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="success" icon="el-icon-edit" plain size="mini" | |||
| >修改</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="danger" icon="el-icon-delete" plain size="mini" | |||
| >删除</el-button | |||
| > | |||
| </el-col> | |||
| <el-col :span="1.5"> | |||
| <el-button type="warning" icon="el-icon-download" plain size="mini" | |||
| >导出</el-button | |||
| > | |||
| </el-col> | |||
| </el-row> | |||
| <el-table :data="tableData" style="width: 100%"> | |||
| <el-table-column type="selection" width="55" /> | |||
| <el-table-column prop="date" label="场站id" align="center" /> | |||
| <el-table-column prop="name" label="场站编号" align="center" /> | |||
| <el-table-column prop="address" label="场站名称" align="center" /> | |||
| <el-table-column prop="address" label="场站类型" align="center" /> | |||
| <el-table-column prop="address" label="场站描述" align="center" /> | |||
| <el-table-column prop="address" label="边缘节点标识ID" align="center" /> | |||
| <el-table-column prop="address" label="产站电压等级" align="center" /> | |||
| <el-table-column prop="address" label="省份" align="center" /> | |||
| <el-table-column prop="address" label="地市" align="center" /> | |||
| <el-table-column prop="address" label="操作" align="center"> | |||
| <template slot-scope="scope"> | |||
| <el-button type="text" size="small">修改</el-button> | |||
| <el-button type="text" size="small">删除</el-button> | |||
| </template> | |||
| </el-table-column> | |||
| </el-table> | |||
| <el-dialog | |||
| :title="title" | |||
| :visible.sync="dialogVisible" | |||
| width="30%" | |||
| :before-close="handleClose" | |||
| > | |||
| <el-form label-width="110px" v-model="dialogForm"> | |||
| <el-form-item label="场站类型"> | |||
| <el-select v-model="queryParams.region" placeholder="场站类型"> | |||
| <el-option label="区域一" value="shanghai"></el-option> | |||
| <el-option label="区域二" value="beijing"></el-option> | |||
| </el-select> | |||
| </el-form-item> | |||
| <el-form-item label="场站编号"> | |||
| <el-input placeholder="请输入场站编号"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="场站名称"> | |||
| <el-input placeholder="请输入场站名称"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="场站描述"> | |||
| <el-input placeholder="请输入场站描述"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="边缘节点标识ID"> | |||
| <el-input placeholder="请输入边缘节点标识ID"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="产站电压等级"> | |||
| <el-input placeholder="请输入产站电压等级"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="省份"> | |||
| <el-input placeholder="请输入省份"></el-input> | |||
| </el-form-item> | |||
| <el-form-item label="地市"> | |||
| <el-input placeholder="请输入地市"></el-input> | |||
| </el-form-item> | |||
| </el-form> | |||
| <span slot="footer" class="dialog-footer"> | |||
| <el-button @click="dialogVisible = false">取 消</el-button> | |||
| <el-button type="primary" @click="dialogVisible = false" | |||
| >确 定</el-button | |||
| > | |||
| </span> | |||
| </el-dialog> | |||
| </div> | |||
| </template> | |||
| <script> | |||
| export default { | |||
| data() { | |||
| return { | |||
| queryParams: {}, | |||
| tableData: [ | |||
| { | |||
| date: "2016-05-02", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1518 弄", | |||
| }, | |||
| { | |||
| date: "2016-05-04", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1517 弄", | |||
| }, | |||
| { | |||
| date: "2016-05-01", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1519 弄", | |||
| }, | |||
| { | |||
| date: "2016-05-03", | |||
| name: "王小虎", | |||
| address: "上海市普陀区金沙江路 1516 弄", | |||
| }, | |||
| ], | |||
| dialogVisible: false, | |||
| title: "添加场站信息", | |||
| dialogForm: {}, | |||
| }; | |||
| }, | |||
| methods: { | |||
| add() { | |||
| this.dialogVisible = true; | |||
| }, | |||
| handleClose() { | |||
| this.dialogVisible = false; | |||
| }, | |||
| }, | |||
| }; | |||
| </script> | |||
| <style scoped></style> | |||