| @ -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> | |||||