文件上传表单增加允许的文件类型

xiangpei

2025-01-24 e7c988c6eeb5fe597c5e43e9a21c0feff9b31d2a

 src/views/index.vue

@@ -73,7 +73,7 @@
      />
    </div>
    <el-card>
      <div style="display: flex;">
      <div style="display: flex;min-height: 300px">
        <div style="flex: 2;display: flex;flex-direction: column; justify-content: center;align-items: flex-start">
          <div class="flex justify-between mb-[15px]" style="align-items: center;margin-bottom: 5px">
            <div class="block mb-3 font-semibold fonts">流程推进情况总览</div>
@@ -131,7 +131,7 @@
            </div>
          </div>
          <el-table
            :data="projectProcessData"
            :data="projectProcessData1"
            :header-cell-style="{
                background: '#F5F7FC',
                color: '#454B5E',
@@ -141,16 +141,31 @@
            max-height="280"
          >
            <el-table-column
              label="项目名称"
              label="发布单位"
              width="150"
              prop="name"
            >
            </el-table-column>
            <el-table-column
              label="内容"
              prop="content"
              width="250"
              :show-overflow-tooltip="true"
            >
            </el-table-column>
            <el-table-column
              label="当前/总计"
              width="100px"
              prop="num"
              label="时间"
              prop="time"
            >
            </el-table-column>
            <el-table-column
              fixed="right"
              align="center"
              label="操作"
              >
              <template slot-scope="scope">
                <el-button type="text" size="small">查看</el-button>
              </template>
            </el-table-column>
          </el-table>
        </div>
@@ -235,26 +250,48 @@
      pie: null,
      pieData: {},
      projectProcessData: [
        {
          name: '交通类项目审批流程(简易程序)',
          num: '11/45'
        },
        {
          name: '交通类项目审批流程(一般农村公路)',
          num: '12/15'
        },
        {
          name: '交通类项目审批流程(重要农村公路)',
          num: '16/30'
        },
        {
          name: '交通类项目审批流程(国省道)',
          num: '2/18'
        },
        {
          name: '社会投资项目审批流程',
          num: '9/16'
        },
        // {
        //   name: '交通类项目审批流程(简易程序)',
        //   num: '11/45'
        // },
        // {
        //   name: '交通类项目审批流程(一般农村公路)',
        //   num: '12/15'
        // },
        // {
        //   name: '交通类项目审批流程(重要农村公路)',
        //   num: '16/30'
        // },
        // {
        //   name: '交通类项目审批流程(国省道)',
        //   num: '2/18'
        // },
        // {
        //   name: '社会投资项目审批流程',
        //   num: '9/16'
        // },
      ],
      projectProcessData1: [
        // {
        //   name: '射洪市人民政府',
        //   content: '射洪经开区绿然幸福小区旁工地长期夜间',
        //   time: '2025-01-06'
        // },
        // {
        //   name: '射洪市人民政府',
        //   content: '关于哨楼村拆迁 方案和 拆迁协议的疑问',
        //   time: '2025-01-02'
        // },
        // {
        //   name: '射洪市人民政府',
        //   content: '射洪整治一下城区汽车随意乱鸣笛行为',
        //   time: '2025-01-02'
        // },
        // {
        //   name: '射洪市人民政府',
        //   content: '维卡国际公馆开发商未按时办理房产证',
        //   time: '2025-01-01'
        // }
      ],
      queryParams: {},
      timeMerge: [],
@@ -391,7 +428,7 @@
              _this.$refs["mapRef"].makeAllMask(res.data);
            }, 2000);
          } else {
            _this.$message.error("未查询到对应项目");
            // _this.$message.error("未查询到对应项目");
          }
        } else {
          _this.$message.error(res.msg);