gtqtOut.git - Gitblit

			@@ -22,37 +22,55 @@
			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="性别" prop="sex">
			<el-select v-model="ruleForm.sex" class="w100" placeholder="请选择人员性别">
			<el-option label="男" value="admin"></el-option>
			<el-option label="女" value="common"></el-option>
			<el-select v-model="ruleForm.gender" class="w100" placeholder="请选择人员性别">
			<el-option label="男" value="false"></el-option>
			<el-option label="女" value="true"></el-option>
			</el-select>
			</el-form-item>
			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="身份证号码" prop="teamName">
			<el-input v-model="ruleForm.teamName" placeholder="请输入身份证号码"></el-input>
			<el-input v-model="ruleForm.card" placeholder="请输入身份证号码"></el-input>
			</el-form-item>
			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="伤害描述">
			<el-input v-model="ruleForm.describe" type="textarea" placeholder="请输入内容" maxlength="150"></el-input>
			<el-input v-model="ruleForm.injuryDesc" type="textarea" placeholder="请输入内容"
			maxlength="150"></el-input>
			</el-form-item>
			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-form-item label="受损描述">
			<el-input v-model="ruleForm.describe" type="textarea" placeholder="请输入内容" maxlength="150"></el-input>
			<el-input v-model="ruleForm.damageDesc" type="textarea" placeholder="请输入内容"
			maxlength="150"></el-input>
			</el-form-item>
			</el-col>
			<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
			<el-button size="default" type="primary">添加</el-button>
			<el-button v-if="!disabled" size="default" type="primary" @click="onAdd()">添加</el-button>
			</el-col>
			<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
			<el-table :data="tableData" style="width: 100%">
			<el-table-column prop="姓名" label="Date" width="180" />
			<el-table-column prop="性别" label="Name" width="180" />
			<el-table-column prop="身份证" label="Address" />
			<el-table-column prop="伤害描述" label="Address" />
			<el-table-column prop="受损描述" label="Address" />
			<el-table-column prop="name" label="姓名"/>
			<el-table-column prop="gender" label="性别">
			<template #default="scope">
			<div v-if="scope.row.gender==false">
			男
			</div>
			<div v-else>
			女
			</div>
			</template>
			</el-table-column>
			<el-table-column prop="card" label="身份证"/>
			<el-table-column prop="injuryDesc" label="伤害描述"/>
			<el-table-column prop="damageDesc" label="受损描述"/>
			<el-table-column v-if="!disabled" label="操作" width="60" align="center" fixed="right">
			<template #default="scope">
			<el-button size="small" text type="primary" @click="onDelete(scope.row.id)">
			删除
			</el-button>
			</template>
			</el-table-column>
			</el-table>
			</el-col>
			</el-row>
			@@ -82,7 +100,7 @@
			FormInstance,
			// FormRules,
			} from 'element-plus'

			import {ElMessage} from 'element-plus';
			import {
			Search,
			FullScreen
			@@ -90,6 +108,7 @@
			import UserSelections from "/@/components/userSelections/index.vue"
			import CheckTemplate from '/@/components/checkTemplate/index.vue'
			import RegionsDialog from '/@/components/regionsDialog/index.vue'
			import {accidentManagementSystemApi} from '/@/api/accidentManagementSystem';

			export default defineComponent({
			name: 'openEdit',
			@@ -103,17 +122,72 @@

			const ruleFormRef = ref<FormInstance>()
			//定义表单
			const accidentExpressId = ref()
			const ruleForm = reactive({
			teamName: '', // 队伍名称
			teamLeader: '', //队伍负责人
			department: [], // 负责人部门
			phone: '', // 负责人手机
			telephone: '', // 固定电话
			accidentExpressId: accidentExpressId,
			name: '', // 姓名
			gender: '', //性别
			card: '', // 身份证
			injuryDesc: '', // 伤害描述
			damageDesc: '', // 受损描述
			});
			const tableData = ref([])
			const disabled = ref([])
			// 打开弹窗
			const openDialog = () => {
			// state.ruleForm = row;
			const openDialog = (id, type) => {
			accidentExpressId.value = id
			isShowDialog.value = true;
			disabled.value = type
			onList()
			};
			// 一览
			const onList = () => {
			accidentManagementSystemApi()
			.casualtyList(accidentExpressId.value)
			.then((res) => {
			if (res.data.code == '200') {
			tableData.value = res.data.data
			console.log('伤亡人员一览', tableData.value)
			}
			})
			};
			// 添加
			const onAdd = () => {
			if (accidentExpressId.value != null && accidentExpressId.value != '') {
			accidentManagementSystemApi()
			.casualtyAdd(ruleForm)
			.then((res) => {
			if (res.data.code == 200) {
			ElMessage({
			showClose: true,
			message: '添加成功',
			type: 'success',
			});
			onList()
			}
			})
			} else {
			ElMessage({
			showClose: true,
			message: '请先添加事故快报',
			type: 'error',
			});
			}
			};
			// 删除
			const onDelete = (id) => {
			accidentManagementSystemApi()
			.casualtyDel(id)
			.then((res) => {
			if (res.data.code == 200) {
			ElMessage({
			showClose: true,
			message: '删除成功',
			type: 'success',
			});
			onList()
			}
			})
			};
			// 关闭弹窗
			const closeDialog = () => {
			@@ -353,6 +427,11 @@
			toggleFullscreen,
			FullScreen,
			full,
			tableData,
			onAdd,
			onDelete,
			accidentExpressId,
			disabled
			};
			},
			});
			@@ -361,17 +440,21 @@
			.textarea{
			height: 168px!important;
			}

			.textarea ::v-deep .el-textarea__inner{
			height: 168px!important;
			}

			::v-deep .el-table__cell {
			font-weight: 400;
			}

			.el-divider--horizontal{
			height: 0;
			margin: 0;
			border-top: transparent;
			}

			.el-select{
			width: 100%;
			}