18部分界面

src/router/index.js

@@ -356,6 +356,115 @@ export const constantRoutes = [
        },
        name:'maintainTV',
        path:"maintainTV"
+      },
+      {
+       commonComponent:'enterTV',
+       component:() => import( "@/views/threeViolations/enterTV/index"),
+       hidden:false,
+       meta:{
+           "title": "录入三违情况记录",
+           "icon": "",
+           "noCache": false,
+           "link": null,
+           "mkid":101001300,
+       },
+       name:'enterTV',
+       path:"enterTV"
+      },
+      {
+       commonComponent:'tFPasses',
+       component:() => import( "@/views/threeViolations/tFPasses/index"),
+       hidden:false,
+       meta:{
+           "title": "三违过五关",
+           "icon": "",
+           "noCache": false,
+           "link": null,
+           "mkid":101001300,
+       },
+       name:'tFPasses',
+       path:"tFPasses"
+      },
+      {
+       commonComponent:'correctTV',
+       component:() => import( "@/views/threeViolations/correctTV/index"),
+       hidden:false,
+       meta:{
+           "title": "三违行为纠正",
+           "icon": "",
+           "noCache": false,
+           "link": null,
+           "mkid":101001300,
+       },
+       name:'correctTV',
+       path:"correctTV"
+      },
+      {
+       commonComponent:'queryRecords',
+       component:() => import( "@/views/threeViolations/queryRecords/index"),
+       hidden:false,
+       meta:{
+           "title": "查询人员三违记录",
+           "icon": "",
+           "noCache": false,
+           "link": null,
+           "mkid":101001300,
+       },
+       name:'queryRecords',
+       path:"queryRecords"
+      },
+      {
+       commonComponent:'punishmentRecord',
+       component:() => import( "@/views/threeViolations/punishmentRecord/index"),
+       hidden:false,
+       meta:{
+           "title": "安全处罚记录管理",
+           "icon": "",
+           "noCache": false,
+           "link": null,
+           "mkid":101001300,
+       },
+       name:'punishmentRecord',
+       path:"punishmentRecord"
+      }
+    ]
+  },
+  /* 日差管理*/
+  {
+    path: '/daily',
+    component: Layout,
+    hidden: false,
+    alwaysShow:true,
+    // redirect: 'screeningCriteria',
+    meta: {title: "日常管理", icon: "fa-cog", noCache: false, link: null,mkid:105000000},
+    children: [
+      {
+       commonComponent:'planClassification',
+       component:() => import( "@/views/daily/planClassification/index"),
+       hidden:false,
+       meta:{
+           "title": "应急预案分级",
+           "icon": "",
+           "noCache": false,
+           "link": null,
+           "mkid":101001300,
+       },
+       name:'planClassification',
+       path:"planClassification"
+      },
+      {
+       commonComponent:'planManage',
+       component:() => import( "@/views/daily/planManage/index"),
+       hidden:false,
+       meta:{
+           "title": "应急预案管理",
+           "icon": "",
+           "noCache": false,
+           "link": null,
+           "mkid":101001300,
+       },
+       name:'planManage',
+       path:"planManage"
       }
     ]
   },

src/views/daily/planClassification/edit.vue

+<template>
+  <RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
+    <!-- 填写表单内容，slot=form必写-->
+    <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="人员工号"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="姓名"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="所在支部"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在班级"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="联系手机">
+          <el-input></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="违章日期">
+           <el-date-picker style="width: 100%;"></el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="违章行为">
+           <el-input></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <!-- 按钮重写， -->
+    <!--   <div slot="reFooter">
+        <span slot="footer">
+           重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
+         </span>
+      </div> -->
+  </RelDialog>
+</template>
+<script>
+  import {editMixin} from 'common'
+  export default {
+    mixins: [editMixin],
+    /* 存放index页面传递的额外参数*/
+    mounted() {
+    },
+    /* 组件名称*/
+    name: 'roleManagementEdit',
+    /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
+
+    data() {
+      return {
+
+        /* 额外初始化，根据需求*/
+        systemType: [],
+
+        /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
+        form: {
+          roleid: '',
+          rolename: '',
+          bz: "",
+        },
+        /* form提交时的规则,具体规则参考官网*/
+        rules: {
+          roleid: [{
+            required: true,
+            trigger: 'blur'
+          }, ],
+          rolename: [{
+            required: true,
+            trigger: 'blur'
+          }, ]
+        }
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/daily/planClassification/index.vue

+<template>
+	<div class="min_full">
+
+		<!-- 查询条件-->
+		<div class="search" v-condition>
+			<SearchButton :app='app'></SearchButton>
+			<el-row :gutter="20" class="search-row-1">
+				<el-col :span="6" class="search-col">
+					<div class="search-item">
+						<span class="search-span">人员工号:</span>
+						 <el-input></el-input>
+					</div>
+				</el-col>
+
+			</el-row>
+		</div>
+		<!-- 按钮操作-->
+		<el-row class="tool-bar">
+			<PrintButton :app='app'></PrintButton>
+			<ViewButton ref="view" :app='app'></ViewButton>
+			<AddButton ref="add" :app='app'></AddButton>
+			<CopyButton ref="copy" :app='app'></CopyButton>
+			<EditButton ref="edit" :app='app'></EditButton>
+      <AttachFileButton  :app='app' ></AttachFileButton>
+			<FieldButton  :app='app'></FieldButton>
+			<ExcelButton :app='app'></ExcelButton>
+			<!-- 额外按钮-->
+			<!-- 表头设置 -->
+
+			<!-- 权限-->
+		</el-row>
+		<!-- 表格-->
+		<div class="tablePagers">
+			<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
+				@getRow='getRow'>
+        <template slot="tabCustom">
+        	<el-table-column label="启用/停用" width="90" header-align="center" >
+        		<template slot-scope="scope">
+        			<el-switch @click.native="setEnable(scope.row.id)" :value='tybz(scope)' style="width: 80px;justify-content: center;"
+        				active-color="#13ce66" inactive-color="#eee">
+        			</el-switch>
+        		</template>
+        	</el-table-column>
+        </template>
+
+			</TablePager>
+		</div>
+	</div>
+</template>
+
+<script>
+	/* 引入需要的接口*/
+	import {
+		QueryKzzxRole,
+		QueryApptype,
+		AddKzzxRole,
+		DeleteKzzxRole,
+		UpdateKzzxRole,
+		QtKzzxRole
+	} from "common/src/api/system/dmgSystem.js";
+	/* edit页面*/
+	import Edit from './edit'
+	import {
+		tableMixin
+	} from 'common'
+	export default {
+		mixins: [tableMixin],
+		name: 'appVersion',
+
+		/* 初始额外赋值*/
+		async mounted() {
+			this.$refs['TablePager'].pageQuery()
+		},
+		data() {
+			return {
+
+				/*需要的额外参数 */
+				showDialog: false,
+				DialogName: '',
+				type: '',
+				DialogTitle: '',
+				/* 基础url*/
+				baseUrl: 'kzzx/role',
+				/* 查询参数*/
+				queryParams: {
+					ksrq: '',
+					jsrq: ''
+				},
+				/* 表格标题对应参数*/
+				tableTitle: [
+          {
+						prop: 'whsj',
+						label: '分级编码',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whsj',
+						label: '分级名称',
+						...this.$common('ftDateTime')
+					}
+				]
+			}
+		},
+		methods: {
+      tybz(a) {
+      	let nTy = false
+      	nTy = (a.row.tybz == 'N' ? true : false)
+      	return nTy
+      },
+			/* 基础查询*/
+			query: QueryKzzxRole,
+			/* 基础增*/
+			apiAdd: AddKzzxRole,
+			/* 基础更新*/
+			apiUpdate: UpdateKzzxRole,
+			/* 删除操作*/
+			apiDelete: DeleteKzzxRole,
+			/* 初始化赋值操作*/
+			init() {
+
+			},
+			/* 启用停用*/
+			setEnable(id) {
+				this.$confirm('是否启用/停用该角色, 是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					let params = {
+						id: id
+					}
+					QtKzzxRole(params).then(res => {
+						if (res.success) {
+							this.$success('操作成功')
+							this.app.$refs['TablePager'].reLoad()
+						} else {
+							this.$error(res.message || '操作失败')
+						}
+					})
+				})
+
+			}
+
+
+		},
+		components: {
+			Edit,
+		}
+
+
+	}
+</script>
+
+<style scoped>
+
+</style>

src/views/daily/planManage/edit.vue

+<template>
+  <RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
+    <!-- 填写表单内容，slot=form必写-->
+    <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="人员工号"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="姓名"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="所在支部"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在班级"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="联系手机">
+          <el-input></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="违章日期">
+           <el-date-picker style="width: 100%;"></el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="违章行为">
+           <el-input></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <!-- 按钮重写， -->
+    <!--   <div slot="reFooter">
+        <span slot="footer">
+           重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
+         </span>
+      </div> -->
+  </RelDialog>
+</template>
+<script>
+  import {editMixin} from 'common'
+  export default {
+    mixins: [editMixin],
+    /* 存放index页面传递的额外参数*/
+    mounted() {
+    },
+    /* 组件名称*/
+    name: 'roleManagementEdit',
+    /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
+
+    data() {
+      return {
+
+        /* 额外初始化，根据需求*/
+        systemType: [],
+
+        /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
+        form: {
+          roleid: '',
+          rolename: '',
+          bz: "",
+        },
+        /* form提交时的规则,具体规则参考官网*/
+        rules: {
+          roleid: [{
+            required: true,
+            trigger: 'blur'
+          }, ],
+          rolename: [{
+            required: true,
+            trigger: 'blur'
+          }, ]
+        }
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/daily/planManage/index.vue

+<template>
+	<div class="min_full">
+
+		<!-- 查询条件-->
+		<div class="search" v-condition>
+			<SearchButton :app='app'></SearchButton>
+			<el-row :gutter="20" class="search-row-1">
+				<el-col :span="6" class="search-col">
+					<div class="search-item">
+						<span class="search-span">人员工号:</span>
+						 <el-input></el-input>
+					</div>
+				</el-col>
+
+			</el-row>
+		</div>
+		<!-- 按钮操作-->
+		<el-row class="tool-bar">
+			<PrintButton :app='app'></PrintButton>
+			<ViewButton ref="view" :app='app'></ViewButton>
+			<AddButton ref="add" :app='app'></AddButton>
+			<CopyButton ref="copy" :app='app'></CopyButton>
+			<EditButton ref="edit" :app='app'></EditButton>
+      <AttachFileButton  :app='app' ></AttachFileButton>
+			<FieldButton  :app='app'></FieldButton>
+			<ExcelButton :app='app'></ExcelButton>
+			<!-- 额外按钮-->
+			<!-- 表头设置 -->
+
+			<!-- 权限-->
+		</el-row>
+		<!-- 表格-->
+		<div class="tablePagers">
+			<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
+				@getRow='getRow'>
+        <template slot="tabCustom">
+        	<el-table-column label="启用/停用" width="90" header-align="center" >
+        		<template slot-scope="scope">
+        			<el-switch @click.native="setEnable(scope.row.id)" :value='tybz(scope)' style="width: 80px;justify-content: center;"
+        				active-color="#13ce66" inactive-color="#eee">
+        			</el-switch>
+        		</template>
+        	</el-table-column>
+        </template>
+
+			</TablePager>
+		</div>
+	</div>
+</template>
+
+<script>
+	/* 引入需要的接口*/
+	import {
+		QueryKzzxRole,
+		QueryApptype,
+		AddKzzxRole,
+		DeleteKzzxRole,
+		UpdateKzzxRole,
+		QtKzzxRole
+	} from "common/src/api/system/dmgSystem.js";
+	/* edit页面*/
+	import Edit from './edit'
+	import {
+		tableMixin
+	} from 'common'
+	export default {
+		mixins: [tableMixin],
+		name: 'appVersion',
+
+		/* 初始额外赋值*/
+		async mounted() {
+			this.$refs['TablePager'].pageQuery()
+		},
+		data() {
+			return {
+
+				/*需要的额外参数 */
+				showDialog: false,
+				DialogName: '',
+				type: '',
+				DialogTitle: '',
+				/* 基础url*/
+				baseUrl: 'kzzx/role',
+				/* 查询参数*/
+				queryParams: {
+					ksrq: '',
+					jsrq: ''
+				},
+				/* 表格标题对应参数*/
+				tableTitle: [
+          {
+						prop: 'whsj',
+						label: '预案标题',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whsj',
+						label: '预案内容',
+						...this.$common('ftDateTime')
+					},
+          {
+          	prop: 'whsj',
+          	label: '编制单位',
+          	...this.$common('ftDateTime')
+          },
+          {
+          	prop: 'whsj',
+          	label: '预案级别',
+          	...this.$common('ftDateTime')
+          }
+				]
+			}
+		},
+		methods: {
+      tybz(a) {
+      	let nTy = false
+      	nTy = (a.row.tybz == 'N' ? true : false)
+      	return nTy
+      },
+			/* 基础查询*/
+			query: QueryKzzxRole,
+			/* 基础增*/
+			apiAdd: AddKzzxRole,
+			/* 基础更新*/
+			apiUpdate: UpdateKzzxRole,
+			/* 删除操作*/
+			apiDelete: DeleteKzzxRole,
+			/* 初始化赋值操作*/
+			init() {
+
+			},
+			/* 启用停用*/
+			setEnable(id) {
+				this.$confirm('是否启用/停用该角色, 是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					let params = {
+						id: id
+					}
+					QtKzzxRole(params).then(res => {
+						if (res.success) {
+							this.$success('操作成功')
+							this.app.$refs['TablePager'].reLoad()
+						} else {
+							this.$error(res.message || '操作失败')
+						}
+					})
+				})
+
+			}
+
+
+		},
+		components: {
+			Edit,
+		}
+
+
+	}
+</script>
+
+<style scoped>
+
+</style>

src/views/login.vue

@@ -73,8 +73,8 @@ export default {
     return {
       codeUrl: "",
       loginForm: {
-        username: "wangxq",
-        password: "wxq123",
+        username: "visitor",
+        password: "visitor",
         rememberMe: false,
         code: "",
         uuid: ""

src/views/threeViolations/correctTV/edit.vue

+<template>
+  <RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
+    <!-- 填写表单内容，slot=form必写-->
+    <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="人员工号"  ref="roleid" prop="roleid">
+           <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="姓名"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在支部"  ref="roleid" prop="roleid">
+           <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在班组"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="手机号"  ref="roleid" prop="roleid">
+           <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="违章日期"  ref="roleid" prop="roleid">
+            <el-date-picker :readonly="readonly"   v-model="form.roleid"></el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="违章行为"  ref="roleid" prop="roleid">
+           <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="纠正措施"  ref="roleid" prop="roleid">
+           <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="纠正结果"  ref="roleid" prop="roleid">
+           <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="验证人"  ref="roleid" prop="roleid">
+           <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="验证时间"  ref="roleid" prop="roleid">
+            <el-date-picker :readonly="readonly"   v-model="form.roleid"></el-date-picker>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <!-- 按钮重写， -->
+    <!--   <div slot="reFooter">
+        <span slot="footer">
+           重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
+         </span>
+      </div> -->
+  </RelDialog>
+</template>
+<script>
+  import {editMixin} from 'common'
+  export default {
+    mixins: [editMixin],
+    /* 存放index页面传递的额外参数*/
+    mounted() {
+    },
+    /* 组件名称*/
+    name: 'roleManagementEdit',
+    /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
+
+    data() {
+      return {
+
+        /* 额外初始化，根据需求*/
+        systemType: [],
+
+        /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
+        form: {
+          roleid: '',
+          rolename: '',
+          bz: "",
+        },
+        /* form提交时的规则,具体规则参考官网*/
+        rules: {
+          roleid: [{
+            required: true,
+            trigger: 'blur'
+          }, ],
+          rolename: [{
+            required: true,
+            trigger: 'blur'
+          }, ]
+        }
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/threeViolations/correctTV/exposure.vue

+<template>
+  <div class="form-detail">
+    <el-form ref="form" label-width='80px' :model="form" >
+       <el-row :gutter="20">
+         <el-col :span="24">
+           <el-form-item label="通报内容">
+             <el-input type="textarea" rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="纠正结果">
+             <el-input type="textarea" rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="12">
+           <el-form-item label="验证人">
+             <el-input   >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="12">
+           <el-form-item label="验证时间">
+             <el-date-picker></el-date-picker>
+           </el-form-item>
+         </el-col>
+
+       </el-row>
+     </el-form>
+  </div>
+
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+
+
+      }
+    },
+    methods: {
+       handleRemove(file, fileList) {
+              console.log(file, fileList);
+            },
+            handlePictureCardPreview(file) {
+              this.dialogImageUrl = file.url;
+              this.dialogVisible = true;
+            }
+    }
+  }
+</script>
+
+<style scoped>
+  .form-detail{
+    height: 300px;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+</style>

src/views/threeViolations/correctTV/index.vue

+<template>
+  <div class="min_full" style="height: 140vh;">
+
+    <div class="min_full" style="height: 40%;">
+
+      <!-- 查询条件-->
+      <div class="search" v-condition>
+        <SearchButton :app='app'></SearchButton>
+        <el-row :gutter="20" class="search-row-1">
+          <el-col :span="6" class="search-col">
+            <div class="search-item">
+              <span class="search-span">岗位:</span>
+              <el-input  style="width:60% ;"></el-input>
+            </div>
+          </el-col>
+          <el-col :span="6" class="search-col">
+            <div class="search-item">
+              <span class="search-span">设备设施风险点:</span>
+             <el-input></el-input>
+            </div>
+          </el-col>
+
+        </el-row>
+      </div>
+      <!-- 按钮操作-->
+      <el-row class="tool-bar">
+        <PrintButton :app='app'></PrintButton>
+        <ViewButton ref="view" :app='app'></ViewButton>
+        <AddButton ref="add" :app='app'></AddButton>
+        <CopyButton ref="copy" :app='app'></CopyButton>
+        <EditButton ref="edit" :app='app'></EditButton>
+        <AttachFileButton :app='app'></AttachFileButton>
+        <FieldButton :app='app'></FieldButton>
+        <ExcelButton :app='app'></ExcelButton>
+        <!-- 额外按钮-->
+        <!-- 表头设置 -->
+
+        <!-- 权限-->
+      </el-row>
+      <!-- 表格-->
+      <div class="tablePagers">
+        <TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
+          @getRow='getRow'>
+
+        </TablePager>
+      </div>
+    </div>
+    <div class="min_full" style="height: 60%;padding: 10px;">
+      <!-- tabs -->
+        <Exposure />
+  </div>
+
+  </div>
+</template>
+
+<script>
+  /* 引入需要的接口*/
+  import {
+    QueryKzzxRole,
+    QueryApptype,
+    AddKzzxRole,
+    DeleteKzzxRole,
+    UpdateKzzxRole,
+    QtKzzxRole
+  } from "common/src/api/system/dmgSystem.js";
+  /* edit页面*/
+  import Edit from './edit'
+  import Exposure from './exposure.vue'
+
+  import {
+    tableMixin
+  } from 'common'
+  export default {
+    mixins: [tableMixin],
+    name: 'appVersion',
+
+    /* 初始额外赋值*/
+    async mounted() {
+      this.$refs['TablePager'].pageQuery()
+      console.log(_)
+    },
+    data() {
+      return {
+        activeName: 'first',
+        /*需要的额外参数 */
+        showDialog: false,
+        DialogName: '',
+        type: '',
+        DialogTitle: '',
+        /* 基础url*/
+        baseUrl: 'kzzx/role',
+        /* 查询参数*/
+        queryParams: {
+          ksrq: '',
+          jsrq: ''
+        },
+        /* 表格标题对应参数*/
+        tableTitle: [
+          {
+            prop: 'whsj',
+            label: '时间',
+            show:false,
+            fieldType:'ftDateTime',
+            width: '100',
+            align:'left'
+          },
+          {
+            prop: 'whsj',
+            label: '车间',
+            ...this.$common('ftDateTime')
+          },
+          {
+            prop: 'whr',
+            label: '岗位',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '地点',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '作业活动设施风险点',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '事故类型',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '危险等级',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '危险分值',
+            width: '100'
+          },
+
+          {
+            prop: 'whr',
+            label: '风险类型',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '管控措施落实后等级',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '管理层级',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '拍照选项',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '序号',
+            width: '100'
+          },
+
+          {
+            prop: 'whr',
+            label: '图形编号',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '措施类型',
+            width: '100'
+          }
+        ]
+      }
+    },
+    methods: {
+      handleClick(val){
+        console.log(val,'val')
+      },
+      /* 基础查询*/
+      query: QueryKzzxRole,
+      /* 基础增*/
+      apiAdd: AddKzzxRole,
+      /* 基础更新*/
+      apiUpdate: UpdateKzzxRole,
+      /* 删除操作*/
+      apiDelete: DeleteKzzxRole,
+      /* 初始化赋值操作*/
+      init() {
+
+      },
+      /* 启用停用*/
+      setEnable(id) {
+        this.$confirm('是否启用/停用该角色, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          let params = {
+            id: id
+          }
+          QtKzzxRole(params).then(res => {
+            if (res.success) {
+              this.$success('操作成功')
+              this.app.$refs['TablePager'].reLoad()
+            } else {
+              this.$error(res.message || '操作失败')
+            }
+          })
+        })
+
+      }
+
+
+    },
+    components: {
+      Edit,
+      Exposure,
+
+    }
+
+
+  }
+</script>
+
+<style scoped>
+  /deep/.el-tabs__item {
+    font-size: 13px;
+    color: #666;
+  }
+</style>

src/views/threeViolations/enterTV/edit.vue

+<template>
+  <RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
+    <!-- 填写表单内容，slot=form必写-->
+    <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="人员工号"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="姓名"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="所在支部"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在班级"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="联系手机">
+          <el-input></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="违章日期">
+           <el-date-picker style="width: 100%;"></el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="违章行为">
+           <el-input></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <!-- 按钮重写， -->
+    <!--   <div slot="reFooter">
+        <span slot="footer">
+           重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
+         </span>
+      </div> -->
+  </RelDialog>
+</template>
+<script>
+  import {editMixin} from 'common'
+  export default {
+    mixins: [editMixin],
+    /* 存放index页面传递的额外参数*/
+    mounted() {
+    },
+    /* 组件名称*/
+    name: 'roleManagementEdit',
+    /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
+
+    data() {
+      return {
+
+        /* 额外初始化，根据需求*/
+        systemType: [],
+
+        /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
+        form: {
+          roleid: '',
+          rolename: '',
+          bz: "",
+        },
+        /* form提交时的规则,具体规则参考官网*/
+        rules: {
+          roleid: [{
+            required: true,
+            trigger: 'blur'
+          }, ],
+          rolename: [{
+            required: true,
+            trigger: 'blur'
+          }, ]
+        }
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/threeViolations/enterTV/index.vue

+<template>
+	<div class="min_full">
+
+		<!-- 查询条件-->
+		<div class="search" v-condition>
+			<SearchButton :app='app'></SearchButton>
+			<el-row :gutter="20" class="search-row-1">
+				<el-col :span="6" class="search-col">
+					<div class="search-item">
+						<span class="search-span">人员工号:</span>
+						 <el-input></el-input>
+					</div>
+				</el-col>
+
+			</el-row>
+		</div>
+		<!-- 按钮操作-->
+		<el-row class="tool-bar">
+			<PrintButton :app='app'></PrintButton>
+			<ViewButton ref="view" :app='app'></ViewButton>
+			<AddButton ref="add" :app='app'></AddButton>
+			<CopyButton ref="copy" :app='app'></CopyButton>
+			<EditButton ref="edit" :app='app'></EditButton>
+      <AttachFileButton  :app='app' ></AttachFileButton>
+			<FieldButton  :app='app'></FieldButton>
+			<ExcelButton :app='app'></ExcelButton>
+			<!-- 额外按钮-->
+			<!-- 表头设置 -->
+
+			<!-- 权限-->
+		</el-row>
+		<!-- 表格-->
+		<div class="tablePagers">
+			<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
+				@getRow='getRow'>
+
+			</TablePager>
+		</div>
+	</div>
+</template>
+
+<script>
+	/* 引入需要的接口*/
+	import {
+		QueryKzzxRole,
+		QueryApptype,
+		AddKzzxRole,
+		DeleteKzzxRole,
+		UpdateKzzxRole,
+		QtKzzxRole
+	} from "common/src/api/system/dmgSystem.js";
+	/* edit页面*/
+	import Edit from './edit'
+	import {
+		tableMixin
+	} from 'common'
+	export default {
+		mixins: [tableMixin],
+		name: 'appVersion',
+
+		/* 初始额外赋值*/
+		async mounted() {
+			this.$refs['TablePager'].pageQuery()
+		},
+		data() {
+			return {
+
+				/*需要的额外参数 */
+				showDialog: false,
+				DialogName: '',
+				type: '',
+				DialogTitle: '',
+				/* 基础url*/
+				baseUrl: 'kzzx/role',
+				/* 查询参数*/
+				queryParams: {
+					ksrq: '',
+					jsrq: ''
+				},
+				/* 表格标题对应参数*/
+				tableTitle: [
+          {
+						prop: 'whsj',
+						label: '人员工号',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whsj',
+						label: '姓名',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whr',
+						label: '所在支部',
+						width: '100'
+					},
+          {
+          	prop: 'whr',
+          	label: '所在班组',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '联系手机',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '违章日期',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '违章行为',
+          	width: '100'
+          }
+				]
+			}
+		},
+		methods: {
+
+			/* 基础查询*/
+			query: QueryKzzxRole,
+			/* 基础增*/
+			apiAdd: AddKzzxRole,
+			/* 基础更新*/
+			apiUpdate: UpdateKzzxRole,
+			/* 删除操作*/
+			apiDelete: DeleteKzzxRole,
+			/* 初始化赋值操作*/
+			init() {
+
+			},
+			/* 启用停用*/
+			setEnable(id) {
+				this.$confirm('是否启用/停用该角色, 是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					let params = {
+						id: id
+					}
+					QtKzzxRole(params).then(res => {
+						if (res.success) {
+							this.$success('操作成功')
+							this.app.$refs['TablePager'].reLoad()
+						} else {
+							this.$error(res.message || '操作失败')
+						}
+					})
+				})
+
+			}
+
+
+		},
+		components: {
+			Edit,
+		}
+
+
+	}
+</script>
+
+<style scoped>
+
+</style>

src/views/threeViolations/maintainTV/edit.vue

+<template>
+  <RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
+    <!-- 填写表单内容，slot=form必写-->
+    <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="序号"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="三维内容"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly" type="textarea"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="三维类型">
+           <el-select  placeholder="请选择"  style="width: 100%;" >
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="罚款(元)">
+           <el-select  placeholder="请选择"  style="width: 100%;" >
+            </el-select>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="考核分数">
+           <el-input></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="内容">
+            <el-input></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <!-- 按钮重写， -->
+    <!--   <div slot="reFooter">
+        <span slot="footer">
+           重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
+         </span>
+      </div> -->
+  </RelDialog>
+</template>
+<script>
+  import {editMixin} from 'common'
+  export default {
+    mixins: [editMixin],
+    /* 存放index页面传递的额外参数*/
+    mounted() {
+    },
+    /* 组件名称*/
+    name: 'roleManagementEdit',
+    /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
+
+    data() {
+      return {
+
+        /* 额外初始化，根据需求*/
+        systemType: [],
+
+        /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
+        form: {
+          roleid: '',
+          rolename: '',
+          bz: "",
+        },
+        /* form提交时的规则,具体规则参考官网*/
+        rules: {
+          roleid: [{
+            required: true,
+            trigger: 'blur'
+          }, ],
+          rolename: [{
+            required: true,
+            trigger: 'blur'
+          }, ]
+        }
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/threeViolations/maintainTV/index.vue

 <template>
-  <div>
-    maintainTV
-  </div>
+	<div class="min_full">
+
+		<!-- 查询条件-->
+		<div class="search" v-condition>
+			<SearchButton :app='app'></SearchButton>
+			<el-row :gutter="20" class="search-row-1">
+				<el-col :span="6" class="search-col">
+					<div class="search-item">
+						<span class="search-span">三维内容:</span>
+						 <el-input></el-input>
+					</div>
+				</el-col>
+
+			</el-row>
+		</div>
+		<!-- 按钮操作-->
+		<el-row class="tool-bar">
+			<PrintButton :app='app'></PrintButton>
+			<ViewButton ref="view" :app='app'></ViewButton>
+			<AddButton ref="add" :app='app'></AddButton>
+			<CopyButton ref="copy" :app='app'></CopyButton>
+			<EditButton ref="edit" :app='app'></EditButton>
+      <AttachFileButton  :app='app' ></AttachFileButton>
+			<FieldButton  :app='app'></FieldButton>
+			<ExcelButton :app='app'></ExcelButton>
+			<!-- 额外按钮-->
+			<!-- 表头设置 -->
+
+			<!-- 权限-->
+		</el-row>
+		<!-- 表格-->
+		<div class="tablePagers">
+			<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
+				@getRow='getRow'>
+
+			</TablePager>
+		</div>
+	</div>
 </template>
 
 <script>
+	/* 引入需要的接口*/
+	import {
+		QueryKzzxRole,
+		QueryApptype,
+		AddKzzxRole,
+		DeleteKzzxRole,
+		UpdateKzzxRole,
+		QtKzzxRole
+	} from "common/src/api/system/dmgSystem.js";
+	/* edit页面*/
+	import Edit from './edit'
+	import {
+		tableMixin
+	} from 'common'
+	export default {
+		mixins: [tableMixin],
+		name: 'appVersion',
+
+		/* 初始额外赋值*/
+		async mounted() {
+			this.$refs['TablePager'].pageQuery()
+		},
+		data() {
+			return {
+
+				/*需要的额外参数 */
+				showDialog: false,
+				DialogName: '',
+				type: '',
+				DialogTitle: '',
+				/* 基础url*/
+				baseUrl: 'kzzx/role',
+				/* 查询参数*/
+				queryParams: {
+					ksrq: '',
+					jsrq: ''
+				},
+				/* 表格标题对应参数*/
+				tableTitle: [
+          {
+						prop: 'whsj',
+						label: '三违内容',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whsj',
+						label: '三违类型',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whr',
+						label: '罚款',
+						width: '100'
+					},
+          {
+          	prop: 'whr',
+          	label: '考核分数',
+          	width: '100'
+          }
+				]
+			}
+		},
+		methods: {
+
+			/* 基础查询*/
+			query: QueryKzzxRole,
+			/* 基础增*/
+			apiAdd: AddKzzxRole,
+			/* 基础更新*/
+			apiUpdate: UpdateKzzxRole,
+			/* 删除操作*/
+			apiDelete: DeleteKzzxRole,
+			/* 初始化赋值操作*/
+			init() {
+
+			},
+			/* 启用停用*/
+			setEnable(id) {
+				this.$confirm('是否启用/停用该角色, 是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					let params = {
+						id: id
+					}
+					QtKzzxRole(params).then(res => {
+						if (res.success) {
+							this.$success('操作成功')
+							this.app.$refs['TablePager'].reLoad()
+						} else {
+							this.$error(res.message || '操作失败')
+						}
+					})
+				})
+
+			}
+
+
+		},
+		components: {
+			Edit,
+		}
+
+
+	}
 </script>
 
-<style>
-</style>
\ No newline at end of file
+<style scoped>
+
+</style>

src/views/threeViolations/punishmentRecord/edit.vue

+<template>
+  <RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
+    <!-- 填写表单内容，slot=form必写-->
+    <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="人员工号"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="姓名"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="所在支部"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在班级"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="联系手机">
+          <el-input></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="违章日期">
+           <el-date-picker style="width: 100%;"></el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="处罚金额">
+           <el-input></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="违章行为">
+           <el-input></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <!-- 按钮重写， -->
+    <!--   <div slot="reFooter">
+        <span slot="footer">
+           重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
+         </span>
+      </div> -->
+  </RelDialog>
+</template>
+<script>
+  import {editMixin} from 'common'
+  export default {
+    mixins: [editMixin],
+    /* 存放index页面传递的额外参数*/
+    mounted() {
+    },
+    /* 组件名称*/
+    name: 'roleManagementEdit',
+    /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
+
+    data() {
+      return {
+
+        /* 额外初始化，根据需求*/
+        systemType: [],
+
+        /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
+        form: {
+          roleid: '',
+          rolename: '',
+          bz: "",
+        },
+        /* form提交时的规则,具体规则参考官网*/
+        rules: {
+          roleid: [{
+            required: true,
+            trigger: 'blur'
+          }, ],
+          rolename: [{
+            required: true,
+            trigger: 'blur'
+          }, ]
+        }
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/threeViolations/punishmentRecord/index.vue

+<template>
+	<div class="min_full">
+
+		<!-- 查询条件-->
+		<div class="search" v-condition>
+			<SearchButton :app='app'></SearchButton>
+			<el-row :gutter="20" class="search-row-1">
+				<el-col :span="6" class="search-col">
+					<div class="search-item">
+						<span class="search-span">人员工号:</span>
+						 <el-input></el-input>
+					</div>
+				</el-col>
+        <el-col :span="6" class="search-col">
+        	<div class="search-item">
+        		<span class="search-span">人员姓名:</span>
+        		 <el-input></el-input>
+        	</div>
+        </el-col>
+        <el-col :span="6" class="search-col">
+        	<div class="search-item">
+        		<span class="search-span">所在支部:</span>
+        		 <el-input></el-input>
+        	</div>
+        </el-col>
+
+			</el-row>
+      <el-row :gutter="20" class="search-row-1">
+      	<el-col :span="6" class="search-col">
+      		<div class="search-item">
+      			<span class="search-span">开始日期:</span>
+      			 <el-date-picker></el-date-picker>
+      		</div>
+      	</el-col>
+        <el-col :span="6" class="search-col">
+        	<div class="search-item">
+        		<span class="search-span">结束日期:</span>
+        		 <el-date-picker></el-date-picker>
+        	</div>
+        </el-col>
+
+      </el-row>
+		</div>
+		<!-- 按钮操作-->
+		<el-row class="tool-bar">
+			<PrintButton :app='app'></PrintButton>
+			<ViewButton ref="view" :app='app'></ViewButton>
+			<AddButton ref="add" :app='app'></AddButton>
+			<CopyButton ref="copy" :app='app'></CopyButton>
+			<EditButton ref="edit" :app='app'></EditButton>
+      <AttachFileButton  :app='app' ></AttachFileButton>
+			<FieldButton  :app='app'></FieldButton>
+			<ExcelButton :app='app'></ExcelButton>
+			<!-- 额外按钮-->
+			<!-- 表头设置 -->
+
+			<!-- 权限-->
+		</el-row>
+		<!-- 表格-->
+		<div class="tablePagers">
+			<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
+				@getRow='getRow'>
+
+			</TablePager>
+		</div>
+	</div>
+</template>
+
+<script>
+	/* 引入需要的接口*/
+	import {
+		QueryKzzxRole,
+		QueryApptype,
+		AddKzzxRole,
+		DeleteKzzxRole,
+		UpdateKzzxRole,
+		QtKzzxRole
+	} from "common/src/api/system/dmgSystem.js";
+	/* edit页面*/
+	import Edit from './edit'
+	import {
+		tableMixin
+	} from 'common'
+	export default {
+		mixins: [tableMixin],
+		name: 'appVersion',
+
+		/* 初始额外赋值*/
+		async mounted() {
+			this.$refs['TablePager'].pageQuery()
+		},
+		data() {
+			return {
+
+				/*需要的额外参数 */
+				showDialog: false,
+				DialogName: '',
+				type: '',
+				DialogTitle: '',
+				/* 基础url*/
+				baseUrl: 'kzzx/role',
+				/* 查询参数*/
+				queryParams: {
+					ksrq: '',
+					jsrq: ''
+				},
+				/* 表格标题对应参数*/
+				tableTitle: [
+          {
+						prop: 'whsj',
+						label: '人员工号',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whsj',
+						label: '姓名',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whr',
+						label: '所在支部',
+						width: '100'
+					},
+          {
+          	prop: 'whr',
+          	label: '所在班组',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '联系手机',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '违章日期',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '违章行为',
+          	width: '100'
+          }
+				]
+			}
+		},
+		methods: {
+
+			/* 基础查询*/
+			query: QueryKzzxRole,
+			/* 基础增*/
+			apiAdd: AddKzzxRole,
+			/* 基础更新*/
+			apiUpdate: UpdateKzzxRole,
+			/* 删除操作*/
+			apiDelete: DeleteKzzxRole,
+			/* 初始化赋值操作*/
+			init() {
+
+			},
+			/* 启用停用*/
+			setEnable(id) {
+				this.$confirm('是否启用/停用该角色, 是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					let params = {
+						id: id
+					}
+					QtKzzxRole(params).then(res => {
+						if (res.success) {
+							this.$success('操作成功')
+							this.app.$refs['TablePager'].reLoad()
+						} else {
+							this.$error(res.message || '操作失败')
+						}
+					})
+				})
+
+			}
+
+
+		},
+		components: {
+			Edit,
+		}
+
+
+	}
+</script>
+
+<style scoped>
+
+</style>

src/views/threeViolations/queryRecords/edit.vue

+<template>
+  <RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
+    <!-- 填写表单内容，slot=form必写-->
+    <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="人员工号"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="姓名"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="所在支部"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="所在班级"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="联系手机">
+          <el-input></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="违章日期">
+           <el-date-picker style="width: 100%;"></el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item label="违章行为">
+           <el-input></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+    <!-- 按钮重写， -->
+    <!--   <div slot="reFooter">
+        <span slot="footer">
+           重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
+         </span>
+      </div> -->
+  </RelDialog>
+</template>
+<script>
+  import {editMixin} from 'common'
+  export default {
+    mixins: [editMixin],
+    /* 存放index页面传递的额外参数*/
+    mounted() {
+    },
+    /* 组件名称*/
+    name: 'roleManagementEdit',
+    /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
+
+    data() {
+      return {
+
+        /* 额外初始化，根据需求*/
+        systemType: [],
+
+        /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
+        form: {
+          roleid: '',
+          rolename: '',
+          bz: "",
+        },
+        /* form提交时的规则,具体规则参考官网*/
+        rules: {
+          roleid: [{
+            required: true,
+            trigger: 'blur'
+          }, ],
+          rolename: [{
+            required: true,
+            trigger: 'blur'
+          }, ]
+        }
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/threeViolations/queryRecords/index.vue

+<template>
+	<div class="min_full">
+
+		<!-- 查询条件-->
+		<div class="search" v-condition>
+			<SearchButton :app='app'></SearchButton>
+			<el-row :gutter="20" class="search-row-1">
+				<el-col :span="6" class="search-col">
+					<div class="search-item">
+						<span class="search-span">人员工号:</span>
+						 <el-input></el-input>
+					</div>
+				</el-col>
+        <el-col :span="6" class="search-col">
+        	<div class="search-item">
+        		<span class="search-span">人员姓名:</span>
+        		 <el-input></el-input>
+        	</div>
+        </el-col>
+        <el-col :span="6" class="search-col">
+        	<div class="search-item">
+        		<span class="search-span">所在支部:</span>
+        		 <el-input></el-input>
+        	</div>
+        </el-col>
+
+			</el-row>
+      <el-row :gutter="20" class="search-row-1">
+      	<el-col :span="6" class="search-col">
+      		<div class="search-item">
+      			<span class="search-span">开始日期:</span>
+      			 <el-date-picker></el-date-picker>
+      		</div>
+      	</el-col>
+        <el-col :span="6" class="search-col">
+        	<div class="search-item">
+        		<span class="search-span">结束日期:</span>
+        		 <el-date-picker></el-date-picker>
+        	</div>
+        </el-col>
+
+      </el-row>
+		</div>
+		<!-- 按钮操作-->
+		<el-row class="tool-bar">
+			<PrintButton :app='app'></PrintButton>
+			<ViewButton ref="view" :app='app'></ViewButton>
+			<AddButton ref="add" :app='app'></AddButton>
+			<CopyButton ref="copy" :app='app'></CopyButton>
+			<EditButton ref="edit" :app='app'></EditButton>
+      <AttachFileButton  :app='app' ></AttachFileButton>
+			<FieldButton  :app='app'></FieldButton>
+			<ExcelButton :app='app'></ExcelButton>
+			<!-- 额外按钮-->
+			<!-- 表头设置 -->
+
+			<!-- 权限-->
+		</el-row>
+		<!-- 表格-->
+		<div class="tablePagers">
+			<TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
+				@getRow='getRow'>
+
+			</TablePager>
+		</div>
+	</div>
+</template>
+
+<script>
+	/* 引入需要的接口*/
+	import {
+		QueryKzzxRole,
+		QueryApptype,
+		AddKzzxRole,
+		DeleteKzzxRole,
+		UpdateKzzxRole,
+		QtKzzxRole
+	} from "common/src/api/system/dmgSystem.js";
+	/* edit页面*/
+	import Edit from './edit'
+	import {
+		tableMixin
+	} from 'common'
+	export default {
+		mixins: [tableMixin],
+		name: 'appVersion',
+
+		/* 初始额外赋值*/
+		async mounted() {
+			this.$refs['TablePager'].pageQuery()
+		},
+		data() {
+			return {
+
+				/*需要的额外参数 */
+				showDialog: false,
+				DialogName: '',
+				type: '',
+				DialogTitle: '',
+				/* 基础url*/
+				baseUrl: 'kzzx/role',
+				/* 查询参数*/
+				queryParams: {
+					ksrq: '',
+					jsrq: ''
+				},
+				/* 表格标题对应参数*/
+				tableTitle: [
+          {
+						prop: 'whsj',
+						label: '人员工号',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whsj',
+						label: '姓名',
+						...this.$common('ftDateTime')
+					},
+					{
+						prop: 'whr',
+						label: '所在支部',
+						width: '100'
+					},
+          {
+          	prop: 'whr',
+          	label: '所在班组',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '联系手机',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '违章日期',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '违章行为',
+          	width: '100'
+          },
+          {
+          	prop: 'whr',
+          	label: '处罚金额',
+          	width: '100'
+          }
+				]
+			}
+		},
+		methods: {
+
+			/* 基础查询*/
+			query: QueryKzzxRole,
+			/* 基础增*/
+			apiAdd: AddKzzxRole,
+			/* 基础更新*/
+			apiUpdate: UpdateKzzxRole,
+			/* 删除操作*/
+			apiDelete: DeleteKzzxRole,
+			/* 初始化赋值操作*/
+			init() {
+
+			},
+			/* 启用停用*/
+			setEnable(id) {
+				this.$confirm('是否启用/停用该角色, 是否继续?', '提示', {
+					confirmButtonText: '确定',
+					cancelButtonText: '取消',
+					type: 'warning'
+				}).then(() => {
+					let params = {
+						id: id
+					}
+					QtKzzxRole(params).then(res => {
+						if (res.success) {
+							this.$success('操作成功')
+							this.app.$refs['TablePager'].reLoad()
+						} else {
+							this.$error(res.message || '操作失败')
+						}
+					})
+				})
+
+			}
+
+
+		},
+		components: {
+			Edit,
+		}
+
+
+	}
+</script>
+
+<style scoped>
+
+</style>

src/views/threeViolations/tFPasses/edit.vue

+<template>
+  <RelDialog :type='type' :editApp='editApp' :app='app' :buttonApp='buttonApp'>
+    <!-- 填写表单内容，slot=form必写-->
+    <el-form slot="form" ref="form" :model="form" label-width="80px" :rules="rules">
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="标题"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly"   v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="24">
+          <el-form-item label="内容"  ref="roleid" prop="roleid">
+            <el-input :readonly="readonly" type="textarea"  v-model="form.roleid"></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+      <el-row :gutter="20">
+        <el-col :span="12">
+          <el-form-item label="有效期至">
+           <el-date-picker style="width: 100%;"
+                type="date"
+                placeholder="选择日期">
+            </el-date-picker>
+          </el-form-item>
+        </el-col>
+        <el-col :span="12">
+          <el-form-item label="编制单位">
+           <el-select  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>
+    <!-- 按钮重写， -->
+    <!--   <div slot="reFooter">
+        <span slot="footer">
+           重写按钮写在这里，根据需要重写 slot(reFooter,foorer) 节点样式 重写方法需要在此页重新定义
+         </span>
+      </div> -->
+  </RelDialog>
+</template>
+<script>
+  import {editMixin} from 'common'
+  export default {
+    mixins: [editMixin],
+    /* 存放index页面传递的额外参数*/
+    mounted() {
+    },
+    /* 组件名称*/
+    name: 'roleManagementEdit',
+    /* 传递props模式一样必填，用于index,button,REdialog之间的组件通信*/
+
+    data() {
+      return {
+
+        /* 额外初始化，根据需求*/
+        systemType: [],
+
+        /* 当前表单初始值，默认由RelDialog查询indexQuery赋值，copy时不赋值id，初始化时所有query的值都会赋值给form*/
+        form: {
+          roleid: '',
+          rolename: '',
+          bz: "",
+        },
+        /* form提交时的规则,具体规则参考官网*/
+        rules: {
+          roleid: [{
+            required: true,
+            trigger: 'blur'
+          }, ],
+          rolename: [{
+            required: true,
+            trigger: 'blur'
+          }, ]
+        }
+      }
+    },
+    methods: {
+
+    }
+  }
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/threeViolations/tFPasses/exposure.vue

+<template>
+  <div class="form-detail">
+    <el-form ref="form" label-width='80px' :model="form" >
+       <el-row :gutter="20">
+         <el-col :span="24">
+           <el-form-item label="通报内容">
+             <el-input type="textarea" rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="附件">
+            <el-upload
+              action="https://jsonplaceholder.typicode.com/posts/"
+              list-type="picture-card"
+              :on-preview="handlePictureCardPreview"
+              :on-remove="handleRemove">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+           </el-form-item>
+
+          <el-dialog :visible.sync="dialogVisible">
+            <img width="100%" :src="dialogImageUrl" alt="">
+          </el-dialog>
+
+         </el-col>
+
+       </el-row>
+     </el-form>
+  </div>
+
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+
+
+      }
+    },
+    methods: {
+       handleRemove(file, fileList) {
+              console.log(file, fileList);
+            },
+            handlePictureCardPreview(file) {
+              this.dialogImageUrl = file.url;
+              this.dialogVisible = true;
+            }
+    }
+  }
+</script>
+
+<style scoped>
+  .form-detail{
+    height: 500px;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+</style>

src/views/threeViolations/tFPasses/family.vue

+<template>
+  <div class="form-detail">
+    <el-form ref="form" label-width='80px'  :model="form" >
+       <el-row :gutter="20">
+         <el-col :span="24">
+           <el-form-item label="教育人">
+             <el-input  rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="教育时间">
+             <el-date-picker></el-date-picker>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="教育内容">
+             <el-input type="textarea"  rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="附件">
+            <el-upload
+              action="https://jsonplaceholder.typicode.com/posts/"
+              list-type="picture-card"
+              :on-preview="handlePictureCardPreview"
+              :on-remove="handleRemove">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+           </el-form-item>
+
+          <el-dialog :visible.sync="dialogVisible">
+            <img width="100%" :src="dialogImageUrl" alt="">
+          </el-dialog>
+
+         </el-col>
+
+       </el-row>
+     </el-form>
+  </div>
+
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+
+
+      }
+    },
+    methods: {
+       handleRemove(file, fileList) {
+              console.log(file, fileList);
+            },
+            handlePictureCardPreview(file) {
+              this.dialogImageUrl = file.url;
+              this.dialogVisible = true;
+            }
+    }
+  }
+</script>
+
+<style scoped>
+  .form-detail{
+    height: 500px;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+</style>

src/views/threeViolations/tFPasses/index.vue

+<template>
+  <div class="min_full" style="height: 140vh;">
+
+    <div class="min_full" style="height: 40%;">
+
+      <!-- 查询条件-->
+      <div class="search" v-condition>
+        <SearchButton :app='app'></SearchButton>
+        <el-row :gutter="20" class="search-row-1">
+          <el-col :span="6" class="search-col">
+            <div class="search-item">
+              <span class="search-span">岗位:</span>
+              <el-input  style="width:60% ;"></el-input>
+            </div>
+          </el-col>
+          <el-col :span="6" class="search-col">
+            <div class="search-item">
+              <span class="search-span">设备设施风险点:</span>
+             <el-input></el-input>
+            </div>
+          </el-col>
+
+        </el-row>
+      </div>
+      <!-- 按钮操作-->
+      <el-row class="tool-bar">
+        <PrintButton :app='app'></PrintButton>
+        <ViewButton ref="view" :app='app'></ViewButton>
+        <AddButton ref="add" :app='app'></AddButton>
+        <CopyButton ref="copy" :app='app'></CopyButton>
+        <EditButton ref="edit" :app='app'></EditButton>
+        <AttachFileButton :app='app'></AttachFileButton>
+        <FieldButton :app='app'></FieldButton>
+        <ExcelButton :app='app'></ExcelButton>
+        <!-- 额外按钮-->
+        <!-- 表头设置 -->
+
+        <!-- 权限-->
+      </el-row>
+      <!-- 表格-->
+      <div class="tablePagers">
+        <TablePager @getData='getData' :ref="'TablePager'" :app='app' :query='query' @selectItem='selectItem'
+          @getRow='getRow'>
+
+        </TablePager>
+      </div>
+    </div>
+    <div class="min_full" style="height: 60%;padding: 10px;">
+      <!-- tabs -->
+      <el-tabs v-model="activeName" @tab-click="handleClick"  >
+    <el-tab-pane label="曝光亮相关" name="first" >
+            <Exposure />
+    </el-tab-pane>
+        <el-tab-pane label="安全补课关" name="second">
+          <SafetyCourse />
+        </el-tab-pane>
+        <el-tab-pane label="反思检查关" name="third">
+           <Reflect />
+        </el-tab-pane>
+        <el-tab-pane label="领导谈话关" name="fourth">
+           <Leadership />
+        </el-tab-pane>
+        <el-tab-pane label="家属协管关" name="fifth">
+           <Family />
+        </el-tab-pane>
+      </el-tabs>
+  </div>
+
+  </div>
+</template>
+
+<script>
+  /* 引入需要的接口*/
+  import {
+    QueryKzzxRole,
+    QueryApptype,
+    AddKzzxRole,
+    DeleteKzzxRole,
+    UpdateKzzxRole,
+    QtKzzxRole
+  } from "common/src/api/system/dmgSystem.js";
+  /* edit页面*/
+  import Edit from './edit'
+  import Exposure from './exposure.vue'
+  import SafetyCourse from './safetyCourse.vue'
+  import Reflect from './reflect.vue'
   import Leadership from './leadership.vue'
+   import Family from './family.vue'
+  import {
+    tableMixin
+  } from 'common'
+  export default {
+    mixins: [tableMixin],
+    name: 'appVersion',
+
+    /* 初始额外赋值*/
+    async mounted() {
+      this.$refs['TablePager'].pageQuery()
+      console.log(_)
+    },
+    data() {
+      return {
+        activeName: 'first',
+        /*需要的额外参数 */
+        showDialog: false,
+        DialogName: '',
+        type: '',
+        DialogTitle: '',
+        /* 基础url*/
+        baseUrl: 'kzzx/role',
+        /* 查询参数*/
+        queryParams: {
+          ksrq: '',
+          jsrq: ''
+        },
+        /* 表格标题对应参数*/
+        tableTitle: [
+          {
+            prop: 'whsj',
+            label: '时间',
+            show:false,
+            fieldType:'ftDateTime',
+            width: '100',
+            align:'left'
+          },
+          {
+            prop: 'whsj',
+            label: '车间',
+            ...this.$common('ftDateTime')
+          },
+          {
+            prop: 'whr',
+            label: '岗位',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '地点',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '作业活动设施风险点',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '事故类型',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '危险等级',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '危险分值',
+            width: '100'
+          },
+
+          {
+            prop: 'whr',
+            label: '风险类型',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '管控措施落实后等级',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '管理层级',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '拍照选项',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '序号',
+            width: '100'
+          },
+
+          {
+            prop: 'whr',
+            label: '图形编号',
+            width: '100'
+          },
+          {
+            prop: 'whr',
+            label: '措施类型',
+            width: '100'
+          }
+        ]
+      }
+    },
+    methods: {
+      handleClick(val){
+        console.log(val,'val')
+      },
+      /* 基础查询*/
+      query: QueryKzzxRole,
+      /* 基础增*/
+      apiAdd: AddKzzxRole,
+      /* 基础更新*/
+      apiUpdate: UpdateKzzxRole,
+      /* 删除操作*/
+      apiDelete: DeleteKzzxRole,
+      /* 初始化赋值操作*/
+      init() {
+
+      },
+      /* 启用停用*/
+      setEnable(id) {
+        this.$confirm('是否启用/停用该角色, 是否继续?', '提示', {
+          confirmButtonText: '确定',
+          cancelButtonText: '取消',
+          type: 'warning'
+        }).then(() => {
+          let params = {
+            id: id
+          }
+          QtKzzxRole(params).then(res => {
+            if (res.success) {
+              this.$success('操作成功')
+              this.app.$refs['TablePager'].reLoad()
+            } else {
+              this.$error(res.message || '操作失败')
+            }
+          })
+        })
+
+      }
+
+
+    },
+    components: {
+      Edit,
+      Exposure,
+      SafetyCourse,
+      Leadership,
+      Reflect,
+      Family
+    }
+
+
+  }
+</script>
+
+<style scoped>
+  /deep/.el-tabs__item {
+    font-size: 13px;
+    color: #666;
+  }
+</style>

src/views/threeViolations/tFPasses/leadership.vue

+<template>
+  <div class="form-detail">
+    <el-form  ref="form" label-width='80px'  :model="form" >
+       <el-row style="width: 100%;" :gutter="20">
+         <el-col :span="12">
+           <el-form-item label="谈话层级">
+             <el-input  rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="12">
+           <el-form-item label="教育人">
+            <el-input></el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="12">
+           <el-form-item label="被教育人">
+             <el-input  rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="12">
+           <el-form-item label="教育时间">
+             <el-date-picker></el-date-picker>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="谈话内容">
+             <el-input type="textarea"  rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="附件">
+            <el-upload
+              action="https://jsonplaceholder.typicode.com/posts/"
+              list-type="picture-card"
+              :on-preview="handlePictureCardPreview"
+              :on-remove="handleRemove">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+           </el-form-item>
+
+          <el-dialog :visible.sync="dialogVisible">
+            <img width="100%" :src="dialogImageUrl" alt="">
+          </el-dialog>
+
+         </el-col>
+
+       </el-row>
+     </el-form>
+  </div>
+
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+
+
+      }
+    },
+    methods: {
+       handleRemove(file, fileList) {
+              console.log(file, fileList);
+            },
+            handlePictureCardPreview(file) {
+              this.dialogImageUrl = file.url;
+              this.dialogVisible = true;
+            }
+    }
+  }
+</script>
+
+<style scoped>
+  .form-detail{
+    height: 500px;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+</style>

src/views/threeViolations/tFPasses/reflect.vue

+<template>
+  <div class="form-detail">
+    <el-form ref="form" label-width='80px'  :model="form" >
+       <el-row style="width: 100%;" :gutter="20">
+         <el-col :span="24">
+           <el-form-item label="教育人">
+             <el-input  rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="教育时间">
+             <el-date-picker></el-date-picker>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="教育内容">
+             <el-input type="textarea"  rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="附件">
+            <el-upload
+              action="https://jsonplaceholder.typicode.com/posts/"
+              list-type="picture-card"
+              :on-preview="handlePictureCardPreview"
+              :on-remove="handleRemove">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+           </el-form-item>
+
+          <el-dialog :visible.sync="dialogVisible">
+            <img width="100%" :src="dialogImageUrl" alt="">
+          </el-dialog>
+
+         </el-col>
+
+       </el-row>
+     </el-form>
+  </div>
+
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+
+
+      }
+    },
+    methods: {
+       handleRemove(file, fileList) {
+              console.log(file, fileList);
+            },
+            handlePictureCardPreview(file) {
+              this.dialogImageUrl = file.url;
+              this.dialogVisible = true;
+            }
+    }
+  }
+</script>
+
+<style scoped>
+  .form-detail{
+    height: 500px;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+</style>

src/views/threeViolations/tFPasses/safetyCourse.vue

+<template>
+  <div class="form-detail">
+    <el-form ref="form" label-width='80px'  :model="form" >
+       <el-row :gutter="20">
+         <el-col :span="24">
+           <el-form-item label="教育人">
+             <el-input  rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="教育时间">
+             <el-date-picker></el-date-picker>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="教育内容">
+             <el-input type="textarea"  rows="5" >
+             </el-input>
+           </el-form-item>
+         </el-col>
+         <el-col :span="24">
+           <el-form-item label="附件">
+            <el-upload
+              action="https://jsonplaceholder.typicode.com/posts/"
+              list-type="picture-card"
+              :on-preview="handlePictureCardPreview"
+              :on-remove="handleRemove">
+              <i class="el-icon-plus"></i>
+            </el-upload>
+           </el-form-item>
+
+          <el-dialog :visible.sync="dialogVisible">
+            <img width="100%" :src="dialogImageUrl" alt="">
+          </el-dialog>
+
+         </el-col>
+
+       </el-row>
+     </el-form>
+  </div>
+
+</template>
+
+<script>
+  export default {
+    data() {
+      return {
+
+
+      }
+    },
+    methods: {
+       handleRemove(file, fileList) {
+              console.log(file, fileList);
+            },
+            handlePictureCardPreview(file) {
+              this.dialogImageUrl = file.url;
+              this.dialogVisible = true;
+            }
+    }
+  }
+</script>
+
+<style scoped>
+  .form-detail{
+    height: 500px;
+    width: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+  }
+</style>