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/safetyproduction/feature.vue | 164 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 164 insertions(+), 0 deletions(-)
diff --git a/src/views/safetyproduction/feature.vue b/src/views/safetyproduction/feature.vue
new file mode 100644
index 0000000..44e31e6
--- /dev/null
+++ b/src/views/safetyproduction/feature.vue
@@ -0,0 +1,164 @@
+<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" class="btns">搜索</el-button>
+ <el-button
+ type="primary"
+ icon="el-icon-plus"
+ class="btns"
+ @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="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="40%"
+ :before-close="handleClose"
+ >
+ <el-form ref="form" :model="form" label-width="70px">
+ <el-row>
+ <el-col :span="11">
+ <el-form-item label="活动名称">
+ <el-input v-model="form.name"></el-input>
+ </el-form-item>
+ </el-col>
+ <el-col :span="11" :offset="2">
+ <el-form-item label="级别">
+ <el-select v-model="value" placeholder="请选择" style="width:100%">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="11">
+ <el-form-item label="父要素">
+ <el-select v-model="value" placeholder="请选择" style="width:100%">
+ <el-option
+ v-for="item in options"
+ :key="item.value"
+ :label="item.label"
+ :value="item.value"
+ >
+ </el-option>
+ </el-select>
+ </el-form-item>
+ </el-col>
+ </el-row>
+ <el-form-item label="备注">
+ <el-input v-model="form.name" maxlength="250" :rows="5" type="textarea"></el-input>
+ </el-form-item>
+ </el-form>
+ <span slot="footer" class="dialog-footer">
+ <el-button type="primary" class="btns" @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,
+ },
+ ],
+ options: [{
+ value: '选项1',
+ label: '黄金糕'
+ }, {
+ value: '选项2',
+ label: '双皮奶'
+ }, {
+ value: '选项3',
+ label: '蚵仔煎'
+ }, {
+ value: '选项4',
+ label: '龙须面'
+ }, {
+ value: '选项5',
+ label: '北京烤鸭'
+ }],
+ value: ''
+ };
+ },
+};
+</script>
+<style scoped>
+.btns{
+ background-color: #034EA2;
+ border: 1px solid #034EA2;
+}
+</style>
\ No newline at end of file
--
Gitblit v1.9.2