隐患标准库

src/api/knowledge/HiddenStandards/index.ts

@@ -0,0 +1,18 @@
+import request from '@/utils/request';
+// 获取隐患标准列表
+export function workList(params) {
+  return request({
+    url: '/api/hazardStandards/select',
+    method: 'get',
+    params: params
+  });
+}
+
+// 删除
+export function workDelete(data) {
+  return request({
+    url: '/api/hazardStandards/delete',
+    method: 'delete',
+    data: data
+  });
+}

src/api/knowledge/HiddenStandards/types.ts

@@ -0,0 +1,6 @@
+export interface StandardsQuery {
+  pageNum: number;
+  pageSize: number;
+  StandardsType?: string; // 添加 StandardsType 属性
+  dictType?: string;
+}

src/views/knowledge/HiddenStandards/DataAdd.vue

@@ -0,0 +1,6 @@
+<template>
+
+</template>
+<script setup lang="ts">
+
+</script>

src/views/knowledge/HiddenStandards/index.vue

@@ -1,269 +1,186 @@
 <template>
-  <div class="app-container">
-    <div v-show="!dialog.visible">
-      <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
-        <div v-show="showSearch">
-          <el-form ref="queryFormRef" :model="queryParams">
-            <el-row :gutter="20">
-              <!-- 第一行 -->
-              <el-col :span="6">
-                <el-form-item label="标准类型：" prop="dictName">
-                  <el-select v-model="queryParams.dictName" placeholder="全部" clearable @change="handleQuery">
-                    <el-option v-for="item in dictOptions" :key="item.value" :label="item.label" :value="item.value" />
-                  </el-select>
-                </el-form-item>
-              </el-col>
-              <el-col :span="6">
-                <el-form-item label="字典类型：" prop="dictType">
-                  <el-input v-model="queryParams.dictType" placeholder="请输入文件名称" clearable @keyup.enter="handleQuery" />
-                </el-form-item>
-              </el-col>
-              <!--              <el-col :span="6">-->
-              <!--                <el-form-item label="创建时间：">-->
-              <!--                  <el-date-picker-->
-              <!--                    v-model="dateRange"-->
-              <!--                    value-format="YYYY-MM-DD HH:mm:ss"-->
-              <!--                    type="daterange"-->
-              <!--                    range-separator="-"-->
-              <!--                    start-placeholder="开始日期"-->
-              <!--                    end-placeholder="结束日期"-->
-              <!--                    :default-time="[new Date(2000, 1, 1, 0, 0, 0), new Date(2000, 1, 1, 23, 59, 59)]"-->
-              <!--                  ></el-date-picker>-->
-              <!--                </el-form-item>-->
-              <!--              </el-col>-->
-              <el-col :span="6">
-                <el-form-item>
+  <div>
+    <div v-show="!DataAddState.show" class="app-container">
+      <div>
+        <transition name="fade">
+          <div v-show="showSearch">
+            <el-form ref="queryFormRef" :model="queryParams">
+              <el-row :gutter="20">
+                <el-col :span="6">
+                  <el-form-item label="标准类型：" prop="standard_type" label-width="auto">
+                    <el-select v-model="queryParams.standard_type" placeholder="全部" clearable>
+                      <el-option v-for="item in businessOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="6">
+                  <el-form-item label="文件名称：" prop="file_title" label-width="auto">
+                    <el-input v-model="queryParams.file_title" placeholder="请输入文件名称" clearable @keyup.enter="handleQuery" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="6">
                   <el-button type="primary" @click="handleQuery">搜索</el-button>
                   <el-button @click="resetQuery">重置</el-button>
-                </el-form-item>
-              </el-col>
-            </el-row>
-          </el-form>
-        </div>
-      </transition>
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
-          <el-button v-hasPermi="['system:dict:add']" type="primary" icon="Plus" @click="handleAdd">新建</el-button>
-        </el-col>
-        <!--        <el-col :span="1.5">-->
-        <!--          <el-button v-hasPermi="['system:dict:edit']" type="success" plain icon="Edit" :disabled="single" @click="handleUpdate()">修改</el-button>-->
-        <!--        </el-col>-->
-        <el-col :span="1.5">
-          <el-button v-hasPermi="['system:dict:remove']" type="danger" plain icon="Delete" :disabled="multiple" @click="handleDelete()">
-            删除
-          </el-button>
-        </el-col>
-        <!--        <el-col :span="1.5">-->
-        <!--          <el-button v-hasPermi="['system:dict:export']" type="warning" plain icon="Download" @click="handleExport">导出</el-button>-->
-        <!--        </el-col>-->
-        <!--        <el-col :span="1.5">-->
-        <!--          <el-button v-hasPermi="['system:dict:remove']" type="danger" plain icon="Refresh" @click="handleRefreshCache">刷新缓存</el-button>-->
-        <!--        </el-col>-->
-        <!--      <right-toolbar v-model:showSearch="showSearch" @query-table="getList"></right-toolbar>-->
-      </el-row>
+                </el-col>
+              </el-row>
+            </el-form>
+          </div>
+        </transition>
 
-      <el-table v-loading="loading" :data="typeList" @selection-change="handleSelectionChange">
-        <el-table-column type="selection" width="55" align="center" />
-        <el-table-column label="文件编号" align="center" prop="dictId" />
-        <el-table-column label="文件名称" align="center" prop="dictName" :show-overflow-tooltip="true" />
-        <el-table-column label="标准类型" align="center" :show-overflow-tooltip="true">
-          <template #default="scope">
-            <router-link :to="'/system/dict-data/index/' + scope.row.dictId" class="link-type">
-              <span>{{ scope.row.dictType }}</span>
-            </router-link>
-          </template>
-        </el-table-column>
-        <!--        <el-table-column label="备注" align="center" prop="remark" :show-overflow-tooltip="true" />-->
-        <el-table-column label="录入时间" align="center" prop="createTime" width="180">
-          <template #default="scope">
-            <span>{{ parseTime(scope.row.createTime) }}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
-          <template #default="scope">
-            <el-text v-hasPermi="['system:menu:edit']" class="common-btn-text-primary" @click="handleUpdate(scope.row)">查看</el-text>
-            <el-text v-hasPermi="['system:menu:remove']" class="common-btn-text-danger" @click="handleDelete(scope.row)">删除</el-text>
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <pagination v-show="total > 0" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" :total="total" @pagination="getList" />
-      <!-- 添加或修改参数配置对话框 -->
-    </div>
-    <div v-show="dialog.visible" class="common-dialog">
-      <div class="common-dialog-content">
-        <div class="common-dialog-title-box">
-          <i class="common-dialog-title-icon" />
-          <div>{{ dialog.title }}</div>
-        </div>
-        <div class="common-dialog-box">
-          <el-form ref="dictFormRef" :model="form" :rules="rules" label-width="80px">
-            <el-form-item label="报告名称：" prop="dictName">
-              <el-input v-model="form.dictName" placeholder="请输入标准文件名称" clearable style="width: 468px !important" />
-            </el-form-item>
-            <el-form-item label="标准类型：" prop="dictType">
-              <el-select v-model="form.dictType" placeholder="请选择标准类型" clearable style="width: 468px !important">
-                <el-option v-for="item in dictOptions" :key="item.value" :label="item.label" :value="item.value" />
-              </el-select>
-            </el-form-item>
-<!--            <el-form-item label="备注：" prop="remark">-->
-<!--              <el-input v-model="form.remark" type="textarea" placeholder="请输入内容" clearable style="width: 468px !important"></el-input>-->
-<!--            </el-form-item>-->
-            <el-form-item label="报告附件：" prop="report">
-              <FileUpload v-model="form.fileNames" />
-            </el-form-item>
-          </el-form>
-        </div>
-        <div class="common-dialog-footer" style="display: flex; justify-content: center">
-          <el-button type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
+        <el-row :gutter="10" class="mb8">
+          <el-col :span="1.5">
+            <el-button type="primary" icon="Plus" @click="handleAdd">新建</el-button>
+          </el-col>
+          <el-col :span="1.5">
+            <el-button type="danger" plain :disabled="multiple" icon="Delete" @click="handleDelete(selectedRow)"> 删除 </el-button>
+          </el-col>
+        </el-row>
+        <!-- 表格组件 -->
+        <el-table ref="multipleTable" v-loading="loading" :data="tableData" @selection-change="handleSelectionChange">
+          <el-table-column type="selection" width="55" align="center" />
+          <el-table-column label="文件编号" align="center" prop="file_number" />
+          <el-table-column label="文件名称" align="center">
+            <template #default="scope">
+              <el-text type="primary" @click="openPatrolSubTasks(scope.row)">{{ scope.row.file_title }}</el-text>
+            </template>
+          </el-table-column>
+          <el-table-column label="标准类型" width="200" align="center" prop="standard_type" />
+          <el-table-column label="录入时间" align="center" prop="create_time" />
+          <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+            <template #default="scope">
+              <el-text class="common-btn-text-primary" @click="handleUpdate(scope.row)">查看</el-text>
+              <!--              <el-text v-if="scope.row.task_status !== '3'" class="common-btn-text-danger" @click="handleWork(scope.row)">完成任务</el-text>-->
+              <el-text class="common-btn-text-danger" @click="handleDelete(scope.row)">删除</el-text>
+            </template>
+          </el-table-column>
+        </el-table>
+        <pagination v-show="total > 0" v-model:page="queryParams.page" v-model:limit="queryParams.pageSize" :total="total" @pagination="tableData" />
       </div>
     </div>
+    <!--    <PatrolSubTasks v-if="patrolSubTasksState.show" :event-id="patrolSubTasksState.eventId" @close="handleCancel" @refreshsub="fetchWorkrData" />-->
+    <!--    <PatrolTaskEdit v-if="patrolTaskEditState.show" :event-id="patrolTaskEditState.eventId" @close="handleCancel" @refresh="fetchWorkrData" />-->
+    <DataAdd v-if="DataAddState.show" @close="handleCancel" @refresh="fetchWorkrData" />
   </div>
 </template>
-
-<script setup name="Dict" lang="ts">
-import useDictStore from '@/store/modules/dict';
-import { listType, getType, delType, addType, updateType, refreshCache } from '@/api/system/dict/type';
-import { DictTypeForm, DictTypeQuery, DictTypeVO } from '@/api/system/dict/type/types';
-
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-
-const typeList = ref<DictTypeVO[]>([]);
+<script setup lang="ts">
+import { onMounted, reactive, ref } from 'vue';
+// import PatrolSubTasks from './patrolSubTasks.vue';
+// import Add from './patrolTaskAdd.vue';
+import DataAdd from './DataAdd.vue';
+// import PatrolTaskEdit from './patrolTaskEdit.vue';
+import { workList, workDelete } from '@/api/knowledge/HiddenStandards/';
+import { to } from 'await-to-js';
+import { ElMessageBox } from 'element-plus';
 const loading = ref(true);
 const showSearch = ref(true);
+const multiple = ref(true);
 const ids = ref<Array<number | string>>([]);
 const single = ref(true);
-const multiple = ref(true);
 const total = ref(0);
-const dateRange = ref<[DateModelType, DateModelType]>(['', '']);
-
-const dictFormRef = ref<ElFormInstance>();
-const queryFormRef = ref<ElFormInstance>();
-
-const dialog = reactive<DialogOption>({
-  visible: false,
-  title: ''
+const tableData = ref([]);
+const selectedRow = ref<PatrolVO | null>(null);
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+export interface PatrolVO {
+  file_id: string;
+  file_number: string;
+  file_name: string;
+  standard_type: string;
+  file_name_desc: string;
+  file_title: string;
+  create_time: string;
+}
+const initFormData = reactive({
+  file_id: '',
+  file_number: '',
+  file_name: '',
+  standard_type: '',
+  file_name_desc: '',
+  file_title: '',
+  create_time: ''
 });
-
-const initFormData: DictTypeForm = {
-  dictId: undefined,
-  dictName: '',
-  dictType: '',
-  remark: ''
-};
-const data = reactive<PageData<DictTypeForm, DictTypeQuery>>({
+const data = reactive({
   form: { ...initFormData },
   queryParams: {
-    pageNum: 1,
+    page: 1,
     pageSize: 10,
-    dictName: '',
-    dictType: ''
-  },
-  rules: {
-    dictName: [{ required: true, message: '字典名称不能为空', trigger: 'blur' }],
-    dictType: [{ required: true, message: '字典类型不能为空', trigger: 'blur' }],
-    report: [{ required: true, message: '请上传报告附件', trigger: 'blur' }]
+    standard_type: '',
+    file_title: ''
   }
 });
+const { queryParams, form } = toRefs(data);
+// 巡查业务选项
+const businessOptions = [
+  { value: '', label: '全部' },
+  { value: '1', label: '国家版' },
+  { value: '0', label: '广东省版' }
+];
 
-// 定义 dictOptions 数组
-const dictOptions = ref([
-  { value: 'option1', label: '国家版' },
-  { value: 'option2', label: '广东省版' }
-]);
-
-const { queryParams, form, rules } = toRefs(data);
+let DataAddState = reactive({
+  show: false
+});
 
-/** 查询字典类型列表 */
-const getList = () => {
-  loading.value = true;
-  listType(proxy?.addDateRange(queryParams.value, dateRange.value)).then((res) => {
-    typeList.value = res.rows;
-    total.value = res.total;
-    loading.value = false;
-  });
+const handleCancel = () => {
+  DataAddState.show = false;
+};
+const openPatrolSubTasks = (row) => {
+  if (row) {
+    // patrolSubTasksState.eventId = row.id + ''; // 假设eventId是id字段
+    // patrolSubTasksState.show = true;
+  }
 };
-/** 取消按钮 */
-const cancel = () => {
-  reset();
-  dialog.visible = false;
+const handleAdd = () => {
+  DataAddState.show = true;
 };
-/** 表单重置 */
-const reset = () => {
-  form.value = { ...initFormData };
-  dictFormRef.value?.resetFields();
+const handleUpdate = (row) => {
+  if (row) {
+    // patrolTaskEditState.eventId = row.id + ''; // 假设eventId是id字段
+    // patrolTaskEditState.show = true;
+  }
+};
+const handleDelete = async (row) => {
+  let id = [];
+  if (row) {
+    id = [row.id];
+  } else {
+    id = ids.value;
+  }
+  const [err] = await to(proxy?.$modal.confirm('是否确认删除选择的数据项？') as any);
+  if (!err) {
+    await workDelete(id);
+    proxy.$modal.msgSuccess('删除成功');
+    fetchWorkrData();
+  }
+};
+
+const fetchWorkrData = () => {
+  loading.value = true;
+  workList(queryParams.value)
+    .then((res) => {
+      tableData.value = res.data;
+      total.value = res.total;
+    })
+    .finally(() => {
+      loading.value = false;
+    });
 };
-/** 搜索按钮操作 */
+
 const handleQuery = () => {
-  queryParams.value.pageNum = 1;
-  getList();
+  queryParams.value.page = 1;
+  fetchWorkrData();
 };
-/** 重置按钮操作 */
+// 重置查询条件
 const resetQuery = () => {
-  dateRange.value = ['', ''];
-  queryFormRef.value?.resetFields();
+  queryParams.value = { page: 1, pageSize: 10, business: '', cycle: '' };
   handleQuery();
 };
-/** 新增按钮操作 */
-const handleAdd = () => {
-  reset();
-  dialog.visible = true;
-  dialog.title = '新建隐患标准';
-};
-/** 多选框选中数据 */
-const handleSelectionChange = (selection: DictTypeVO[]) => {
-  ids.value = selection.map((item) => item.dictId);
+const handleSelectionChange = (selection) => {
+  ids.value = selection.map((item) => item.id);
+  selectedRow.value = selection.length === 1 ? selection[0] : null;
   single.value = selection.length != 1;
   multiple.value = !selection.length;
 };
-/** 修改按钮操作 */
-const handleUpdate = async (row?: DictTypeVO) => {
-  reset();
-  const dictId = row?.dictId || ids.value[0];
-  const res = await getType(dictId);
-  Object.assign(form.value, res.data);
-  dialog.visible = true;
-  dialog.title = '修改字典类型';
-};
-/** 提交按钮 */
-const submitForm = () => {
-  dictFormRef.value?.validate(async (valid: boolean) => {
-    if (valid) {
-      form.value.dictId ? await updateType(form.value) : await addType(form.value);
-      proxy?.$modal.msgSuccess('操作成功');
-      dialog.visible = false;
-      getList();
-    }
-  });
-};
-/** 删除按钮操作 */
-const handleDelete = async (row?: DictTypeVO) => {
-  const dictIds = row?.dictId || ids.value;
-  await proxy?.$modal.confirm('是否确认删除字典编号为"' + dictIds + '"的数据项？');
-  await delType(dictIds);
-  getList();
-  proxy?.$modal.msgSuccess('删除成功');
-};
-/** 导出按钮操作 */
-const handleExport = () => {
-  proxy?.download(
-    'system/dict/type/export',
-    {
-      ...queryParams.value
-    },
-    `dict_${new Date().getTime()}.xlsx`
-  );
-};
-/** 刷新缓存按钮操作 */
-const handleRefreshCache = async () => {
-  await refreshCache();
-  proxy?.$modal.msgSuccess('刷新成功');
-  useDictStore().cleanDict();
-};
 
 onMounted(() => {
-  getList();
+  fetchWorkrData();
 });
 </script>