微调

src/utils/dict.ts

@@ -228,5 +228,8 @@ export enum DICT_TYPE {
   // ========== TICKET - 票务系统模块  ==========
   ASSET_STATUS_TYPE = 'asset_status_type', // 设备状态
   TRANSACTION_TYPE_NO = 'transaction_type_no', // 交易类型（订单类型）
-  CERTIFICATE_TYPE = 'certificate_type' // 证件类型
+  CERTIFICATE_TYPE = 'certificate_type', // 证件类型
+  
+  // ========== LIFT_ROD - 远程抬杠模块  ==========
+  LIFTINGROD_STATUS = 'liftingrod_status'
 }

src/views/Home/Index.vue

@@ -43,7 +43,7 @@
   <!-- <el-card style="width: 100%; margin: 8px 0; text-align: center;" shadow="never"> -->
     <div class="flex flex-wrap gap-4" style="float: right;">
       <el-card
-style="width: 230px;margin: 8px 0;text-align: center;color:#409eff; cursor: pointer;" shadow="hover"
+style="width: 170px;margin: 8px 0;text-align: center;color:#409eff; cursor: pointer;" shadow="hover"
         @click="goToXXLJob">任务调度中心</el-card>
     </div>
   <!-- </el-card> -->

src/views/parking/instructiondelivery/liftingrod/LiftingRodForm.vue

@@ -1,12 +1,6 @@
 <template>
   <Dialog :title="dialogTitle" v-model="dialogVisible">
-    <el-form
+    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="100px" v-loading="formLoading">
-      ref="formRef"
-      :model="formData"
-      :rules="formRules"
-      label-width="100px"
-      v-loading="formLoading"
-    >
       <el-form-item label="停车场编号" prop="parkNumber">
         <el-input v-model="formData.parkNumber" placeholder="请输入停车场编号" />
       </el-form-item>
@@ -26,80 +20,80 @@
   </Dialog>
 </template>
 <script setup lang="ts">
-import { LiftingRodApi, LiftingRodVO } from '@/api/parking/instructiondelivery/liftingrod'
+  import { LiftingRodApi, LiftingRodVO } from '@/api/parking/instructiondelivery/liftingrod'
 
-/** 远程抬杠日志 表单 */
+  /** 远程抬杠日志 表单 */
-defineOptions({ name: 'LiftingRodForm' })
+  defineOptions({ name: 'LiftingRodForm' })
 
-const { t } = useI18n() // 国际化
+  const { t } = useI18n() // 国际化
-const message = useMessage() // 消息弹窗
+  const message = useMessage() // 消息弹窗
 
-const dialogVisible = ref(false) // 弹窗的是否展示
+  const dialogVisible = ref(false) // 弹窗的是否展示
-const dialogTitle = ref('') // 弹窗的标题
+  const dialogTitle = ref('') // 弹窗的标题
-const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
+  const formLoading = ref(false) // 表单的加载中：1）修改时的数据加载；2）提交的按钮禁用
-const formType = ref('') // 表单的类型：create - 新增；update - 修改
+  const formType = ref('') // 表单的类型：create - 新增；update - 修改
-const formData = ref({
+  const formData = ref({
-  id: undefined,
-  parkNumber: undefined,
-  passagewayId: undefined,
-  status: undefined,
-})
-const formRules = reactive({
-  parkNumber: [{ required: true, message: '停车场编号不能为空', trigger: 'blur' }],
-  passagewayId: [{ required: true, message: '通道Id不能为空', trigger: 'blur' }],
-})
-const formRef = ref() // 表单 Ref
-
-/** 打开弹窗 */
-const open = async (type: string, id?: number) => {
-  dialogVisible.value = true
-  dialogTitle.value = t('action.' + type)
-  formType.value = type
-  resetForm()
-  // 修改时，设置数据
-  if (id) {
-    formLoading.value = true
-    try {
-      formData.value = await LiftingRodApi.getLiftingRod(id)
-    } finally {
-      formLoading.value = false
-    }
-  }
-}
-defineExpose({ open }) // 提供 open 方法，用于打开弹窗
-
-/** 提交表单 */
-const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
-const submitForm = async () => {
-  // 校验表单
-  await formRef.value.validate()
-  // 提交请求
-  formLoading.value = true
-  try {
-    const data = formData.value as unknown as LiftingRodVO
-    if (formType.value === 'create') {
-      await LiftingRodApi.createLiftingRod(data)
-      message.success(t('common.createSuccess'))
-    } else {
-      await LiftingRodApi.updateLiftingRod(data)
-      message.success(t('common.updateSuccess'))
-    }
-    dialogVisible.value = false
-    // 发送操作成功的事件
-    emit('success')
-  } finally {
-    formLoading.value = false
-  }
-}
-
-/** 重置表单 */
-const resetForm = () => {
-  formData.value = {
     id: undefined,
     parkNumber: undefined,
     passagewayId: undefined,
     status: undefined,
+  })
+  const formRules = reactive({
+    parkNumber: [{ required: true, message: '停车场编号不能为空', trigger: 'blur' }],
+    passagewayId: [{ required: true, message: '通道Id不能为空', trigger: 'blur' }],
+  })
+  const formRef = ref() // 表单 Ref
+
+  /** 打开弹窗 */
+  const open = async (type: string, id?: number) => {
+    dialogVisible.value = true
+    dialogTitle.value = type == 'upload' ? "下发指令" : t('action.' + type)
+    formType.value = type
+    resetForm()
+    // 修改时，设置数据
+    if (id) {
+      formLoading.value = true
+      try {
+        formData.value = await LiftingRodApi.getLiftingRod(id)
+      } finally {
+        formLoading.value = false
+      }
+    }
+  }
+  defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+
+  /** 提交表单 */
+  const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+  const submitForm = async () => {
+    // 校验表单
+    await formRef.value.validate()
+    // 提交请求
+    formLoading.value = true
+    try {
+      const data = formData.value as unknown as LiftingRodVO
+      if (formType.value === 'create') {
+        await LiftingRodApi.createLiftingRod(data)
+        message.success('下发成功')
+      } else {
+        await LiftingRodApi.updateLiftingRod(data)
+        message.success(t('common.updateSuccess'))
+      }
+      dialogVisible.value = false
+      // 发送操作成功的事件
+      emit('success')
+    } finally {
+      formLoading.value = false
+    }
+  }
+
+  /** 重置表单 */
+  const resetForm = () => {
+    formData.value = {
+      id: undefined,
+      parkNumber: undefined,
+      passagewayId: undefined,
+      status: undefined,
+    }
+    formRef.value?.resetFields()
   }
-  formRef.value?.resetFields()
-}
 </script>

src/views/parking/instructiondelivery/liftingrod/index.vue

@@ -6,7 +6,7 @@
       :model="queryParams"
       ref="queryFormRef"
       :inline="true"
-      label-width="68px"
+      label-width="auto"
     >
       <el-form-item label="停车场编号" prop="parkNumber">
         <el-input
@@ -53,10 +53,10 @@
         <el-button
           type="primary"
           plain
-          @click="openForm('create')"
+          @click="openForm('upload')"
           v-hasPermi="['parking:lifting-rod:create']"
         >
-          <Icon icon="ep:plus" class="mr-5px" /> 新增
+          <Icon icon="ep:plus" class="mr-5px" /> 下发指令
         </el-button>
         <el-button
           type="success"
@@ -84,7 +84,12 @@
         :formatter="dateFormatter"
         width="180px"
       />
-      <el-table-column label="状态" align="center" prop="status" />
+      
+      <el-table-column label="状态" align="center" prop="status" >
+        <template #default="scope">
+          <dict-tag :type="DICT_TYPE.LIFTINGROD_STATUS" :value="scope.row.status" />
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center">
         <template #default="scope">
           <el-button
@@ -124,6 +129,7 @@ import { dateFormatter } from '@/utils/formatTime'
 import download from '@/utils/download'
 import { LiftingRodApi, LiftingRodVO } from '@/api/parking/instructiondelivery/liftingrod'
 import LiftingRodForm from './LiftingRodForm.vue'
+import { getStrDictOptions, DICT_TYPE } from '@/utils/dict'
 
 /** 远程抬杠日志 列表 */
 defineOptions({ name: 'LiftingRod' })