6/23 更改高德地图组件，统一入口

src/views/system/Repair/repairlist.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="h-full flex flex-col p-2">
-    <pageheader title="报修项目"></pageheader>
+    <pageHeader title="报修项目"></pageHeader>
     <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
       <div v-show="showSearch" class="mb-[10px]">
         <el-card shadow="hover">
@@ -20,18 +20,6 @@
     <el-card class="flex-1" shadow="never">
       <template #header>
         <el-row :gutter="10" class="mb8">
-          <!-- <el-button style="width: 100px" type="primary" plain icon="Plus" @click="handleAdd" v-has-permi="['repairProject:repairProject:add']"
-            >新增维修类</el-button
-          >
-          <el-button
-            type="danger"
-            plain
-            icon="Delete"
-            :disabled="multiple"
-            @click="handleDelete()"
-            v-has-permi="['repairProject:repairProject:remove']"
-            >删除</el-button
-          > -->
           <right-toolbar
             :disable-delete="multiple"
             :disable-edit="single"
@@ -102,51 +90,14 @@
           </template>
         </el-table-column>
       </el-table>
-
-      <!-- <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" /> -->
     </el-card>
-    <!-- 添加或修改报修维修项目管理对话框 -->
-    <el-dialog :title="dialog.title" v-model="dialog.visible" width="500px" append-to-body>
-      <el-form ref="repairProjectFormRef" :model="form" :rules="rules" label-width="80px">
-        <el-form-item label="维修项目名" prop="projectName">
-          <el-input v-model="form.projectName" placeholder="请输入维修项目名" />
-        </el-form-item>
-        <el-form-item label="父级项目id" prop="parentId">
-          <el-input v-model="form.parentId" placeholder="请输入父级项目id" />
-        </el-form-item>
-        <el-form-item label="项目层级 0，1" prop="projectLevel">
-          <el-input v-model="form.projectLevel" placeholder="请输入项目层级 0，1" />
-        </el-form-item>
-        <el-form-item label="排序 " prop="sortOrder">
-          <el-input v-model="form.sortOrder" placeholder="请输入排序 " />
-        </el-form-item>
-        <el-form-item label="创建时间" prop="cretaeTime">
-          <el-date-picker clearable v-model="form.cretaeTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择创建时间">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="创建者" prop="createBy">
-          <el-input v-model="form.createBy" placeholder="请输入创建者" />
-        </el-form-item>
-        <el-form-item label="更新时间" prop="updateTime">
-          <el-date-picker clearable v-model="form.updateTime" type="datetime" value-format="YYYY-MM-DD HH:mm:ss" placeholder="请选择更新时间">
-          </el-date-picker>
-        </el-form-item>
-        <el-form-item label="更新者" prop="updateBy">
-          <el-input v-model="form.updateBy" placeholder="请输入更新者" />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button :loading="buttonLoading" type="primary" @click="submitForm">确 定</el-button>
-          <el-button @click="cancel">取 消</el-button>
-        </div>
-      </template>
-    </el-dialog>
   </div>
 </template>
 
 <script setup name="RepairProject" lang="ts">
-import { listRepairProject, delRepairProject, addRepairProject, updateRepairProject } from '@/api/system/RepairProject';
+import pageHeader from '@/components/Pageheader/index.vue';
+import DictTag from '@/components/DictTag/index.vue';
+import { listRepairProject, delRepairProject } from '@/api/system/RepairProject';
 import { RepairProjectVO, RepairProjectQuery, RepairProjectForm } from '@/api/system/RepairProject/type';
 import { checkPermi } from '@/utils/permission';
 
@@ -157,7 +108,6 @@ const { com_repair_project_types } = toRefs<any>(proxy?.useDict('com_repair_proj
 
 const router = useRouter();
 const repairProjectList = ref<RepairProjectVO[]>([]);
-const buttonLoading = ref(false);
 const loading = ref(true);
 const showSearch = ref(true);
 const ids = ref<Array<string | number>>([]);
@@ -166,12 +116,6 @@ const multiple = ref(true);
 const total = ref(0);
 
 const queryFormRef = ref<ElFormInstance>();
-const repairProjectFormRef = ref<ElFormInstance>();
-
-const dialog = reactive<DialogOption>({
-  visible: false,
-  title: ''
-});
 
 const initFormData: RepairProjectForm = {
   id: undefined,
@@ -181,7 +125,6 @@ const initFormData: RepairProjectForm = {
   projectLevel: undefined,
   sortOrder: undefined,
   status: undefined,
-  cretaeTime: undefined,
   createBy: undefined,
   updateTime: undefined,
   updateBy: undefined
@@ -201,7 +144,7 @@ const data = reactive<PageData<RepairProjectForm, RepairProjectQuery>>({
   rules: {}
 });
 
-const { queryParams, form, rules } = toRefs(data);
+const { queryParams } = toRefs(data);
 
 /** 查询报修维修项目管理列表 */
 const getList = async () => {
@@ -229,18 +172,6 @@ const getList = async () => {
   loading.value = false;
 };
 
-/** 取消按钮 */
-const cancel = () => {
-  reset();
-  dialog.visible = false;
-};
-
-/** 表单重置 */
-const reset = () => {
-  form.value = { ...initFormData };
-  repairProjectFormRef.value?.resetFields();
-};
-
 /** 搜索按钮操作 */
 const handleQuery = () => {
   queryParams.value.pageNum = 1;
@@ -268,7 +199,7 @@ const handleAdd = () => {
 };
 
 /** 修改按钮操作 */
-const handleUpdate = async (row?: RepairProjectVO) => {
+const handleUpdate = (row?: RepairProjectVO) => {
   const _id = row?.id || ids.value[0];
   router.push({
     path: '/system/editRepairProjectList',
@@ -278,25 +209,12 @@ const handleUpdate = async (row?: RepairProjectVO) => {
   });
 };
 
-/** 提交按钮 */
-const submitForm = () => {
-  repairProjectFormRef.value?.validate(async (valid: boolean) => {
-    if (valid) {
-      buttonLoading.value = true;
-      if (form.value.id) {
-        await updateRepairProject(form.value).finally(() => (buttonLoading.value = false));
-      } else {
-        await addRepairProject(form.value).finally(() => (buttonLoading.value = false));
-      }
-      proxy?.$modal.msgSuccess('操作成功');
-      dialog.visible = false;
-      await getList();
-    }
-  });
-};
-
 /** 删除按钮操作 */
 const handleDelete = async (row?: RepairProjectVO) => {
+  if (row.projectLevel === 0 && row.children && Array.isArray(row.children) && row.children.length > 0) {
+    await proxy?.$modal.confirm('当前分类下存在子级数据，请先删除所有子级内容后，再删除当前父级！').finally(() => (loading.value = false));
+    return;
+  }
   const _ids = row?.id || ids.value;
   await proxy?.$modal.confirm('该信息删除后无法恢复，确定要删除吗？').finally(() => (loading.value = false));
   await delRepairProject(_ids);