马宇豪
2024-11-26 bd19a941293d124d7c58c6d351e7e86c1fa15559
src/views/dataUpload/saftyBaseInfo/cardInfo/index.vue
@@ -17,6 +17,24 @@
              <el-table-column prop="effectiveTime" label="有效期至" show-overflow-tooltip></el-table-column>
              <el-table-column prop="dueTime" label="到期提醒时间" show-overflow-tooltip></el-table-column>
              <el-table-column prop="notifyUser" label="提醒人" show-overflow-tooltip></el-table-column>
              <el-table-column prop="cateType" label="分类标识" show-overflow-tooltip>
                <template #default="scope">
                  {{getTypeName(scope.row.cateType)}}
                </template>
              </el-table-column>
              <el-table-column prop="files" label="附件" show-overflow-tooltip>
                <template #default="scope">
                  <div v-if="scope.row.files && scope.row.files !== ''">
                    <el-image
                        v-for="(item,index) in scope.row.files.split(',')"
                        style="width: 50px; height: 50px"
                        :src="item"
                        fit="cover"
                        :preview-teleported= true
                    />
                  </div>
                </template>
              </el-table-column>
              <el-table-column label="操作" width="140">
                  <template #default="scope">
                      <el-button size="small" text type="primary" @click="openDialog('update',scope.row)">重新上报</el-button>
@@ -47,7 +65,13 @@
    pageIndex: number
    pageSize: number
  }
  cateTypeList: Array<typeList>
  total: null | number
}
interface typeList{
  value: string
  label: string
}
export default defineComponent({
@@ -62,7 +86,37 @@
          pageIndex: 1,
          pageSize: 10
        },
        total: null
        total: null,
        cateTypeList: [
          {
            value: 'CATETYPE1',
            label: '营业执照'
          },
          {
            value: 'CATETYPE2',
            label: '安全生产许可证'
          },
          {
            value: 'CATETYPE3',
            label: '危险化学品登记证'
          },
          {
            value: 'CATETYPE4',
            label: '主要负责人考核合格证'
          },
          {
            value: 'CATETYPE5',
            label: '安全管理人员考核合格证'
          },
          {
            value: 'CATETYPE6',
            label: '特种作业人员操作证'
          },
          {
            value: 'CATETYPE0',
            label: '其他'
          }
        ]
      });
      // 页面加载时
@@ -84,7 +138,11 @@
      }
      const openDialog=(type:string,data:object)=>{
        reportRef.value.open(type,data)
        reportRef.value.open(type,data,state.cateTypeList)
      }
      const getTypeName = (type: string)=>{
        return state.cateTypeList.find(i=>i.value == type)?.label
      }
      // 删除用户
@@ -125,6 +183,7 @@
      return {
        reportRef,
        openDialog,
        getTypeName,
        getData,
        onRowDel,
        onHandleSizeChange,