添加手机校验

马宇豪

2023-10-31 c7bd1a3fd46b5d5f887ce4f674387294ee1e8ccd

 src/views/Admin/release.vue

@@ -26,7 +26,7 @@
                style="width: 100%"
            />
          </a-col>
          <a-col :span="4">
          <a-col :span="6">
            <a-button type="primary" @click="getData">查询</a-button>
            <a-button style="margin-left: 12px" @click="resetSearch">重置</a-button>
          </a-col>
@@ -36,7 +36,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,35 +54,35 @@
            {{ 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===[]">无</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>
     <!-- 对话框 -->
     <a-modal title="查看叫应详情" 
     okText="确认"
     cancelText="关闭"
     :visible="visible" :confirm-loading="confirmLoading" @ok="handleOk" @cancel="handleOk">
     </a-modal>
  </div>
</template>
<script>
import {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',
@@ -107,7 +107,6 @@
    {
      title: '灾种',
      dataIndex: 'disasterType',
      width: '8%',
      scopedSlots: {
        customRender: 'disasterType'
      }
@@ -123,35 +122,34 @@
      {
         title: '信息标题',
         dataIndex: 'title',
         width: '16%',
      },
      {
         title: '附件',
         dataIndex: 'attachment',
         width: '6%',
         width: '15%',
         scopedSlots: {
            customRender: 'attachment'
         },
      },
      {
         title: '叫应情况',
         dataIndex: 'responseSituation',
         width: '10%',
         dataIndex: 'responsesRate',
         scopedSlots: {
            customRender: 'responseSituation'
            customRender: 'responsesRate'
         }, //设置定制化表格数据
      },
      {
         title: '操作',
         dataIndex: 'operation',
      width: '14%',
         scopedSlots: {
            customRender: 'operation'
         },
      },
      }
   ];
   export default {
    name: 'release',
    components: { msgEditMod, callListMod },
    components: { msgDetailMod, callListMod },
      data() {
         return {
        search:{
@@ -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}
        ],
@@ -193,6 +190,11 @@
        ]
         }
      },
    mounted() {
      if(getUserInfo().role.id == 1){
        this.columns = this.columns.filter(i=>i.dataIndex !== 'operation')
      }
    },
    created() {
      const t = this
      t.getData()
@@ -214,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) {
@@ -242,6 +235,26 @@
          t.search.searchParams.startTime = value[0].format('YYYY-MM-DD 00:00:00')
          t.search.searchParams.endTime = value[1].format('YYYY-MM-DD 23:59:59')
        }
      },

      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) {
@@ -262,11 +275,6 @@
        t.timeRange = []
        t.getData()
      },

         //弹出层
         showModal() {
            this.visible = true;
         },

         handleOk(e) {
            this.visible = false;