添加手机校验

马宇豪

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>

@@ -36,7 +39,7 @@


    <!-- 表格实体部分-->

    <div class="table-cont">

      <a-table :columns="columns" :data-source="data" bordered :pagination="pagination">

      <a-table :columns="columns" :data-source="data" bordered :pagination="pagination" :rowKey="record=>record.id">

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

          {{ index + 1 }}

        </template>

@@ -54,41 +57,49 @@
            {{ getLevelName(text) }}

          </a-tag>

        </template>

        <template #attachment="text">

          <a><b><a-icon type="paper-clip" /></b></a>

        <template #attachment="attachment">

          <span v-if="attachment===null|| attachment.length == 0">无</span>

          <div v-else>

            <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">

          <a-button type="primary" @click="openList(record.id)">叫应列表</a-button>

          <a-button type="link" @click="openMod('view',record)">查看详情</a-button>

          <a-button type="link" @click="openDetails(record.id)">查看详情</a-button>

        </template>

      </a-table>

      <msg-edit-mod ref="msgEdit" @refresh="getData"></msg-edit-mod>

      <msg-detail-mod ref="msgDetail"></msg-detail-mod>

      <call-list-mod ref="callList" @refresh="getData"></call-list-mod>

    </div>

  </div>

</template>

<script>

import {getHistoryRecord, getMsgRecord, getPublishRecord} from "@/api/list";

import msgEditMod from "@/views/Admin/components/msgEditMod";

import msgDetailMod from "@/views/Admin/components/msgDetailMod";

import callListMod from "@/views/Admin/components/callListMod";

import {getReviewDetailByWorker} from "@/api/review";

import axios from "axios";

import Cookies from "js-cookie";

import {getUserInfo} from "@/util/storage";

const columns = [{

  title: '序号',

  dataIndex: 'index',

  width: '8%',

  scopedSlots: {

    customRender: 'index'

  }

},

  {

    title: '信息标题',

    dataIndex: 'title',

  },

  {

    title: '发布时间',

    dataIndex: 'publishingTime',

    width: '15%',

    scopedSlots: {

      customRender: 'publishingTime'

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

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

    title: '发布单位',

    dataIndex: 'publishingUnit',

    width: '12%',

  },

  {

    title: '灾种',

    dataIndex: 'disasterType',

    width: '8%',

    scopedSlots: {

      customRender: 'disasterType'

    }

@@ -112,32 +121,26 @@
    scopedSlots: {

      customRender: 'warningLevel'

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

    width: '8%',

  },

  {

    title: '信息标题',

    dataIndex: 'title',

    width: '16%',

  },

  {

    title: '附件',

    dataIndex: 'attachment',

    width: '6%',

    width: '15%',

    scopedSlots: {

      customRender: 'attachment'

    },

  },

  {

    title: '叫应情况',

    dataIndex: 'responseSituation',

    width: '10%',

    title: '叫应率',

    dataIndex: 'responsesRate',

    scopedSlots: {

      customRender: 'responseSituation'

      customRender: 'responsesRate'

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

  },

  {

    title: '操作',

    dataIndex: 'operation',

    width: '15%',

    scopedSlots: {

      customRender: 'operation'

    },

@@ -145,13 +148,14 @@
];

export default {

  name: 'release',

  components: { msgEditMod, callListMod },

  components: { msgDetailMod, callListMod },

  data() {

    return {

      search:{

        pageIndex: 1,

        pageSize: 10,

        searchParams:{

          publishingUnit: '',

          emergType: null,

          startTime: '',

          endTime: ''

@@ -173,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}

      ],

@@ -185,6 +188,11 @@
        {name: '黄色预警',value: 3},

        {name: '蓝色预警',value: 4}

      ]

    }

  },

  mounted() {

    if(getUserInfo().role.id == 1){

      this.columns = this.columns.filter(i=>i.dataIndex !== 'operation')

    }

  },

  created() {

@@ -208,19 +216,10 @@
      t.$refs.callList.openMod(id)

    },



    openMod(type,data){

    openDetails(id){

      const t = this

      getReviewDetailByWorker(data.id).then(res=>{

        if(res.data.code == 100){

          if(res.data.data){

            t.$refs.msgEdit.openMod(type,res.data.data)

          }else{

            t.$message.error('查询信息详情失败')

          }

        }else{

          this.$message.error(res.data.msg)

        }

      })

      t.$refs.msgDetail.getDetails(id)

      t.$refs.msgDetail.visible = true

    },



    onPageChange(page, pageSize) {

@@ -238,8 +237,33 @@
      }

    },



    viewFile(item){

      const t = this

      const { baseUrl } = require('../../../config/env.' + process.env.NODE_ENV)

      axios.get(baseUrl + item.attachment,{headers:{'Content-Type': 'application/json','tk': `${Cookies.get('resTk')}`,'uid':`${Cookies.get('resUid')}`},responseType: 'blob'}).then(res=>{

        if (res) {

          const link = document.createElement('a')

          let blob = new Blob([res.data],{type: res.data.type})

          link.style.display = "none";

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

          window.open(link.href)

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

          // document.body.appendChild(link);

          // link.click();

          // document.body.removeChild(link);

        } else {

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

        }

      })

    },



    timeOk(value) {

      console.log('onOk: ', value);

    },



    searchData(){

      this.search.pageIndex = 1

      this.getData()

    },



    resetSearch(){

@@ -248,6 +272,7 @@
        pageIndex: 1,

        pageSize: 10,

        searchParams:{

          publishingUnit: '',

          emergType: null,

          startTime: '',

          endTime: ''