事故举报台账

src/router/index.ts

@@ -554,6 +554,11 @@ const router = createRouter({
 			name: 'accidentJuBao_edit',
 			component: () => import('@/view/accidentManager/accidentJuBao/accidentJuBao_edit/index.vue')
 		},
+		{
+			path: '/accidentManager/accidentJuBaoLedger/index',
+			name: 'accidentJuBaoLedger',
+			component: () => import('@/view/accidentManager/accidentJuBaoLedger/index.vue')
+		},
 	]
 })
 

src/view/accidentManager/accidentJuBao/index.vue

@@ -5,7 +5,7 @@
         <van-icon name="add" size="25" color="#000" />
       </template>
     </van-nav-bar>
-    <van-search v-model="query.discovererDesc" show-action placeholder="请输入发现人" @search="onRefresh"
+    <van-search v-if="false" v-model="query.discovererDesc" show-action placeholder="请输入发现人" @search="onRefresh"
       @cancel="handdelect" />
 
     <!-- 项目列表 -->

src/view/accidentManager/accidentJuBaoLedger/accidentJuBao_edit/index.vue

@@ -0,0 +1,735 @@
+<template>
+  <div class="h5-container">
+    <van-nav-bar :title @click-left="onClickLeft">
+    </van-nav-bar>
+    <van-form @submit="baocun" ref="formRef">
+      <van-field :readonly="ifElseReadonly" border v-model="form.accidentLocation" name="事故地点" label="事故地点"
+                 :colon="true" placeholder="事故地点"
+                 required
+                 :rules="[{ required:true, message: '请填充内容' }]"
+      />
+      <van-field
+        v-model="form.accidentTime"
+        is-link
+        readonly
+        name="datetime"
+        label="发生时间"
+        :colon="true"
+        placeholder="点击选择日期和时间"
+        @click="showDatetimePicker = !ifElseReadonly"
+        required
+        :rules="[{ required:true, message: '请选择内容' }]"
+      />
+      <!-- 日期时间选择器部分 -->
+      <van-popup
+        v-model:show="showDatetimePicker"
+        position="bottom"
+        round
+        style="max-height: 50vh;"
+      >
+        <van-date-picker
+          v-if="!dateOrTime"
+          v-model="currentDate"
+          title="选择日期"
+          :min-date="minDate"
+          :max-date="maxDate"
+          @confirm="onDateConfirm"
+          @cancel="cancelDatePicker"
+        >
+          <template #confirm>
+            <van-button type="primary" @click="onDateConfirm">下一步</van-button>
+          </template>
+          <template #cancel>
+            <van-button type="danger" @click="cancelDatePicker">取消</van-button>
+          </template>
+        </van-date-picker>
+
+        <van-time-picker
+          v-if="dateOrTime"
+          v-model="currentTime"
+          title="选择时间"
+          :columns-type="['hour', 'minute', 'second']"
+          @confirm="onConfirmDatetime"
+          @cancel="cancelTimePicker"
+        >
+          <template #confirm>
+            <van-button type="primary" @click="onConfirmDatetime">确定</van-button>
+          </template>
+          <template #cancel>
+            <van-button type="danger" @click="cancelTimePicker">取消</van-button>
+          </template>
+        </van-time-picker>
+      </van-popup>
+
+      <van-field  :readonly="ifElseReadonly" border v-model="form.sceneConditions" name="事故现场情况" label="事故现场情况"
+                 type="textarea"
+                 autosize
+                 :colon="true" placeholder="事故现场情况"
+                 required
+                 :rules="[{ required:true, message: '请填充内容' }]"
+      />
+      <van-field  :readonly="ifElseReadonly" border v-model="form.accidentSummary" name="事故简要经过" label="事故简要经过"
+                 type="textarea"
+                 autosize
+                 :colon="true" placeholder="事故简要经过"
+                 required
+                 :rules="[{ required:true, message: '请填充内容' }]"
+      />
+      
+      <van-field is-link :colon="true" readonly v-model="form.accidentType" required label="事故类型"
+                 placeholder="选择事故类型"
+                 @click="showPicker = !ifElseReadonly" :rules="[{ required: true, message: '请选择内容' }]" />
+      <van-popup :readonly="ifElseReadonly" v-model:show="showPicker" round position="bottom">
+        <van-picker :columns="yhlxs" @cancel="showPicker = false" @confirm="onConfirmYhlx" />
+      </van-popup>
+      <van-field v-model="form.seriousInjuryCount" name="重伤人数" label="重伤人数" :colon="true" readonly clickable @touchstart.stop="showSeriousInjuryCount = !ifElseReadonly"
+      required :rules="[{ required: true, message: '请输入重伤人数' }]"/>
+      <van-number-keyboard
+        :readonly="ifElseReadonly"
+        v-model="form.seriousInjuryCount"
+        :show="showSeriousInjuryCount"
+        @blur="showSeriousInjuryCount = false"
+      />
+      <van-field v-model="form.deathCount" name="死亡人数" label="死亡人数" :colon="true" readonly clickable @touchstart.stop="showDeathCount = !ifElseReadonly"
+                 required :rules="[{ required: true, message: '请输入死亡人数' }]"/>
+      <van-number-keyboard
+        :readonly="ifElseReadonly"
+        v-model="form.deathCount"
+        :show="showDeathCount"
+        @blur="showDeathCount = false"
+      />
+      <van-field v-model="form.economicLoss" name="事故经济损失" label="事故经济损失(万元)" :colon="true" readonly clickable @touchstart.stop="showEconomicLoss = !ifElseReadonly"
+                 required :rules="[{ required: true, message: '请输入事故经济损失并确认是否最多只有小数',pattern: /^\d+(\.\d{1,3})?$/ }]"/>
+      <van-number-keyboard
+        :readonly="ifElseReadonly"
+        v-model="form.economicLoss"
+        :show="showEconomicLoss"
+        theme="custom"
+        extra-key="."
+        close-button-text="完成"
+        @blur="showEconomicLoss = false"
+        @input="onInput"
+        @delete="cKeyDelete"
+      />
+      <van-field readonly border v-model="accidentLevel" name="事故等级" label="事故等级"
+                 :colon="true" placeholder="事故等级"
+      />
+
+      <van-field v-if="false" border v-model="form.unlawfulAct" name="可能存在的违法行为" label="可能存在的违法行为"
+                 type="textarea"
+                 autosize
+                 :colon="true" placeholder="可能存在的违法行为"
+                 required
+                 :rules="[{ required:true, message: '请填充内容' }]"
+      />
+      <van-field v-if="true" border v-model="form.unlawfulAct" name="可能存在的违法行为" label="可能存在的违法行为"
+                 type="textarea"
+                 :readonly="ifElseReadonly"
+                 autosize
+                 :colon="true" placeholder="可能存在的违法行为"
+      />
+
+      <van-field border v-model="form.measuresTaken" name="已采取的措施" label="已采取的措施"
+                 type="textarea"
+                 autosize
+                 :readonly="ifElseReadonly"
+                 :colon="true" placeholder="已采取的措施"
+                 required
+                 :rules="[{ required:true, message: '请填充内容' }]"
+      />
+
+      <van-field border v-model="form.otherConditions" name="其他应当报告的情况" label="其他应当报告的情况"
+                 type="textarea"
+                 autosize
+                 :readonly="ifElseReadonly"
+                 :colon="true" placeholder="其他应当报告的情况"
+      />
+      
+      <van-button v-if="!ifElseReadonly" block round type="primary" native-type="submit" style="margin-bottom: 5px;">
+        保存
+      </van-button>
+      <van-button v-if="!ifElseReadonly" block round plain type="default" @click="qvxiao">
+        取消
+      </van-button>
+      <div style="height: 10px;"></div>
+    </van-form>
+  </div>
+
+
+  <van-dialog v-model:show="showDialogVisible" title="删除文件" show-cancel-button
+              confirm-button-color="#ee0124" message="确定删除该文件吗?" @confirm="onDelete" />
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance, nextTick, computed } from 'vue';
+import { closeToast, Dialog, showFailToast, showLoadingToast, showSuccessToast, showToast } from 'vant';
+import AttachmentS3Image from '@/components/AttachmentS3Image.vue';
+import AttachmentS3 from '@/components/AttachmentS3.vue';
+import OrganizationalWithLeafUserOne from '@/components/OrganizationalWithLeafUserOne.vue';
+import OrganizationalWithLeafUser from '@/components/OrganizationalWithLeafUser.vue';
+import OrganizationalWithLeaf from '@/components/JuBaoOrganizationalWithLeaf.vue';
+
+const { proxy } = getCurrentInstance();
+
+const onClickLeft = () => {
+  history.back();
+};
+
+/* 风险隐患排查发现隐患，进行登记代码 */
+const checklistForm = ref({
+  evaluationId: '',
+  checklistType: '',
+  hiddenDangerId: ''
+});
+const saveCheckInfo = async () => {
+  let url = '/safe/ActivityRecords/save';
+  if (checklistForm.value.checklistType === 'equipment') {
+    url = '/safe/EquipmentRecords/save';
+  }
+  const param = {
+    json: JSON.stringify(checklistForm.value)
+  };
+  const res = await proxy.$axios.post(url, param);
+  if (res.data.code === 0) {
+    showSuccessToast('新增排查记录成功！');
+    sessionStorage.setItem('inspectionResult', '已排查');
+  } else {
+    showFailToast('操作失败！' + res.data.msg);
+  }
+};
+
+const ifElseReadonly = ref(false)
+const title = ref('')
+onMounted(async () => {
+  const id = proxy.$route.query.id
+  const flag = proxy.$route.query.flag
+  if('add'===flag){
+    title.value='新增事故信息'
+  }else if ('edit'===flag){
+    title.value='修改事故信息'
+  }else {
+    title.value='查看事故信息'
+  }
+  if(id){
+    const res = await proxy.$axios.get('/sgsafe/AccidentDirect/queryFormById', {
+      id
+    });
+    if(res.data.code === 0){
+      form.value = res.data.data
+    }else {
+      showToast({
+        type: 'fail',
+        message: '操作失败'+res.data.msg
+      })
+    }
+    if(flag === 'look'){
+      ifElseReadonly.value = true
+    }
+  }
+});
+
+const getTimeFormatter = (date) => {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, '0'); // 月份从 0 开始，需加 1
+  const day = String(date.getDate()).padStart(2, '0');
+  const hours = String(date.getHours()).padStart(2, '0');
+  const minutes = String(date.getMinutes()).padStart(2, '0');
+  const seconds = String(date.getSeconds()).padStart(2, '0');
+  return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+};
+
+/**表单*/
+const form = ref({
+  seriousInjuryCount:'',//重伤人数
+  deathCount:'',//死亡人数
+  economicLoss:'',//经济损失
+  accidentLevel:'',//事故等级
+});
+
+const showPicker = ref(false);
+
+const onConfirmYhlx = ({ selectedOptions }) => {
+  showPicker.value = false;
+  form.value.accidentType = selectedOptions[0].value;
+  console.log('选择的内容', form.value);
+};
+
+const yhlxs = ref([{text: '泄露', value: '泄露'},
+  {text: '坍塌', value: '坍塌'},
+  {text: '灼烫', value: '灼烫'},
+  {text: '触电', value: '触电'},
+  {text: '机械伤害', value: '机械伤害'},
+  {text: '高处坠落', value: '高处坠落'},
+  {text: '中毒窒息', value: '中毒窒息'},
+  {text: '容器爆炸', value: '容器爆炸'},
+  {text: '爆炸', value: '爆炸'},
+  {text: '火灾', value: '火灾'}]
+);
+
+const showDatetimePicker = ref(false);
+const currentDate = ref();
+const currentTime = ref();
+const minDate = ref();
+const maxDate = ref();
+
+const dateOrTime = ref(false);
+const onDateConfirm = () => {
+  // 日期选择确认后的处理
+  dateOrTime.value = true;
+};
+
+const onTimeConfirm = () => {
+  // 时间选择确认后的处理
+};
+
+const resetDatetime = () => {
+  dateOrTime.value = false;
+
+  // 初始化日期和时间
+  if (form.value.accidentTime) {
+    const dt = new Date(form.value.accidentTime);
+    currentDate.value = [dt.getFullYear(), dt.getMonth() + 1, dt.getDate()];
+    currentTime.value = [
+      String(dt.getHours()).padStart(2, '0'),
+      String(dt.getMinutes()).padStart(2, '0'),
+      String(dt.getSeconds()).padStart(2, '0')
+    ];
+  } else {
+    const now = new Date();
+    currentDate.value = [now.getFullYear(), now.getMonth() + 1, now.getDate()];
+    currentTime.value = [
+      String(now.getHours()).padStart(2, '0'),
+      String(now.getMinutes()).padStart(2, '0'),
+      String(now.getSeconds()).padStart(2, '0')
+    ];
+  }
+};
+
+const onConfirmDatetime = () => {
+  const year = currentDate.value[0];
+  const month = currentDate.value[1].toString().padStart(2, '0');
+  const day = currentDate.value[2].toString().padStart(2, '0');
+  const hours = currentTime.value[0].toString().padStart(2, '0');
+  const minutes = currentTime.value[1].toString().padStart(2, '0');
+  const seconds = currentTime.value[2].toString().padStart(2, '0');
+
+  form.value.accidentTime = `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
+  showDatetimePicker.value = false;
+  dateOrTime.value = false;
+};
+
+const showPicker2 = ref(false);
+
+const onConfirmYhdj = ({ selectedOptions }) => {
+  showPicker2.value = false;
+  form.value.hdLevel = selectedOptions[0].value;
+  console.log('选择的内容', form.value);
+};
+
+const yhdjs = ref([{ text: '一般隐患', value: '一般隐患' },
+  { text: '重大隐患', value: '重大隐患' }]
+);
+
+const formRef = ref(null);
+const qvxiao = () => {
+  showToast({
+    type: 'fail',
+    message: '操作取消！'
+  });
+  onClickLeft();
+};
+const baocun = async () => {
+  form.value.accidentLevel = accidentLevel
+  // 原有保存逻辑保持不变
+  var url = 'sgsafe/AccidentDirect/save';
+  var param = {
+    json: JSON.stringify(form.value)
+  };
+  const response = await proxy.$axios.post(url, param);
+  if (response.data.code === 0) {
+    showToast({
+      type: 'success',
+      message: '保存成功！'
+    });
+    onClickLeft();
+  } else {
+    showToast({
+      type: 'fail',
+      message: '操作失败！'
+    });
+  }
+};
+
+const handleChangeHdSelect = (value) => {
+  form.value.hdSelect = value;
+  if (value === '隐患举报') {
+    isStandardFlow.value = true;
+  } else if (value === '即查即改') {
+    isStandardFlow.value = false;
+  }
+  getYHID();
+};
+
+const guid = () => {
+  function S4() {
+    return (((1 + Math.random()) * 0x10000) | 0).toString(16).substring(1);
+  }
+
+  return (S4() + S4() + S4() + S4() + S4() + S4() + S4() + S4());
+};
+/* 发现人 */
+const leaderKey = guid();
+const PopupDepartmentLeaderNameRef = ref();
+const handleDepartmentLeaderName = () => {
+  PopupDepartmentLeaderNameRef.value.open();
+};
+
+const codeAndDesc = ref([]);
+const getDepartmentLeaderName = (item) => {
+  form.value.discoverer = item.user.userCode;
+  form.value.discovererDesc = item.user.userDesc;
+  form.value.discovererDeptCode = item.dept.deptCode;
+  form.value.discovererDept = item.dept.deptName;
+};
+
+/* 其他发现人 */
+const leaderKey2 = guid();
+const PopupDepartmentLeaderNameRef2 = ref();
+const handleDepartmentLeaderName2 = () => {
+  PopupDepartmentLeaderNameRef2.value.open();
+};
+
+const codeAndDesc2 = ref([]);
+const getDepartmentLeaderName2 = (items) => {
+  console.log('人员数据', items);
+  let codeList = [];
+  let descList = [];
+  for (let item of items) {
+    codeAndDesc2.value.push(item.userCode + '-' + item.userDesc);
+    codeList.push(item.userCode);
+    descList.push(item.userDesc);
+  }
+  form.value.discovererOther = codeList.join(',');
+  form.value.discovererOtherDesc = descList.join(',');
+};
+
+//定义一个变量切换即查即改还是标准流程
+const isStandardFlow = ref(true);
+
+//当是即查即改时得到隐患编号并赋值
+const getYHID = () => {
+  //直接请求后端返回一个隐患编号
+  console.log('getYHID');
+  if (form.value.hdSelect === '即查即改') {
+    var url = 'safe/JuBaoHiddendanger/getYhbhTemp';
+    var param = {};
+    proxy.$axios.get(url, param).then(response => {
+      if (response.data.code == '0') {
+        form.value.hdId = response.data.data;
+      } else {
+        ElMessage.error('操作失败！' + response.data.msg);
+      }
+    });
+  } else {
+    form.value.hdId = '';
+  }
+};
+
+/* 整改人 */
+const leaderKeyzgr = guid();
+const PopupDepartmentLeaderNameRefzgr = ref();
+const handleDepartmentLeaderNamezgr = () => {
+  PopupDepartmentLeaderNameRefzgr.value.open();
+};
+
+const codeAndDesczgr = ref([]);
+const getDepartmentLeaderNamezgr = (item) => {
+  form.value.repairLeader = item.user.userCode;
+  form.value.repairLeaderDesc = item.user.userDesc;
+  form.value.repairDept = item.dept.deptName;
+};
+
+/* 其他整改人 */
+const leaderKey2qtzgr = guid();
+const PopupDepartmentLeaderNameRef2qtzgr = ref();
+const handleDepartmentLeaderName2qtzgr = () => {
+  PopupDepartmentLeaderNameRef2qtzgr.value.open();
+};
+
+const codeAndDesc2qtzgr = ref([]);
+const getDepartmentLeaderName2qtzgr = (items) => {
+  console.log('人员数据', items);
+  let codeList = [];
+  let descList = [];
+  for (let item of items) {
+    codeAndDesc2qtzgr.value.push(item.userCode + '-' + item.userDesc);
+    codeList.push(item.userCode);
+    descList.push(item.userDesc);
+  }
+  form.value.repairOther = codeList.join(',');
+  form.value.repairOtherDesc = descList.join(',');
+};
+
+/* 组织树选择 */
+const showBottom = ref(false);
+const handleTableDataUserDeptUpdate = async (nodeData) => {
+  let temp = nodeData.split('-');
+  if(temp[0].length<9){
+    showFailToast('请选择四级及以下部门')
+    return
+  }
+  form.value.hdLocation = temp[1];
+  form.value.hdLocationCode = temp[0];
+  form.value.hdConfirm = temp[2]
+  // form.value.repairDept = nodeData.deptCode + '-' + nodeData.deptName
+  showBottom.value = false;
+};
+const showPickerHandle = () => {
+  showBottom.value = true;
+};
+
+/**表单*/
+
+/***********************新图******************************/
+//公共区
+import { atob } from 'js-base64';
+
+const bucket = ref(import.meta.env.VITE_BUCKET);
+
+function base64ToBlob(base64) {
+  const contentType = base64.substring(base64.indexOf(':') + 1, base64.indexOf(';'));
+  const byteCharacters = atob(base64);
+  const byteArrays = [];
+
+  for (let i = 0; i < byteCharacters.length; i++) {
+    byteArrays.push(byteCharacters.charCodeAt(i));
+  }
+
+  const byteArray = new Uint8Array(byteArrays);
+  return new Blob([byteArray], { type: contentType });
+}
+
+const headers = ref({
+  token: localStorage.getItem('token'),
+  userId: localStorage.getItem('userId')
+});
+
+//整改前
+const fileList = ref([]);
+const afterRead = (file) => {
+  const content = base64ToBlob(file.content);
+  const formData = new FormData();
+  formData.append('fId', form.value.hdPicId);
+  formData.append('bucket', bucket.value);
+  formData.append('value1', null);
+  formData.append('value2', null);
+  formData.append('value3', null);
+  formData.append('value4', null);
+  formData.append('value5', null);
+  formData.append('file', content, file.file.name);
+  let url = import.meta.env.VITE_BASE_API + '/framework/Common/uploadFileS3';
+  proxy.$axios.post(url, formData, { headers: headers.value }).then(res => {
+    if (res.data.code === 0) {
+      showSuccessToast('上传成功');
+      getTableData();
+    } else {
+      showFailToast('上传失败' + res.data.msg);
+    }
+  }).catch(error => {
+    console.log(error);
+  });
+};
+const getTableData = () => {
+  //携带自定义参数
+  var url = 'framework/Common/queryFileWithValues';
+  var param = {
+    fId: form.value.hdPicId, //必填
+    value1: null, //非必填
+    value2: null, //非必填
+    value3: null, //非必填
+    value4: null, //非必填
+    value5: null //非必填
+  };
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code === 0) {
+      for (var item of response.data.data) {
+        fileList.value.push({
+          id: item.id,
+          uploadFile: item.fileName,
+          url: import.meta.env.VITE_BASE_API +
+            '/framework/Common/downloadFileS3?bucket=' + bucket.value +
+            '&id=' + item.id
+        });
+        form.value.picBefore = fileList.value[0].url;
+      }
+    } else {
+      showFailToast('失败！' + response.data.msg);
+    }
+  });
+};
+/* 在线删除 */
+const showDialogVisible = ref(false);
+const deleteInfo = ref();
+const handleDelete = (row) => {
+  showDialogVisible.value = true;
+  deleteInfo.value = row;
+};
+const onDelete = () => {
+  let url = 'framework/Common/removeFile';
+  let param = {
+    id: deleteInfo.value.id
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code === 0) {
+      showSuccessToast('删除成功!');
+      getTableData();
+    } else {
+      showFailToast('删除失败;' + response.data.msg);
+    }
+  });
+};
+
+//隐患选择
+const selectOption = (option) => {
+  if (form.value.workId.length > 0) {
+    return;
+  }
+  form.value.hdSelect = option;
+  if (option === '隐患举报') {
+    isStandardFlow.value = true;
+  } else if (option === '即查即改') {
+    isStandardFlow.value = false;
+  }
+  getYHID();
+};
+
+/**修改发现时间**/
+// 日期选择器取消
+const cancelDatePicker = () => {
+  showDatetimePicker.value = false;
+  resetDatetime();
+};
+
+// 时间选择器取消
+const cancelTimePicker = () => {
+  resetDatetime();
+  // 重置为当前时间或从表单获取时间
+  if (form.value.accidentTime) {
+    const dt = new Date(form.value.accidentTime);
+    currentTime.value = [
+      String(dt.getHours()).padStart(2, '0'),
+      String(dt.getMinutes()).padStart(2, '0'),
+      String(dt.getSeconds()).padStart(2, '0')
+    ];
+  } else {
+    const now = new Date();
+    currentTime.value = [
+      String(now.getHours()).padStart(2, '0'),
+      String(now.getMinutes()).padStart(2, '0'),
+      String(now.getSeconds()).padStart(2, '0')
+    ];
+  }
+};
+/**修改发现时间**/
+
+/**控制显示**/
+const showSeriousInjuryCount = ref(false)
+const showDeathCount = ref(false)
+const showEconomicLoss = ref(false)
+
+/**控制输入**//*
+const onInput = (value) =>{
+  console.log('输入的值', value)
+  // 1. 过滤所有非数字和非小数点的字符（只保留数字和一个小数点）
+  // let value = val.replace(/[^\d.]/g, '');
+
+  // 2. 处理多个小数点：只保留第一个小数点，后续的小数点删除
+  // const dotIndex = value.indexOf('.');
+  if (value !== -1) {
+    // 从第一个小数点后开始，删除所有其他小数点
+    value = value.slice(0, dotIndex + 1) + value.slice(dotIndex + 1).replace(/\./g, '');
+  }
+
+  // 3. 处理开头为小数点的情况：自动补0（如 .123 → 0.123）
+  if (value.startsWith('.')) {
+    value = '0' + value;
+  }
+
+  // 4. 限制小数位最多3位：如果有小数点，截取小数点后前3位
+  if (value.includes('.')) {
+    const parts = value.split('.');
+    // 整数部分 + 小数点 + 小数部分前3位
+    value = parts[0] + '.' + (parts[1] || '').slice(0, 3);
+  }
+
+  // 5. 赋值给表单（避免空值时显示undefined）
+  form.value.economicLoss = value || '';
+}*/
+
+/**控制键盘删除**/
+const cKeyDelete = () => {
+  if (!form.value.economicLoss) return; // 为空时不操作
+
+  // 截取掉最后一个字符
+  let value = form.value.economicLoss.slice(0, -1);
+
+  // 处理删除后可能出现的不合理格式（比如只剩小数点）
+  if (value === '.') {
+    value = ''; // 如果删除后只剩小数点，清空
+  }
+
+  form.value.economicLoss = value;
+}
+
+/**计算属性**/
+//计算属性
+const accidentLevel = computed(()=>{
+  if(form.value.deathCount>=30 || form.value.economicLoss>=100000 || form.value.seriousInjuryCount>=100){
+    return '特别重大事故'
+  }else if(form.value.deathCount>=10 || form.value.economicLoss>=5000 || form.value.seriousInjuryCount>=50){
+    return '重大事故'
+  }else if(form.value.deathCount>=3 || form.value.economicLoss>=1000 || form.value.seriousInjuryCount>=10){
+    return '较大事故'
+  }else{
+    return '一般事故'
+  }
+})
+
+</script>
+
+<style scoped>
+.h5-container {
+  width: 100%;
+  box-sizing: border-box;
+  height: 100vh;
+  background-color: white;
+  padding: 10px;
+  padding-bottom: 20px;
+}
+
+.radio-group {
+  display: flex;
+  background-color: white;
+  padding: 10px;
+  border-radius: 5px;
+  margin: 10px 0;
+  gap: 10px;
+}
+
+.radio-item {
+  padding: 8px 12px;
+  border: 1px solid #222;
+  border-radius: 4px;
+  background-color: white;
+  cursor: pointer;
+  transition: background-color 0.3s ease;
+  /* 添加过渡效果 */
+}
+
+.radio-item.active {
+  background-color: #4285f4;
+  /* 选中时的蓝色 */
+  color: white;
+  border-color: #4285f4;
+}
+</style>

src/view/accidentManager/accidentJuBaoLedger/index.vue

@@ -0,0 +1,867 @@
+<template>
+  <div class="h5-container">
+    <van-nav-bar title="事故举报台账" @click-left="onClickLeft" @click-right="handAdd('add','XY')">
+      <template v-if="false" #right>
+        <van-icon name="add" size="25" color="#000" />
+      </template>
+    </van-nav-bar>
+    <van-search v-if="false" v-model="query.discovererDesc" show-action placeholder="请输入发现人" @search="onRefresh"
+      @cancel="handdelect" />
+
+    <!-- 项目列表 -->
+    <van-pull-refresh v-model="isRefreshing" success-text="刷新成功" @refresh="onRefresh">
+      <van-list v-model:loading="isLoading" :finished="isFinished" finished-text="没有更多了" offset="200" @load="onLoad">
+        <div v-for="(item, idx) in resultData" :key="item.id">
+          <van-swipe-cell @open="handleSwipeOpen(item,idx)" @close="handleSwipeClose(item,idx)" title-style="color: #007aff" style="height: 80px;" :ref="el => getSwipeCellRef(el, idx)">
+            <template #default>
+              <div class="swipe-cell-default">
+                <van-cell style="min-height: 100px; padding: 0 0 0 0; display: flex; align-items: flex-start;" @click="handAdd('look',item)">
+                  <template #title>
+                    <div class="cell-title">
+                      {{ item.hdDescription }}
+                    </div>
+                  </template>
+                  <template #label>
+                    <div>事故地点：{{ item.accidentLocation }}</div>
+                    <div>发生时间：{{ item.accidentTime }}</div>
+                    <div>事故类型：{{ item.accidentType }}</div>
+                    <div>事故等级：{{ item.accidentLevel }}</div>
+                  </template>
+                </van-cell>
+                <div v-if="false" class="swipe-cell-default-icon">
+                  <van-icon v-if="openStatus[idx]" name="arrow-double-left" @click.stop="openSwipe(idx)" />
+                  <van-icon v-else name="arrow-double-right" @click.stop="closeSwipe(idx)" />
+                </div>
+              </div>
+            </template>
+
+            <template v-if="false" #right>
+              <van-button square class="edit-button" text="编辑" @click="handAdd('edit', item)" />
+              <van-button square class="delete-button" text="删除" @click="handleDelete(item, idx)" />
+            </template>
+          </van-swipe-cell>
+        </div>
+
+      </van-list>
+    </van-pull-refresh>
+
+
+    <!-- 删除确认弹窗 -->
+    <van-dialog v-model:show="deleteDialogVisible" show-cancel-button @confirm="confirmDelete">
+      <template #title>
+        <div>删除确认</div>
+      </template>
+      <div style="padding: 30px;">确定要删除该事故记录吗？</div>
+    </van-dialog>
+
+  </div>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted, getCurrentInstance, nextTick, toRaw } from 'vue';
+import { Dialog, showDialog, showSuccessToast, showToast, Toast } from 'vant';
+
+const { proxy } = getCurrentInstance();
+
+const onClickLeft = () => {
+  history.back();
+};
+const headers = ref({
+  token: localStorage.getItem('token'),
+  userId: localStorage.getItem('userId'),
+  dept: JSON.parse(localStorage.getItem('dept'))[0].deptCode
+});
+const switchIconState = (idx) => {
+  openStatus.value[idx] = !openStatus.value[idx]
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+// const onClickRight = () =>{
+//   searchShow.value = !searchShow.value;
+// }
+
+const searchShow = ref(false);
+const query = ref({
+  discovererDesc: '',
+  hdSelect:'隐患举报'
+});
+
+function formatDate(date, format) {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+  const hours = date.getHours();
+  const minutes = date.getMinutes();
+  const seconds = date.getSeconds();
+
+  return format
+    .replace('yyyy', year)
+    .replace('MM', month.toString().padStart(2, '0'))
+    .replace('dd', day.toString().padStart(2, '0'))
+    .replace('HH', hours.toString().padStart(2, '0'))
+    .replace('mm', minutes.toString().padStart(2, '0'))
+    .replace('ss', seconds.toString().padStart(2, '0'));
+}
+
+const tableData = ref([]);
+const selectedRows = ref([]);
+const dialogVisibleLook = ref(false);
+const deleteDialogVisible = ref(false);
+const currentDeleteItem = ref([]);
+const dialogVisible = ref(false);
+const dialogVisibleFile = ref(false);
+const date = ref(null);
+
+const kz = ref(true);
+const handAdd = async (flag,item) => {
+  if('add'===flag) {
+    // 将表单数据置空
+    resetForma();
+    //todo 编辑页面
+    proxy.$router.push({
+      path: '/accidentManager/accidentJuBao/accidentJuBao_edit/index',
+      query: {
+        flag:'add'
+      }
+    });
+  }else if('edit'===flag) { 
+    proxy.$router.push({
+      path: '/accidentManager/accidentJuBao/accidentJuBao_edit/index',
+      query: {
+        id:item.id,
+        flag:'edit'
+      }
+    })
+  }else {
+    proxy.$router.push({
+      path: '/accidentManager/accidentJuBao/accidentJuBao_edit/index',
+      query: {
+        id:item.id,
+        flag:'look'
+      }
+    })
+  }
+};
+// 定义表单数据
+const form = ref({
+  hdPicId: '',
+  hdId: '',
+  hdType: '',
+  discoveryTime: '',
+  hdSubtype: '',
+  discoverer: '',
+  discovererOther: '',
+  hdDescription: '',
+  hdLevel: '',
+  bz: '',
+  hdLocation: '',
+  picBefore: '',
+
+  equipmentId: '',
+  hdmanageLevel: '',
+  handlingProcesses: '',
+  companyId: '',
+  repairLeader: '',
+  repairOther: '',
+  repairSuggest: '',
+  repairDdl: '',
+  repairDept: '',
+  acceptLeader: '',
+  acceptOther: '',
+  picAfter: '',
+  picTemp: '',
+  repairDescription: '',
+  discovererDept: '',
+  discovererDeptCode: '',
+  hdLocationCode: '',
+  hdLocationName: '',
+
+  status: '',
+
+
+  hdSelect: '隐患举报',
+  id: ''
+});
+const resetForma = () => {
+  form.value = {
+    hdPicId: '',
+    hdId: '',
+    hdType: '',
+    discoveryTime: '',
+    hdSubtype: '',
+    discoverer: '',
+    discovererOther: '',
+    hdDescription: '',
+    hdLevel: '',
+    bz: '',
+    hdLocation: '',
+    picBefore: '',
+
+    equipmentId: '',
+    hdmanageLevel: '',
+    handlingProcesses: '',
+    companyId: '',
+    repairLeader: '',
+    repairOther: '',
+    repairSuggest: '',
+    repairDdl: '',
+    repairDept: '',
+    acceptLeader: '',
+    acceptOther: '',
+    picAfter: '',
+    picTemp: '',
+    repairDescription: '',
+    status: '',
+    discovererDept: '',
+    discovererDeptCode: '',
+    hdLocationCode: '',
+    hdLocationName: '',
+
+    hdSelect: '隐患举报',
+    id: ''
+  };
+};
+
+const isRefreshing = ref(false);
+const isLoading = ref(false);
+const isFinished = ref(false);
+const currentPage = ref(1);
+const pageSize = ref(10);
+const totalRows = ref(0);
+const resultData = ref([]);
+
+const getTableData = async () => {
+  const url = 'sgsafe/AccidentDirect/query';
+  const param = {
+    page: currentPage.value,
+    rows: pageSize.value,
+    params: JSON.stringify(query.value)
+  };
+  const response = await proxy.$axios.get(url, param);
+  if (response.data.code === 0) {
+    tableData.value = response.data.data.records;
+    totalRows.value = response.data.data.total;
+    // tableData.value.forEach(item => {
+    //   switch (item.status) {
+    //     case '0':
+    //       item.status = '隐患登记';
+    //       break;
+    //     case '1':
+    //       item.status = '隐患分析确认';
+    //       break;
+    //     case '2':
+    //       item.status = '隐患整改';
+    //       break;
+    //     case '3':
+    //       item.status = '隐患验收';
+    //       break;
+    //     case '4':
+    //       item.status = '隐患销号';
+    //       break;
+    //     case '5':
+    //       item.status = '结束';
+    //       break;
+    //     case '-1':
+    //       item.status = '待提交';
+    //       break;
+    //   }
+    // });
+  } else {
+    showToast({
+      type: 'error',
+      message: '操作失败！' + response.data.msg
+    });
+  }
+};
+
+const onRefresh = () => {
+  basicReset();
+  onLoad();
+};
+
+const onLoad = async () => {
+  if (isRefreshing.value) {
+    resultData.value = [];
+    currentPage.value = 1;
+    isRefreshing.value = false;
+  }
+  try {
+    await getTableData();
+    if (pageSize.value * currentPage.value < totalRows.value) {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      currentPage.value++;
+
+    } else {
+      resultData.value = [...resultData.value, ...tableData.value];
+      openStatus.value = new Array(resultData.value.length).fill(true);
+      isFinished.value = true;
+    }
+  } catch (error) {
+    console.log(error);
+    isFinished.value = true;
+  } finally {
+    isLoading.value = false;
+  }
+};
+/* 通用方法： 重置list数据 */
+const basicReset = () => {
+  isFinished.value = false;
+  isLoading.value = true;
+  currentPage.value = 1;
+  resultData.value = [];
+};
+
+/*onMounted(() => {
+  handleSearch();
+});
+
+const handleSearch = () => {
+/!*  currentPage.value = 1;
+  isFinished.value = false;
+  tableData.value = [];*!/
+  basicReset()
+  onLoad()
+};*/
+
+const handdelect = () => {
+  query.value.discoverer = '';
+  onRefresh()
+};
+
+const handleDetailLook = (row) => {
+  form.value = { ...row };
+  proxy.$router.push({
+    name: 'taiZhang_detail',
+    query: {
+      form: form.value.id
+    }
+  });
+  // dialogVisibleLook.value = true;
+};
+const deleteId = ref('')
+const handleDelete = (item, idx) => {
+  openStatus.value[idx] = !openStatus.value[idx]
+  openStatus.value = new Array(resultData.value.length).fill(true);
+  deleteId.value = item.id
+  deleteDialogVisible.value = true;
+};
+
+const confirmDelete = () => {
+  var url = 'sgsafe/AccidentDirect/remove';
+  var param = {
+    id: deleteId.value
+  };
+  proxy.$axios.get(url, param).then(response => {
+    if (response.data.code == 0) {
+      showToast({
+        type: 'success',
+        message: '删除成功'
+      });
+      onRefresh();
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+};
+
+const edits = (row) => {
+  form.value = { ...row };
+  if (row.workId) {
+    sessionStorage.setItem('workflowQuery', JSON.stringify({
+      flowId: row.flowId,
+      workId: row.workId,
+      trackId: row.trackId,
+      // subjectionId: '0703E25C35BD11B2A553E9317BF53B18',
+      // subjectionId: '0703E25C35BD11B2A553E9317BF53B18',
+      type: '1',
+      date: new Date().getTime()
+    }));
+    proxy.$router.push({
+      path: '/yinhuan/JuBaohdLedger_detail'
+    });
+  } else {
+    proxy.$router.push({
+      path: '/yinhuan/JuBaoregistration_edit/index',
+      query: {
+        id: form.value.id
+      }
+    });
+  }
+
+};
+
+
+const resetForm = () => {
+  form.value = {
+    projectName: '',
+    projectLeader: '',
+    phone: '',
+    dept: ''
+  };
+};
+
+const baocun = () => {
+  nextTick(() => {
+    if (form.value.hdSelect === '隐患举报') {
+      form.value.status = '0';
+    } else if (form.value.hdSelect === '下发隐患') {
+      form.value.status = '2';
+    } else {
+      form.value.status = '-1';
+    }
+  });
+  // 原有保存逻辑保持不变
+  var url = 'sgsafe/JuBaoHiddendanger/save';
+  var param = {
+    json: JSON.stringify(form.value)
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == '0') {
+      showSuccessToast('保存成功！');
+      getTableData();
+      orJsons();
+      // clearDeptUsers()
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+};
+
+//处理人员code
+const repairLL = ref('');
+const repairOO = ref('');
+const acceptLL = ref('');
+const orJsons = () => {
+  // console.log('forms',form.value)
+  if (form.value.hdSelect === '隐患举报') {
+    nextTick(() => {
+      nextTick(() => {
+        repairLL.value = qq('repairLL', form.value.discoverer);//隐患发现人
+        nextTick(() => {
+          repairOO.value = qq('repairOO', form.value.discovererOther);//其他隐患发现人
+          nextTick(() => {
+            acceptLL.value = qq('acceptLL', form.value.discoverer);//隐患销号人
+          });
+        });
+      });
+
+      // acceptOO.value = qq('acceptOO', form.value.acceptOther)
+    });
+  } else {
+    // console.log('noiajdoifjpoewjfopjp')
+    nextTick(() => {
+      nextTick(() => {
+        repairLL.value = qq('repairLL', form.value.acceptLeader);//隐患发现人
+        nextTick(() => {
+          repairOO.value = qq('repairOO', form.value.acceptOther);//其他隐患发现人
+          nextTick(() => {
+            acceptLL.value = qq('acceptLL', form.value.discoverer);//隐患销号人
+          });
+        });
+      });
+
+      // acceptOO.value = qq('acceptOO', form.value.acceptOther)
+    });
+  }
+};
+
+const jsons = ref({});
+const qq = (a, val) => {
+  let aa = '';
+  var url = 'sgsafe/JuBaoHiddendanger/qqId';
+  var param = {
+    params: val
+  };
+  proxy.$axios.post(url, param).then(response => {
+    if (response.data.code == 0) {
+
+      aa = response.data.data;
+      switch (a) {
+        case 'repairLL':
+          repairLL.value = response.data.data;
+          // console.log('repairLL',repairLL.value);
+          break;
+        case 'repairOO':
+          repairOO.value = response.data.data;
+          // console.log('repairOO',repairLL.value);
+          break;
+        case 'acceptLL':
+          acceptLL.value = response.data.data;
+          // console.log('acceptLL',repairLL.value);
+          break;
+        default:
+          break;
+      }
+      jsons.value = {
+        hdConfirm: repairLL.value,
+        hdConfirmO: repairOO.value,
+        hdCancel: acceptLL.value
+      };
+
+      // 处理函数
+      function processValue(value) {
+        // 将逗号替换为分号
+        const replacedValue = value.replace(/,/g, ';');
+        // 分割值
+        const parts = replacedValue.split(';');
+        // 每个部分前加上 U_
+        const processedParts = parts.map(part => `U_${part.trim()}`);
+        // 重新组合
+        return processedParts.join(';');
+      }
+
+      // 处理整个对象
+      const processedData = {};
+      for (const key in jsons.value) {
+        if (jsons.value.hasOwnProperty(key)) {
+          processedData[key] = processValue(jsons.value[key]);
+        }
+      }
+
+      console.log('对象', toRaw(processedData));
+
+      let b = {
+        acceptL: processedData.hdConfirm,
+        acceptO: processedData.hdConfirmO,
+        id: form.value.id
+      };
+
+      if (form.value.hdSelect === '即查即改') {
+        b = {
+          hdFxr: processedData.hdCancel,
+          id: form.value.id
+        };
+      }
+
+      if (form.value.hdSelect === '隐患举报') {
+        b = {
+          // hdConfirm: processedData.hdConfirm,
+          // hdConfirmO: processedData.hdConfirmO,
+          id: form.value.id
+        };
+      }
+
+      const aaa = JSON.stringify(toRaw(b));
+      sessionStorage.setItem('variables', aaa);
+      console.log('aaa', aaa);
+    } else {
+      showToast({
+        type: 'fail',
+        message: '操作失败！' + response.data.msg
+      });
+    }
+  });
+  return aa;
+};
+
+const reback = () => {
+  // 返回逻辑
+};
+
+const deleteRow = (row) => {
+  selectedRows.value = [row];
+  handleDelete(row);
+};
+
+const deleteRowa = (row) => {
+  deleteRow(row);
+};
+
+const bm = (val) => {
+  // 部门选择逻辑
+};
+
+//提交审批流程
+import { workflowSubmit, workflowCancel } from '@/tools/workflow.js';
+
+const flowId = ref('');
+flowId.value = 'hdRwardReportingId';
+const handleSubmit2 = (val, idx) => {
+  openStatus.value[idx] = !openStatus.value[idx]
+  openStatus.value = new Array(resultData.value.length).fill(true);
+  console.log('提交');
+  console.log('selectedRows', selectedRows.value);
+  let row = val;
+  form.value = { ...row }
+  form.value.workCreate = headers.value.dept;
+
+  let b = {
+    id: form.value.id,
+    hdConfirm:form.value.hdConfirm
+  }
+  const aaa = JSON.stringify(toRaw(b))
+  sessionStorage.setItem('variables', aaa)
+
+  if (form.value.hdSelect === '隐患举报') {
+    flowId.value = 'hdRwardReportingId'
+  } 
+
+  console.log('----');
+  console.log(flowId.value);
+  console.log(sessionStorage.getItem('variables'));
+  console.log(row.workId);
+  console.log(row.trackId);
+  let titles = '隐患举报'
+  showDialog({
+    title: '提示',
+    message: '确定提交审批？',
+    showCancelButton: true,
+    confirmButtonText: '确定',
+    type: 'warning',
+    cancelButtonText: '取消'
+  }
+  ).then(() => {
+    return workflowSubmit(
+      flowId.value,
+      '隐患举报',
+      '初始化提交',
+      // JSON.stringify({}),
+      sessionStorage.getItem('variables'),
+      row.workId,
+      row.trackId);
+  }).then((result) => {
+    if (result.status === 'success') {
+      // 将结果返回的workId和trackId保存
+      var url = 'sgsafe/JuBaoHiddendanger/saveProcessInfo';
+      console.log('id', result, row.id);
+      var process = {
+        'id': form.value.id,
+        'workId': result.workId,
+        'trackId': result.trackId
+      };
+      var param = {
+        json: JSON.stringify(process)
+      };
+      proxy.$axios.post(url, param).then(response => {
+        if (response.data.code === 0) {
+          form.value = response.data.data;
+          console.log('我要进来啦保存成功');
+          showToast({
+            type: 'success',
+            message: '提交审批成功'
+          });
+          onRefresh()
+        }
+      });
+    } else {
+      showToast({
+        type: 'error',
+        message: '提交审批失败，' + result.msg
+      });
+    }
+  }).catch(() => {
+    showToast({
+      type: 'info',
+      message: '已取消提交'
+    });
+  });
+};
+
+
+const getStatusClass = (status) => {
+  switch (status) {
+    case '-1':
+      return 'status-pending';
+    case '0':
+      return 'status-registered';
+    case '1':
+      return 'status-analyzing';
+    case '2':
+      return 'status-rectifying';
+    case '3':
+      return 'status-accepting';
+    case '4':
+      return 'status-closed';
+    case '5':
+      return 'status-finished';
+    default:
+      return 'status-unknown';
+  }
+};
+
+/**
+ * 按钮实现swipe-cell滑动
+ */
+const openStatus = ref([])
+const swipeCellRefs = ref([])
+const getSwipeCellRef = (el, index) => {
+  if (el) {
+    swipeCellRefs.value[index] = el;
+  }
+}
+const openSwipe = (idx) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = false
+    swipeCellRefs.value[idx].open('right')
+  }
+  document.addEventListener('click', handleDocumentClick)
+}
+/**
+ * 当点击滑动单元格时，开始监听点击事件
+ */
+const handleDocumentClick = (event) => {
+  openStatus.value = new Array(resultData.value.length).fill(true);
+}
+
+const closeSwipe = (idx) => {
+  if (idx >= 0 && idx < swipeCellRefs.value.length) {
+    openStatus.value[idx] = true
+    swipeCellRefs.value[idx].close()
+  }
+}
+
+/**滑动监听**/
+const handleSwipeOpen = (item,idx) =>{
+  console.log('handleSwipeOpen', idx)
+  console.log('handleSwipeOpen数据', item)
+  openStatus.value[idx] = false
+}
+
+const handleSwipeClose = (item,idx) =>{
+  openStatus.value[idx] = true
+  console.log('handleSwipeClose', idx)
+  console.log('handleSwipeClose数据', item)
+}
+
+</script>
+
+<style scoped>
+.h5-container {
+  width: 100%;
+  padding: 5px;
+  box-sizing: border-box;
+}
+
+.status-pending {
+  background-color: #fff3cd;
+  color: #856404;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-registered {
+  background-color: #d1ecf1;
+  color: #0c5460;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-analyzing {
+  background-color: #fff8e1;
+  color: #ff8f00;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-rectifying {
+  background-color: #e8f5e9;
+  color: #2e7d32;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-accepting {
+  background-color: #e3f2fd;
+  color: #1565c0;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-closed {
+  background-color: #f8bbd0;
+  color: #b71c1c;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-finished {
+  background-color: #e8eaf6;
+  color: #311b92;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.status-unknown {
+  background-color: #efebe9;
+  color: #424242;
+  padding: 2px 4px;
+  border-radius: 4px;
+}
+
+.cell-title {
+  display: -webkit-box;
+  /* 旧版弹性盒子模型 */
+  -webkit-box-orient: vertical;
+  /* 内容垂直排列 */
+  -webkit-line-clamp: 2;
+  /* 限制显示行数 */
+  overflow: hidden;
+  /* 超出隐藏 */
+  text-overflow: ellipsis;
+  /* 省略号 */
+  line-height: 1.5;
+  /* 可选：设置行高 */
+  max-height: calc(1.5em * 3);
+  /* 可选：根据行高限制最大高度 */
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+  /* 字号 */
+}
+
+.swipe-cell-default {
+  display: flex;
+  background-color: #ffffff;
+  justify-content: center;
+  align-items: center;
+}
+
+.swipe-cell-default-icon {
+  width: 60px;
+  display: flex;
+  justify-content: center;
+}
+
+.delete-button {
+  height: 100%;
+  border: none;
+  color: #ff0000;
+  background-image: url('@/assets/img/del.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+.edit-button {
+  height: 100%;
+  border: none;
+  color: #F9CC9D;
+  background-image: url('@/assets/img/edit.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.submit-button {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+
+.subsuccess {
+  height: 100%;
+  border: none;
+  color: #07c160;
+  background-image: url('@/assets/img/sub1.png');
+  background-size: auto 100%;
+  background-repeat: no-repeat;
+}
+</style>