登录请求接口取消、设备切换图标和弹窗关闭按钮增大

yangfeng

2024-02-06 7edf66cafb871c5fb28911dfb02611ef5c9910b2

登录请求接口取消、设备切换图标和弹窗关闭按钮增大

 src/components/CommonModal.vue

@@ -7,7 +7,7 @@
            <slot name="title"></slot>
          </div>
          <div class="modal-title-close" @click="closeModal">
            <el-icon :size="22"><CloseBold /></el-icon>
            <el-icon :size="36"><CloseBold /></el-icon>
          </div>
        </div>
      </template>

 src/stores/tasks.ts

@@ -4,12 +4,14 @@
import type { TaskListParams, TaskInfoParams } from '@/api'
import { getTaskList, getTaskInfo } from '@/api'
import { isNumber } from 'lodash-es'
import { getToken } from '@/common/utils/index'

export interface ChannelMoreBtnStatus {
  /** true 任务未加载完  false 所有任务已经加载完成*/
  [channel: number]: boolean
}

const token = getToken()
export const useTasksStore = defineStore('tasks', () => {
  const channels = ref<TasksGroupByChannel>({})

@@ -28,6 +30,7 @@
      limit: 3,
      deviceID: localStorage.getItem('currentDeviceID') || ''
    }

    return getTaskList(params)
      .then((res) => {
        channels.value = res.data
@@ -51,7 +54,7 @@
      return !!taskList?.length
    })

    if (firstNotEmptyChannel) {
    if (firstNotEmptyChannel && (token !== null || token !== '' || token !== 'undefined')) {
      const channelNumber = +firstNotEmptyChannel[0]
      // activeTask.value = channels[channelNumber].Tasks[0]
      console.log(channels[channelNumber].Tasks[0].Procedure.ID, '1111')
@@ -81,7 +84,7 @@
   */
  function autoSelectTask(channel: number) {
    const currentChannelTaskList = channels.value[channel].Tasks
    if (currentChannelTaskList?.length) {
    if (currentChannelTaskList?.length && (token !== null || token !== '' || token !== 'undefined')) {
      // activeTask.value = currentChannelTaskList[0].Procedure.ID
      const params: TaskInfoParams = {
        deviceID: localStorage.getItem('currentDeviceID') || '',
@@ -114,9 +117,13 @@
   * 刷新所有数据
   */
  function reloadChannel(channel: number) {
    return getChannels(currentType.value).then(() => {
      autoSelectTask(channel)
    })
    if (token !== null || token !== '' || token !== 'undefined') {
      return getChannels(currentType.value).then(() => {
        autoSelectTask(channel)
      })
    } else {
      return
    }
  }

  function reloadAllData() {
@@ -132,16 +139,19 @@
      limit: 10,
      deviceID: localStorage.getItem('currentDeviceID') || ''
    }
    getTaskList(params)
      .then((res) => {
        const existTasks = channels.value![channelNumber].Tasks ?? []
        channels.value[channelNumber] = res.data[channelNumber] ?? {}
        channels.value[channelNumber].Tasks = channels.value[channelNumber].Tasks ?? []
        channels.value[channelNumber].Tasks = [...existTasks, ...channels.value[channelNumber].Tasks]
      })
      .catch((err) => {
        console.error(err)
      })

    if (token !== null || token !== '' || token !== 'undefined') {
      getTaskList(params)
        .then((res) => {
          const existTasks = channels.value![channelNumber].Tasks ?? []
          channels.value[channelNumber] = res.data[channelNumber] ?? {}
          channels.value[channelNumber].Tasks = channels.value[channelNumber].Tasks ?? []
          channels.value[channelNumber].Tasks = [...existTasks, ...channels.value[channelNumber].Tasks]
        })
        .catch((err) => {
          console.error(err)
        })
    }
  }

  function foldChannelTasksBtn(channelNumber: number) {

 src/views/dashboard/components/DashboardTitle.vue

@@ -196,7 +196,7 @@
      float: left;
    }
    .text-icon {
      font-size: 32px;
      font-size: 40px;
      margin-left: 4px;
      cursor: pointer;
    }

 src/views/dashboard/index.vue

@@ -131,6 +131,8 @@
import { updateCraftParams } from '@/api'
import { Loading } from '@element-plus/icons-vue'
import { isNumber } from 'lodash-es'
import { getToken } from '@/common/utils/index'
const token = getToken()

defineOptions({
  name: 'DashboardView'
@@ -172,9 +174,11 @@
 * @param task
 */
function reloadChannel(task: Task) {
  tasksStore.reloadChannel(task.Channel).then(() => {
    // plcStore.startPollingPLC()
  })
  // if (token !== null || token !== '' || token !== 'undefined') {
  //   tasksStore.reloadChannel(task.Channel).then(() => {
  //     // plcStore.startPollingPLC()
  //   })
  // }
}

function reloadAllData() {

 src/views/login/loginView.vue

@@ -78,11 +78,9 @@
const captchaId = ref('')

const getCaptchaData = () => {
  getCaptcha().then((rsp) => {
    if (rsp.code == 200) {
      captcha.value = rsp.data.picPath
      captchaId.value = rsp.data.captchaId
    }
  getCaptcha().then((rsp: any) => {
    captcha.value = rsp?.data?.picPath
    captchaId.value = rsp?.data?.captchaId
  })
}
onMounted(() => {
@@ -107,19 +105,17 @@
        password: ruleForm.pass,
        captcha: ruleForm.code,
        captchaId: captchaId.value
      }).then((rsp) => {
        if (rsp.code == 200) {
          console.log(rsp)
          setToken(rsp.data.token)
          ElMessage({
            message: '登录成功！',
            type: 'success'
          })
          ruleForm.accountNumber = ''
          ruleForm.pass = ''
          ruleForm.code = ''
          router.push('/')
        }
      }).then((rsp: any) => {
        console.log(rsp)
        setToken(rsp?.data?.token)
        ElMessage({
          message: '登录成功！',
          type: 'success'
        })
        ruleForm.accountNumber = ''
        ruleForm.pass = ''
        ruleForm.code = ''
        router.push('/')
      })
    } else {
      console.log('error submit!')