epmet-work-pc/src/views/modules/base/smartExcel/cpts/excel-info.vue

<template>
    <div class="g-main">
        <div class="right">
            <div class="title-small" id="base">任务信息
                <el-button type="text" class="div-table-button--blue" size="small"
                    @click="handelCLickShowCheckPassword('name')">返回</el-button>
            </div>
            <el-form ref="form" label-position="left" :model="formData" label-width="120px"
                style="margin-left: 3%; margin-top: 30px;">
                <el-row>
                    <el-col :span="8">
                        <el-form-item label="任务主题">
                            <div style="display: flex; align-items: center;">
                                <div>{{ formData.title}}</div>
                                <div
                                    style="display: flex;margin-left: 10px;
                                     justify-content: center; align-items: center; width: 60px; height: 20px; border: 2px solid #ADD8E6; color: #ADD8E6; font-size: 12px;">
                                    进行中
                                </div>
                            </div>

                        </el-form-item>
                    </el-col>
                    <el-col :span="16">
                        <el-form-item label="任务发布时间">
                            <div>{{formData.date}}</div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="任务发布部门">
                            <div>{{formData.bumen}}</div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="16">
                        <el-form-item label="任务发布人">
                            <div>{{formData.person}}</div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="任务类型">
                            <div>{{formData.type}}</div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="16">
                        <el-form-item label="任务周期">
                            <div>{{formData.cycle}}</div>
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="分发人员">
                            <div style="display: flex;flex-direction: row; align-items: center;">
                                <div>{{formData.fenfa}}</div>
                                <el-button style="margin-left: 10px;" type="text">查看接受人员名单</el-button>
                                <el-button type="text">调整接受人员</el-button>
                            </div>
                  
                        </el-form-item>
                    </el-col>
                    <el-col :span="24">
                        <el-form-item label="任务说明">
                            <div style="display: flex;flex-direction: row; align-items: center;">
                                <div>{{formData.shuoming}}</div>
                                <el-button style="margin-left: 10px;" type="text">[修改]</el-button>
                            </div>
                        </el-form-item>
                    </el-col>
                </el-row>
            </el-form>
            <div class="title-small" id="reside">任务进展情况</div>
            <div class="m-table">
        <div class="div_btn">
          <el-button size="small" type="primary " @click="handleAdd">新增</el-button>
        </div>
        <el-table :data="tableData" border class="m-table-item" style="width: 70%;margin-left: 3%; margin-top: 30px;" :height="maxTableHeight"  >
          <el-table-column label="序号" fixed="left" type="index" align="center" width="80" />
          <el-table-column prop="renwu" align="center" :show-overflow-tooltip="true" label="任务周期">
          </el-table-column>
          <el-table-column fixed="right" label="汇报情况" align="center" >
            <template slot-scope="scope">
              <el-button @click=" handleInfo(scope.row)" type="text" size="small">{{ scope.row.data }}</el-button>
              <el-button @click="handleCancel(scope.row)" type="text" size="small" class="">查看</el-button>
            </template>
          </el-table-column>
        </el-table>
      </div>
        </div>
        <div class=''>
        <el-dialog title="模板确认" :visible.sync="showTemplate" width="50%" :close-on-click-modal="false">
            <acceptingPersonel :formData></acceptingPersonel>
        </el-dialog>
    </div>
    </div>
</template>
<script>
import acceptingPersonel from "./cpts/accepting-personel.vue";
export default {
    data() {
        return {
            showSummary:false,
            formData:{
                title:"请各社区提报党员信息进行中",
                date:"2024-11-18 11:20:32",
                person:"张三",
                bumen:"xx区xx街道",
                status:1,
                type:"数据采集",
                cycle:"每周",
                fenfa:"16",
                shuoming:"请各社区技照模板表格提报各自的党员信息，并于每周五前完成提报。请各社区按照模板表格提报各自的党员信息，并于每周五完成提报。请各社区按照模板表格提报各自的党员信息，并于每周五前完成提报"
            },
            tableData:[
                {
                    renwu:"2024年11月 第三周",
                    data:"12/16",
                    
                }
            ]
        };
    },
    created() {},
    methods: {
        handelClickShowSummary(){
            this.showSummary = true
        },
        closeSummary(){
            this.showSummary = false;
        }
    },
    components:{
        acceptingPersonel
    },
    computed:{},
    watch: {},
}
</script>

<style lang='scss' scoped>
@import "@/assets/scss/pages/resiInfo.scss";
@import "@/assets/scss/modules/management/list-main.scss";
</style>