添加手机校验

马宇豪

2023-10-31 c7bd1a3fd46b5d5f887ce4f674387294ee1e8ccd

 src/views/Admin/history.vue

@@ -1,7 +1,7 @@
<template>

  <div class="inner">

    <a-row type="flex" justify="space-between" style="margin-bottom: 20px">

      <a-col :span="8">

      <a-col :span="4">

        <a-radio-group v-model="search.searchParams.emergType" @change="getData">

          <a-radio-button :value="null">

            全部

@@ -14,8 +14,8 @@
          </a-radio-button>

        </a-radio-group>

      </a-col>

      <a-col :span="16">

        <a-row type="flex" justify="end" :gutter="12">

      <a-col :span="20">

        <a-row type="flex" justify="end" :gutter="18">

          <a-col :span="8">

            <a-range-picker

                v-model="timeRange"

@@ -26,8 +26,11 @@
                style="width: 100%"

            />

          </a-col>

          <a-col :span="4">

            <a-button type="primary" @click="getData">查询</a-button>

          <a-col :span="6">

            <a-input v-model="search.searchParams.publishingUnit" placeholder="单位名称" style="width: 100%"/>

          </a-col>

          <a-col :span="6">

            <a-button type="primary" @click="searchData">查询</a-button>

            <a-button style="margin-left: 12px" @click="resetSearch">重置</a-button>

          </a-col>

        </a-row>

@@ -60,9 +63,9 @@
            <a-button @click="viewFile(item)" type="link" v-for="(item,index) in attachment" :key="index"><a-icon type="paper-clip"/>{{item.attachmentName}}</a-button>

          </div>

        </template >

        <template #responseSituation="text">

          <a-tag :color="text === 3 ? 'red' :text === 2? 'green':text === 1?'orange':'blue'">

            {{text == 1 ? '待叫应' : text == 2 ?'已叫应':text == 3 ?'超时未叫应' : ''}}

        <template #responsesRate="text">

          <a-tag :color="Number(text.split('%')[0]) == 100 ? 'green' :Number(text.split('%')[0]) == 0? 'red':'orange'">

            {{ text }}

          </a-tag>

        </template>

        <template #operation="text, record, index">

@@ -86,15 +89,17 @@
const columns = [{

  title: '序号',

  dataIndex: 'index',

  width: '8%',

  scopedSlots: {

    customRender: 'index'

  }

},

  {

    title: '信息标题',

    dataIndex: 'title',

  },

  {

    title: '发布时间',

    dataIndex: 'publishingTime',

    width: '15%',

    scopedSlots: {

      customRender: 'publishingTime'

    } //设置定制化表格数据

@@ -102,12 +107,10 @@
  {

    title: '发布单位',

    dataIndex: 'publishingUnit',

    width: '12%',

  },

  {

    title: '灾种',

    dataIndex: 'disasterType',

    width: '8%',

    scopedSlots: {

      customRender: 'disasterType'

    }

@@ -118,12 +121,6 @@
    scopedSlots: {

      customRender: 'warningLevel'

    }, //设置定制化表格数据

    width: '8%',

  },

  {

    title: '信息标题',

    dataIndex: 'title',

    width: '16%',

  },

  {

    title: '附件',

@@ -134,16 +131,16 @@
    },

  },

  {

    title: '叫应情况',

    dataIndex: 'responseSituation',

    width: '10%',

    title: '叫应率',

    dataIndex: 'responsesRate',

    scopedSlots: {

      customRender: 'responseSituation'

      customRender: 'responsesRate'

    }, //设置定制化表格数据

  },

  {

    title: '操作',

    dataIndex: 'operation',

    width: '15%',

    scopedSlots: {

      customRender: 'operation'

    },

@@ -158,6 +155,7 @@
        pageIndex: 1,

        pageSize: 10,

        searchParams:{

          publishingUnit: '',

          emergType: null,

          startTime: '',

          endTime: ''

@@ -179,9 +177,8 @@
      },

      riskOptions: [

        {name: '地震',value: 1},

        {name: '洪涝',value: 2},

        {name: '气象',value: 3},

        {name: '泥石流',value: 4},

        {name: '地质灾害',value: 4},

        {name: '水旱',value: 5},

        {name: '森林草原火灾',value: 6}

      ],

@@ -249,10 +246,11 @@
          let blob = new Blob([res.data],{type: res.data.type})

          link.style.display = "none";

          link.href = URL.createObjectURL(blob); // 创建URL

          link.setAttribute("download", item.attachmentName);

          document.body.appendChild(link);

          link.click();

          document.body.removeChild(link);

          window.open(link.href)

          // link.setAttribute("download", item.attachmentName);

          // document.body.appendChild(link);

          // link.click();

          // document.body.removeChild(link);

        } else {

          this.$message.error('获取文件失败')

        }

@@ -263,12 +261,18 @@
      console.log('onOk: ', value);

    },



    searchData(){

      this.search.pageIndex = 1

      this.getData()

    },



    resetSearch(){

      const t = this

      t.search = {

        pageIndex: 1,

        pageSize: 10,

        searchParams:{

          publishingUnit: '',

          emergType: null,

          startTime: '',

          endTime: ''