修改了备忘录图片

feige

2024-04-17 39c0ad120acd120b62cb69dc92b6fe63e8edf902

 ruoyi-ui/src/views/meeting/statistics.vue

@@ -10,31 +10,280 @@
        <div class="button-container"></div>
        <div style="display: flex; align-items: center;">
          <el-button @click="pictureStatistics" size="mini" type="text" v-hasPermi="['person:information:memo']" style="margin-left: 10px">
            <div class="form"><el-icon style="padding-right:30px;"></el-icon>
            <div class="form1"><el-icon style="padding-right:50px;"></el-icon>
              <span class="text" style="width: 69px;height: 26px;font-size: 16px;
              font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">图标统计</span>
              font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">图表统计</span>
            </div>
          </el-button>
        </div>
        <div style="display: flex; align-items: center;">
          <el-button @click="newRequest" size="mini" type="text" v-hasPermi="['person:information:memo']" style="margin-left: 10px">
            <div class="form" style="width: 100px;"><el-icon style="padding-right:30px;"></el-icon>
            <div class="form2" style="width: 100px;"><el-icon style="padding-right:30px;"></el-icon>
              <span class="text" style="width: 69px;height: 26px;font-size: 16px;
              font-family: Microsoft YaHei-Regular, Microsoft YaHei; color: #EBA4AA;">新建</span>
            </div>
          </el-button>
        </div>


      </h1>

      <hr />

      <el-table :data="tableData" border :header-cell-style="{ background: 'pink', fontSize: '13px', color: 'black' }"
        :row-class-name="tableRowClassName" :row-key="getRowId">
        <el-table-column label="家庭号" prop="num" sortable align="center">
          <template slot-scope="scope">{{ scope.row.num
        ? scope.row.num : '————' }}</template>
        </el-table-column>

        <el-table-column label="使用时间" prop="time" sortable align="center">
          <template slot-scope="scope">{{ scope.row.time
        ? scope.row.time : '————' }}</template>
        </el-table-column>

        <el-table-column label="会议室名称" prop="address" sortable align="center">
          <template slot-scope="scope">{{
        scope.row.address ? scope.row.address : '————' }}</template>
        </el-table-column>

        <el-table-column label="标题" prop="title" sortable align="center">
          <template slot-scope="scope">{{ scope.row.title
        ? scope.row.title : '————' }}</template>
        </el-table-column>

        <el-table-column label="申请人" prop="applicant" sortable align="center">
          <template slot-scope="scope">{{
        scope.row.applicant ? scope.row.applicant : '————' }}</template>
        </el-table-column>

        <el-table-column label="审批人" prop="approve" sortable align="center">
          <template slot-scope="scope">{{ scope.row.approve ?
        scope.row.approve : '————' }}</template>
        </el-table-column>

        <el-table-column label="状态" prop="status" sortable align="center">
          <template slot-scope="scope">{{ scope.row.status
        ? scope.row.status : '————' }}</template>
        </el-table-column>

        <el-table-column label="操作" align="center" width="200" class-name="small-padding fixed-width">
          <template slot-scope="scope" v-if="scope.row.roleId !== 1">
            <div class="button-container">
              <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">修改</el-button>
              <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除</el-button>
              <el-button size="mini" type="text" icon="el-icon-d-arrow-right" @click="handleCheck(scope.row)">查看详情</el-button>
            </div>
          </template>
        </el-table-column>

      </el-table>

      <!-- 新增数据框 -->
      <el-dialog :title="title" :visible.sync="open" width="1000px" append-to-body>

        <el-form ref="elForm" :model="formDat" :rules="rules" size="medium" label-width="100px">

          <el-form-item label="家庭号" prop="num">
            <el-input v-model="formDat.num" placeholder="请输入会议室名称" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>

          <el-form-item label="开始时间" prop="happenTime">
            <el-date-picker v-model="formDat.happenTime" type="datetime" placeholder="选择日期时间"
                            :editable="false" :clearable="false" :style="{width: '100%'}"  value-format="yyyy-MM-dd"
            ></el-date-picker>
          </el-form-item>
          <el-form-item label="结束时间" prop="endTime">
            <el-date-picker v-model="formDat.endTime" type="datetime" placeholder="选择日期时间"
                            :editable="false" :clearable="false" :style="{width: '100%'}"  value-format="yyyy-MM-dd"
            ></el-date-picker>
          </el-form-item>

          <el-form-item label="会议室名称" prop="address">
            <el-input v-model="formDat.address" placeholder="请输入会议室名称" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>

          <el-form-item label="标题" prop="meetingTitle">
            <el-input v-model="formDat.meetingTitle" placeholder="请输入会议标题" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>

          <el-form-item label="申请人" prop="applicant">
            <el-input v-model="formDat.applicant" placeholder="请输入申请人" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>

          <el-form-item label="审批人" prop="approve">
            <el-input v-model="formDat.approve" placeholder="请输入审批人" clearable :style="{width: '100%'}">
            </el-input>
          </el-form-item>

          <el-form-item label="状态" prop="status">
            <el-select v-model="formDat.status" placeholder="请选择" clearable :style="{width: '100%'}">
              <el-option v-for="(item, index) in typeOptions" :key="index" :label="item.label" :value="item.value"
              ></el-option>
            </el-select>
          </el-form-item>

        </el-form>

          </el-upload>
        </el-form>
        <div slot="footer" class="dialog-footer">
          <el-button type="primary" @click="submitDataScope">保 存</el-button>
          <el-button @click="cancel">取 消</el-button>
        </div>
      </el-dialog>

    </div>
  </template>

  <script>
 export default {
   data() {
     return {
       // 显示搜索条件
       showSearch: true,
       open: false,
       title: "",
       tableData: [{
         id: 1,
          num: '1',
           title: '1',
           name: 'asasd',
           address: 'asdadsdasd',
           status: '结案'
         },
         {
                    id: 2,
          num: '2',
           title: '2',
           name: 'qweqwqwe',
           address: 'qweqweqwe',
           status: '未结案'

         }
       ],
       formDat:{
         id: undefined,
         happenTime: undefined,
         endTime: undefined,
         meetingTitle: undefined,
         address: undefined,
         approve: undefined,
         applicant: undefined,
         url: "",
         status: undefined,
         num: undefined
       },
     queryParams: {
       pageNum: 1,
       pageSize: 10,
       address:undefined,
       applyOrganization:undefined,
       applicant:undefined,
       happenTime:undefined
     },
     dateRange: [],
     // 表单校验
     rules: {
       name: [{
         required: true,
         message: '请输入设备名称',
         trigger: 'blur'
       }],
      },
       typeOptions: [
         {
         value: '1',
         label: '结案',
         },
         {
           value: '0',
           label: '未结案',
         }
         ],


     }
   },
   methods: {
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1;
       this.getList();
     },
     /** 重置按钮操作 */
     resetQuery() {
       this.dateRange = [];
       this.resetForm("queryForm");
       this.handleQuery();
     },


     newRequest(){
       this.open = true;
       this.title = "新增"
     },
     cancel() {
       this.open = false;
       // this.reset();
     },
     submitDataScope() {
       console.log(666)
     },

     tableRowClassName({
       row,
       rowIndex
     }) {
       if (rowIndex % 2 == 0) {
         return "statistics-warning-row1";
       } else {
         return "statistics-warning-row";
       }
     },
     getRowId(row) {
       return row.id
     },

      // 修改
      handleUpdate(row) {
        const id = row.id;
        let jd = true

        this.$router.push({
          path:"/meeting/statistics/statisticsInfo/" + id,
          query:{
            detail:jd
          }
        });
      },
      // 查看详细信息
      handleCheck(row){
        const id = row.id;
        this.$router.push("/meeting/statistics/statisticsInfo/" + id);
      },

     /** 删除按钮操作 */
     handleDelete(row) {
       const Ids = row.id || this.ids;
       this.$modal.confirm('是否确认删除数据项？').then(function() {
         return delSelfEconomy(Ids);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("删除成功");
       }).catch(() => {});
     },

     // 图表统计
     pictureStatistics(){

     },

   }
 }
  </script>
<style scoped>
  .el-table__row.statistics-warning-row {
@@ -59,9 +308,26 @@
  .app-container {
    background-color: #FEF7FC;
  }
  .form{
  .form1{
    background:left/40% no-repeat url('../../assets/icons/pic.png') ;
    height: 50px;
    line-height: 50px;
  }
  .form2{
    background:left/25% no-repeat url('../../assets/icons/add1.png') ;
    height: 50px;
    line-height: 50px;
  }

  /deep/ .el-table .statistics-warning-row {
    background: #E0EEFE;
  }

  /deep/ .el-table .statistics-warning-row1 {
    background: #FFEFF2;
  }

  .el-table {
    border-radius: 14px 14px 14px 14px;
  }
  </style>