From 4344516dfc185af0a5c7028abb55f6becfe87326 Mon Sep 17 00:00:00 2001 From: shj <1790240199@qq.com> Date: 星期二, 22 三月 2022 10:20:20 +0800 Subject: [PATCH] Merge branch 'shf' of https://sinanoaq.cn:8888/r/ztqt into shf --- src/views/contingencyplan/index.vue | 130 +++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 130 insertions(+), 0 deletions(-) diff --git a/src/views/contingencyplan/index.vue b/src/views/contingencyplan/index.vue new file mode 100644 index 0000000..714ced4 --- /dev/null +++ b/src/views/contingencyplan/index.vue @@ -0,0 +1,130 @@ +<template> + <div class="app-container"> + <el-form ref="form" :model="form" label-width="80px"> + <el-row> + <el-col :span="5"> + <el-form-item label="预案名称"> + <el-input v-model="form.name"></el-input> + </el-form-item> + </el-col> + <el-col :span="4" style="text-align:center"> + <el-button type="primary" icon="el-icon-search">搜索</el-button> + <el-button type="primary" icon="el-icon-plus" @click="dialogVisible=true">新增</el-button> + </el-col> + </el-row> +</el-form> + <el-table + :data="tableData" + border + style="width: 100%"> + <el-table-column + prop="date" + label="预案名称" + width="150"> + </el-table-column> + <el-table-column + prop="name" + label="文件链接" + > + </el-table-column> + <el-table-column + prop="province" + label="备注" + > + </el-table-column> + <el-table-column + prop="city" + label="创建时间" + > + </el-table-column> + <el-table-column + prop="address" + label="更新时间" + > + </el-table-column> + <el-table-column + align="center" + label="操作" + > + <template slot-scope="scope"> + <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button> + <el-button type="text" size="small" style="color:red">删除</el-button> + </template> + </el-table-column> + </el-table> + <el-dialog + title="新增" + :visible.sync="dialogVisible" + width="30%" + :before-close="handleClose"> + <el-form ref="form" :model="form" label-width="68px"> + <el-form-item label="活动名称"> + <el-input v-model="form.name"></el-input> + </el-form-item> + <el-form-item label="文件类型"> + <el-radio-group v-model="form.resource"> + <el-radio label="0">图片</el-radio> + <el-radio label="1">文件</el-radio> + </el-radio-group> + </el-form-item> + <el-form-item label="图片上传"> + <el-input v-model="form.name"></el-input> + </el-form-item> + <el-form-item label="文件链接"> + <el-input v-model="form.name"></el-input> + </el-form-item> + <el-form-item label="备注"> + <el-input v-model="form.name" :rows="5" type="textarea"></el-input> + </el-form-item> + </el-form> + <span slot="footer" class="dialog-footer"> + <el-button type="primary" @click="dialogVisible = false">确 定</el-button> + <el-button @click="dialogVisible = false">取 消</el-button> + </span> +</el-dialog> + </div> +</template> +<script> + export default{ + data(){ + return{ + dialogVisible: false, + form: { + name: '', + }, + tableData: [{ + date: '2016-05-02', + name: '王小虎', + province: '上海', + city: '普陀区', + address: '上海市普陀区金沙江路 1518 弄', + zip: 200333 + }, { + date: '2016-05-04', + name: '王小虎', + province: '上海', + city: '普陀区', + address: '上海市普陀区金沙江路 1517 弄', + zip: 200333 + }, { + date: '2016-05-01', + name: '王小虎', + province: '上海', + city: '普陀区', + address: '上海市普陀区金沙江路 1519 弄', + zip: 200333 + }, { + date: '2016-05-03', + name: '王小虎', + province: '上海', + city: '普陀区', + address: '上海市普陀区金沙江路 1516 弄', + zip: 200333 + }] + } + } + } +</script> +<style scoped> + +</style> \ No newline at end of file -- Gitblit v1.9.2