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,34 +20,34 @@
   </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({
+  const formRules = reactive({
     parkNumber: [{ required: true, message: '停车场编号不能为空', trigger: 'blur' }],
     passagewayId: [{ required: true, message: '通道Id不能为空', trigger: 'blur' }],
-})
+  })
-const formRef = ref() // 表单 Ref
+  const formRef = ref() // 表单 Ref
 
-/** 打开弹窗 */
+  /** 打开弹窗 */
-const open = async (type: string, id?: number) => {
+  const open = async (type: string, id?: number) => {
     dialogVisible.value = true
-  dialogTitle.value = t('action.' + type)
+    dialogTitle.value = type == 'upload' ? "下发指令" : t('action.' + type)
     formType.value = type
     resetForm()
     // 修改时，设置数据
@@ -65,12 +59,12 @@ const open = async (type: string, id?: number) => {
         formLoading.value = false
       }
     }
-}
+  }
-defineExpose({ open }) // 提供 open 方法，用于打开弹窗
+  defineExpose({ open }) // 提供 open 方法，用于打开弹窗
 
-/** 提交表单 */
+  /** 提交表单 */
-const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
+  const emit = defineEmits(['success']) // 定义 success 事件，用于操作成功后的回调
-const submitForm = async () => {
+  const submitForm = async () => {
     // 校验表单
     await formRef.value.validate()
     // 提交请求
@@ -79,7 +73,7 @@ const submitForm = async () => {
       const data = formData.value as unknown as LiftingRodVO
       if (formType.value === 'create') {
         await LiftingRodApi.createLiftingRod(data)
-      message.success(t('common.createSuccess'))
+        message.success('下发成功')
       } else {
         await LiftingRodApi.updateLiftingRod(data)
         message.success(t('common.updateSuccess'))
@@ -90,10 +84,10 @@ const submitForm = async () => {
     } finally {
       formLoading.value = false
     }
-}
+  }
 
-/** 重置表单 */
+  /** 重置表单 */
-const resetForm = () => {
+  const resetForm = () => {
     formData.value = {
       id: undefined,
       parkNumber: undefined,
@@ -101,5 +95,5 @@ const resetForm = () => {
       status: undefined,
     }
     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' })