feat:创建工单

张含笑

2025-11-19 4f78884dc81375cd38c36211e5a55ae795524c2b

feat:创建工单

 src/views/tickets/ticket.vue

@@ -270,18 +270,18 @@
    </el-tabs>

    <!-- 新建工单对话框 -->
   <create-ticket-dialog
  v-model="dialogVisible"
  :departments="departments"
  :department-users="departmentUsers"
  :types="types"
  :all-algorithms="allAlgorithms"
  :edit-data="editFormData"
  :map-center="inputMapShowDefaultCenter"
  @create-success="handleCreateSuccess"
  @draft-success="handleDraftSuccess"
  @create-error="handleCreateError"
/>
      <create-ticket-dialog
      v-model="dialogVisible"
      :departments="departments"
      :department-users="departmentUsers"
      :types="types"
      :all-algorithms="allAlgorithms"
      :edit-data="editFormData"
      :map-center="inputMapShowDefaultCenter"
      @create-success="handleCreateSuccess"
      @draft-success="handleDraftSuccess"
      @create-error="handleCreateError"
    />

    <!-- 工单详情对话框 -->
    <el-dialog
@@ -921,7 +921,7 @@
      },
      dialogVisible: false,
       editFormData: null, // 专门用于存储编辑数据的对象
        createoredit: '', // 可以删除这个字段，因为组件内部会判断
    
      detailVisible: false,
      currentDetail: {},
    
@@ -2621,103 +2621,7 @@
  margin-top: 12px;
}

.create-ticket-form {
  padding: 20px 10px;

  .form-section {
    background-color: #fff;
    border-radius: 4px;

    .el-row {
      margin-bottom: 16px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  .location-wrapper {
    width: 100%; // 修改为100%以适应父容器
    height: auto; // 修改为auto以自适应内容

    .map-button {
      width: 100%; // 让按钮填满容器宽度
      height: 36px; // 与其他输入框保持一致的高度
      display: flex;
      align-items: center;
      justify-content: center;

      i {
        margin-right: 4px;
      }
    }

    .location-text {
      margin-top: 8px;
      padding: 8px 12px;
      background-color: #f5f7fa;
      border-radius: 4px;
      color: #606266;
      font-size: 13px;
      line-height: 1.4;
    }
  }

  .upload-wrapper {
    .uploader {
      :deep(.el-upload--picture-card) {
        width: 120px;
        height: 100px;
        line-height: 128px;
      }

      :deep(.el-upload-list__item) {
        width: 120px;
        height: 120px;
      }
    }

    .upload-tip {
      font-size: 12px;
      color: #909399;
      line-height: 1.4;
      margin-top: 8px;
    }
  }

  .el-form-item {
    margin-bottom: 18px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  :deep(.el-form-item__label) {
    font-weight: 500;
    color: #606266;
  }

  // :deep(.el-input__inner) {
  //   height: 36px;
  //   line-height: 36px;
  // }

  :deep(.el-textarea__inner) {
    padding: 8px 12px;
  }

  // :deep(.el-input__inner),
  // :deep(.el-select),
  // :deep(.el-select .el-input) {
  //   width: 100%; // 确保所有输入框和选择框宽度一致
  // }

  .full-width {
    width: 100%;
  }
}

:deep(.el-dialog__body) {
  border-top: 0.1rem solid #f0f0f0;

 src/views/tickets/ticketComponent/CreateTicketDialog.vue

@@ -583,10 +583,107 @@
  align-items: center;
  justify-content: center;
}
.upload-tip {
  font-size: 12px;
  color: #909399;
  margin-top: 8px;

.create-ticket-form {
  padding: 20px 10px;

  .form-section {
    background-color: #fff;
    border-radius: 4px;

    .el-row {
      margin-bottom: 16px;

      &:last-child {
        margin-bottom: 0;
      }
    }
  }

  .location-wrapper {
    width: 100%; // 修改为100%以适应父容器
    height: auto; // 修改为auto以自适应内容

    .map-button {
      width: 100%; // 让按钮填满容器宽度
      height: 36px; // 与其他输入框保持一致的高度
      display: flex;
      align-items: center;
      justify-content: center;

      i {
        margin-right: 4px;
      }
    }

    .location-text {
      margin-top: 8px;
      padding: 8px 12px;
      background-color: #f5f7fa;
      border-radius: 4px;
      color: #606266;
      font-size: 13px;
      line-height: 1.4;
    }
  }

  .upload-wrapper {
    .uploader {
      :deep(.el-upload--picture-card) {
        width: 120px;
        height: 100px;
        line-height: 128px;
      }

      :deep(.el-upload-list__item) {
        width: 120px;
        height: 120px;
      }
    }

    .upload-tip {
      font-size: 12px;
      color: #909399;
      line-height: 1.4;
      margin-top: 8px;
    }
  }

  .el-form-item {
    margin-bottom: 18px;

    &:last-child {
      margin-bottom: 0;
    }
  }

  :deep(.el-form-item__label) {
    font-weight: 500;
    color: #606266;
  }

  // :deep(.el-input__inner) {
  //   height: 36px;
  //   line-height: 36px;
  // }

  :deep(.el-textarea__inner) {
    padding: 8px 12px;
  }

  // :deep(.el-input__inner),
  // :deep(.el-select),
  // :deep(.el-select .el-input) {
  //   width: 100%; // 确保所有输入框和选择框宽度一致
  // }

  .full-width {
    width: 100%;
  }
}

:deep(.el-dialog__body) {
  border-top: 0.1rem solid #f0f0f0;
}
/* 新建工单和处理工单的上传组件样式 */
.create-upload,