
<template>
    <MyDialog v-if="show" v-model="show"  width="1600px" height="850px" ref="dlg" class="index-dlg3" :class="'font-size-'+fontSize">
        <template slot="title">
            <div class="warning-info-title" style="padding-left: 20px;">
                <div :class="nav == 0 ? 'active' : ''" class="nav-item" @click="toggleNav(0)">在建项目</div>
                <div :class="nav == 1 ? 'active' : ''" class="nav-item" @click="toggleNav(1)">拟建项目</div>
                <div :class="nav == 2 ? 'active' : ''" class="nav-item" @click="toggleNav(2)">前期项目</div>
            </div>
        </template>
        <div class="font-size-tools">
            <i class="set-font-size font-size2" @click="fontSize = 2" :class="fontSize==2?'active':''">
                <svg class="icon  svg-icon" 
                style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
                viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
                <path
                    d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
                    fill="#fff" p-id="3687"></path>
                </svg>    
            </i>
            <i class="set-font-size font-size1" @click="fontSize = 1" :class="fontSize==1?'active':''">
            <svg class="icon  svg-icon" 
                style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
                viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
                <path
                    d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
                    fill="#fff" p-id="3687"></path>
            </svg>
            </i>
            <i class="set-font-size font-size0" @click="fontSize = 0" :class="fontSize==0?'active':''">
                <svg class="icon  svg-icon" 
                style="width: 32px !important;height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;"
                viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3686">
                <path
                    d="M839 875H735.3l-74.1-198.7H358.6L288.7 875H185l276.8-726h100.4L839 875zM632.1 594.3L522.3 292.4c-3.4-9.7-7.2-26.6-11.3-50.6h-2.3c-3.4 21.9-7.4 38.7-11.7 50.6L388.1 594.3h244z"
                    fill="#fff" p-id="3687"></path>
            </svg>
            </i>
        </div>

        <div class="col-2 scroll" style="max-height: 750px;overflow: auto;padding: 12px;">
            <div v-show="nav == 0"  v-for="(it, idx) in tableData1" class="data-item">
                <el-row class="data-row" >
                   
                    <el-col :span="12" style="display: flex;">
                        <img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">项目名称:</span>
                        <div class="div-text">{{ it.prj }}</div>
                    </el-col>

                    <el-col :span="12" style="display: flex;">
                        <img src="images/title_icon.png"><span class="sp-lbl">目前状态:</span>
                        <div class="div-text" :class="getState(it.node)">{{ it.node }}</div>
                    </el-col>                  
                </el-row>
                <div class="data-row">
                    <img src="images/title_icon.png"><span class="sp-lbl">三季度节点任务:</span>
                    <div class="div-text">
                        <div class="text-more-2" style="color:#01A9FF;" :title="it.task">{{ it.task}}</div>
                    </div>
                </div>      
                <div class="data-row">
                    <img src="images/title_icon.png"><span class="sp-lbl">目前进展:</span>
                    <div class="div-text">{{ it.porgress }}</div>
                </div>      

                <div class="data-row">
                    <img src="images/title_icon.png"><span class="sp-lbl">存在的问题:</span>
                    <div class="div-text">{{ it.question }}</div>
                </div>      
                    
            </div>
            <div v-show="nav == 1"  v-for="(it, idx) in tableData2" class="data-item">
                <el-row class="data-row" >
                   
                    <el-col :span="12" style="display: flex;">
                        <img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">项目名称:</span>
                        <div class="div-text">{{ it.prj }}</div>
                    </el-col>

                    <el-col :span="6" style="display: flex;">
                        <img src="images/title_icon.png"><span class="sp-lbl">目前状态:</span>
                        <div class="div-text" :class="getState(it.node)">{{ it.node }}</div>
                    </el-col>                  
                 
                </el-row>
                <div class="data-row">
                    <img src="images/title_icon.png"><span class="sp-lbl">三季度节点任务:</span>
                    <div class="div-text">
                        <div class="text-more-2" style="color:#01A9FF;" :title="it.task">{{ it.task}}</div>
                    </div>
                </div>      
                <div class="data-row">
                    <img src="images/title_icon.png"><span class="sp-lbl">目前进展:</span>
                    <div class="div-text">{{ it.porgress }}</div>
                </div>      
                <div class="data-row">
                    <img src="images/title_icon.png"><span class="sp-lbl">目前存在问题:</span>
                    <div class="div-text">{{ it.question }}</div>
                </div>      
            </div>
            <div v-show="nav == 2"  v-for="(it, idx) in tableData3" class="data-item">
                <el-row class="data-row" >
                   
                    <el-col :span="12" style="display: flex;">
                        <img src="images/title_icon.png"><span class="sp-lbl sp-lbl2">项目名称:</span>
                        <div class="div-text">{{ it.prj }}</div>
                    </el-col>

                    <el-col :span="6" style="display: flex;">
                        <img src="images/title_icon.png"><span class="sp-lbl">目前状态:</span>
                        <div class="div-text" :class="getState(it.node)">{{ it.node }}</div>
                    </el-col>                  
                 
                </el-row>
                <div class="data-row">
                    <img src="images/title_icon.png"><span class="sp-lbl">三季度节点任务:</span>
                    <div class="div-text">
                        <div class="text-more-2" style="color:#01A9FF;" :title="it.task">{{ it.task}}</div>
                    </div>
                </div>                     
            </div>
            <div  v-show="nav == 2" v-if="tableData1.length==0" style="text-align: center;margin-top:200px;">
                <img src="images/nodata.png" style="width: 240px;">
                <div style="text-align: center;">暂无数据</div>
            </div>
            <div  v-show="nav == 2" v-if="tableData2.length==0" style="text-align: center;margin-top:200px;">
                <img src="images/nodata.png" style="width: 240px;">
                <div style="text-align: center;">暂无数据</div>
            </div>
            <div  v-show="nav == 2" v-if="tableData3.length==0" style="text-align: center;margin-top:200px;">
                <img src="images/nodata.png" style="width: 240px;">
                <div style="text-align: center;">暂无数据</div>
            </div>
        </div>
    </MyDialog>
</template>

<script>
import '@/components/module/module-one-1-1'
import MyDialog from '../components/MyDialog'
export default {
    components: {
        MyDialog
    },
    data() {
        return {
            nav: 0,
            show: false,
            fontSize:0,
            tableData1: [],
            tableData2: [],
            tableData3: [],
        };
    },


    mounted() {
        window.dlg2 = this

        /**在建项目 */
        this.tableData1 = [
           
            {prj: '泾河新城荟锦坊一期', node: '滞后', task: '主楼主体结构建设至3层',porgress:'13#楼负二层墙柱钢筋40道完成80%，14#楼负二层结构完成，15#楼负一层墙柱钢筋绑扎完成，16#楼负二层墙柱钢筋40道绑扎完成，17#楼架空层梁板模板1100㎡完成70%，18#楼负二层内架搭设完成90%，19#楼负一层1100㎡内架搭设完成990㎡，占比90%，20#楼一层墙柱钢筋35道绑扎完成60%，21#楼一层墙柱模板完成。车库面积2.8万㎡，筏板完成1.62万㎡，占比58%，结构完成0.7万㎡，占比25%。',question:'资金及重污染天气影响' },
            {prj: '泾河新城荟锦坊二期', node: '滞后', task: '主楼主体结构建设至3层',porgress:'土方工程总量42万立方，累计完成40万立方，占比95.23%；3#楼西单元1层混凝土浇筑完成，东单元1层叠合板安装完成100%，6#楼1层铝膜安装完成10%，7#楼-1层梁板模板完成70%，5#、9#楼CFG桩基完成，10楼2层墙柱钢筋40道完成30%，11#楼东单元1层梁板模板完成40%，西单元1层墙柱模板完成30%，-1层地下车库筏板面积3.2万㎡，完成2.4万㎡，占比75%，结构完成1.6万㎡，占比50%。',question:'资金及重污染天气影响' },
            {prj: '泾干片区棚户区改造一期', node: '滞后', task: '/',porgress:'真石漆施工完成12.7万㎡，占比98%；安装工程完成95%；室外土方施工完成，园路硬化及室外管网完成80%。',question:'重污染天气影响' },
            {prj: '滨河北路(泾河二街-茶马大道)', node: '滞后', task: '8月份沥青铺设完成',porgress:'路基挖方完成11.5万m³，素土翻挖回填完成22万m³，软基处理淤泥挖除完成8.4万m³、抛填片石完成1.9万m³、砂砾填筑完成0.58万m³，雨水管道施工完成1840m，污水管道施工完成1530m，路床8%灰土换填施工完成2.5万m³，路面底基层10%灰土施工完成0.4万m³。',question:'治污减霾影响，基泰苗木迁移' },
            {prj: '智能电子产业园', node: '滞后', task: '8月份办公楼装饰装修完成',porgress:'配套区：21#宿舍楼室内装修完成91%，幕墙完成93%，外立面完成85%，安装工程完成85%；22#宿舍楼室内装修完成90%，幕墙完成95%，外立面完成90%，安装工程完成90%；25#办公楼二次结构完成95％，安装工程完成50%；26#办公楼二次结构完成95％，安装工程完成60%；小动力电池六栋厂房：14#厂房外墙砌筑完成45%，外架搭设完成50%。15#厂房外墙砌筑完成45%，外架搭设完成35%。19#厂房二次结构完成97%，屋面防水完成50%。20#厂房二次结构完成97%，屋面防水完成。',question:'资金影响' },
            {prj: '泾河云廊创新创业街区（A区）一期', node: '滞后', task: '进行土方开挖',porgress:'现场应急库房和库房、标养室、卫生间安装完成，柱状喷淋、施工现场水泵房、水箱安装完成。',question:'' },
            {prj: '城市阳台公园', node: '滞后', task: '单体二次结构施工',porgress:'DK2完成土方开挖200m³，土方回填200m³。DK3土方地形整理7000㎡。清表1500㎡。累计完成土方工程：DK2填方18300m³；挖方18300m³；DK3填方6400m³；挖方2100m³。累计清表15300㎡。',question:'基泰园林苗木大面积未迁移' },
            {prj: '云和悦小区', node: '滞后', task: '室外回填土施工，管网施工完成',porgress:'6#、7#、8#楼外墙吊篮安装完成70%；车库顶板土方回填完成10%，北侧商铺雨污管道施工完成60%，地下车库一层机电管线完成85%；1#、2#、3#、9#、10#外立面线条安装完成50%，外墙干挂龙骨完成90%，公区精装修吊顶施工完成35%；3#楼地砖铺设完成20%；5#楼外墙岩棉板安装完成90%。',question:'臭氧管控影响外立面施工及回填土施工' },
            {prj: '泊湾中心', node: '滞后', task: '2#楼酒店精装施工完成，1#、3#楼公区装修施工完成，市政接驳施工完成50%',porgress:'2#楼地辐热施工完成40%，1#楼排水管、桥架安装完成90%，完成1#楼屋面防水，2#楼吊篮安装，地下负二层垫层浇筑。锦江之星酒店装修样板间完成吊顶封板，卫生间防水。',question:'资金及治污减霾影响、更换劳务' },
            {prj: '泾河新城医疗健康科技产业园一期', node: '滞后', task: '家具安装完成',porgress:'医技楼综合管线安装完成95%；门诊楼地下室设备基础完成；2#发热门诊及9#感染疾病楼外立面墙体砌筑完成，消防管道安装完成20%；3至5#住院楼室外防水完成90%；6至7#住院楼抹灰工程完成60%；8#住院楼室外南侧道路硬化完成50%；10#楼雨棚龙骨焊接完成，给排水管道和消防管安装完成95%；11至13#楼室外管网施工完成85%，室外景观土建工作完成30%。',question:'交大运营团队及部分需求未定，资金及治污减霾影响' },
            {prj: '泾河新城光伏新能源产业园项目 (一期）', node: '滞后', task: '电池车间、动力站二次结构施工、废水站基础施工',porgress:'（1）指挥部完成，建设单位、总包单位、监理单位、隆基单位已驻场办公；（2）指挥部北侧观摩区北侧卫生间、微型消防站、钢筋加工厂灰土硬化完成，VIP停车位垫层浇筑完成；（3）指挥部西侧基坑回填整平；（4）1号车间北侧正式围墙280米墙体拆模完成；相邻新开挖60米基础开挖施工；（5）1号车间周边道路施工，北侧永临道路混凝土浇筑完成，道路两侧排水沟施工完成；东侧永临道路混凝土浇筑完成，切缝完成，排水沟垫层浇筑完成50%；西侧永临道路开挖施工，开始灰土换填；（6）1号车间北侧管桩试桩完成（12根），开始试桩检测；（7）1号车间东侧刷坡施工；护坡挂网喷浆支护施工；（8）1号110kV变电站北侧路基压实完成；（9）1号110kV变电站北侧正式围墙东段施工完成20米，西段模板支设施工20米；（10）五冶北侧临时大门施工完成，临时用电变压器安装到位，同步进行道闸安装、门卫室就位及门楼文化包装施工。（11）配合2号车间文物挖掘工作；',question:'/' },
        
          



            {prj: '云如逸小区', node: '正常', task: '3#楼主体施工至17层；5#楼主体施工至14层',porgress:'开敞空间负一层铺装完成95%，负一层外街花池回填土完成80%，幕墙玻璃安装完成，内街北段门扇玻璃安装完成80%。住宅区1#楼一层梁板钢筋绑扎完成50%，2#六层梁板钢筋绑扎完成，3#楼六层梁板钢筋绑扎完成50%；完成5#楼二层墙柱钢筋绑扎，6#楼八层混凝土浇筑，7#楼十层支模架，8#楼十二层悬挑工字钢安装80%；完成12#楼三层支模架，13#楼五层墙柱钢筋，15#楼七层顶板钢筋安装，16#楼二层梁板混凝土浇筑。',question:'/' },
            {prj: '云语间小区', node: '正常', task: '1#楼主体结构施工至24层；3#楼主体结构施工至19层',porgress:'开敞空间完成道路基层施工，南广场楼梯踏步石材铺贴完成50%，大区完成1#楼十六层混凝土浇筑，2#楼十五层混凝土浇筑，3#楼十四层混凝土浇筑，5#楼七层混凝土浇筑。幼儿园区域完成土方开挖。',question:'/' },
            {prj: '文化艺术中心', node: '正常', task: '图书馆、文化馆地上主体结构完成2层，市政配套钢箱梁加工完成8片',porgress:'北地块图书馆地下二层结构完成100%（4785㎡）、地下一层结构完成100%（5200㎡），地上一层钢结构完成（2000㎡），地上二层结构完成60%（1500㎡）。本周13-18轴三层钢柱完成30%（750㎡）。南地块艺术中心B区（1555㎡）地下一层结构完成；A区（5679㎡）筏板施工完成。本周A区地下一层结构完成85%。',question:'/' },
            {prj: '泾河智谷（一期）', node: '正常', task: '西段：室外绿化工程完成3000㎡',porgress:'一标段：精装修完成，细节问题销项中；幕墙工程48000㎡，已完成47700㎡，剩余300㎡；室外铺装15696㎡，已基本完成；安装工程、给排水全部完成；屋面高耐竹地板完成15%；电梯安装完成100%；绿化上木完成90株，下木完成3000㎡；二标段：10-15层精装修全部完成；1-9层装修总计18555.64㎡，累计完成18000㎡，完成率97%；幕墙总面积51000㎡，累计完成50400㎡，完成率98%；安装工程完成95%，室外工程透水砖及石材铺装完成约14750㎡，绿化上木完成59株，下木完成约3200㎡，裙楼屋面木栈道完成约55%、汀步完成70%、草坪灯完成，景观地埋灯完成75%。',question:'/' },
            {prj: '泾河新城泾河北岸滩面治理及生态修复工程', node: '正常', task: '溢流堰5座、水系格宾石笼防护400m、园路300m',porgress:'完成设计方案调整，通过副主任办公会审议。准备将设计方案上报主任办公会审议。',question:'方案未上主任办公会，前期签证变更未解决' },
            {prj: '1980泾造中心（二期）', node: '正常', task: '室外工程、绿化工程施工完成',porgress:'1号2号宿舍楼外墙真石漆完96%，室内装修完成60%，1号宿舍玻璃安装完成100%，6号厂房墙面板、屋面板安装完成40%，安装工程完成70%，二次结构完成70%，室外管网完成90%，绿化种植完成40%。',question:'/' },
            {prj: '泾河新城分布式光伏发电项目', node: '正常', task: '完成招标、施工单位进场',porgress:'已并网发电，初验完成，正在整改消缺。',question:'/' },
            {prj: '环湖路（泾河七街-茶马大道）', node: '正常', task: '/',porgress:'环湖路东段非机动车道沥青砼上面层施工完成。',question:'/' },
            {prj: '崇文新街西段（泾河七街-环湖路)', node: '正常', task: '/',porgress:'人行道透水砼施工完成。',question:'/' },
            {prj: '湖滨二路西段(泾河七街-茶马大道)', node: '正常', task: '/',porgress:'非机动车道沥青混凝土铺设完成。',question:'茶马大道-环湖路西段因基泰苗木迁移未赔偿到位，基泰方阻碍进场施工' },
            {prj: '湖滨四路西段(泾河七街-环湖路)', node: '正常', task: '/',porgress:'非机动车道沥青混凝土铺设完成。',question:'茶马大道-环湖路西段因基泰苗木迁移未赔偿到位，基泰方阻碍进场施工' },
            {prj: '泾河五街南段', node: '正常', task: '/',porgress:'机动车道下面层沥青摊铺完成。',question:'重污染天气影响' },
            {prj: '城市会客厅西侧路(泾河大道-滨河北路段)', node: '正常', task: '/',porgress:'非机动车道沥青混凝土摊铺完成；人行道透水混凝土摊铺完成。',question:'/' },
            {prj: '环湖路（崇文塔西路-滨河北路）', node: '正常', task: '8月份沥青铺设完成',porgress:'污水完成76.4%；雨水完成96.2%；给水完成72.8%；电力管沟完成100%；机动车道底基层10%石灰土完成70.8%；非机动车道10%石灰土底基层完成48.8%；挡土墙砂砾垫层、片石混凝土基础完成；海绵城市完成64.6%。完成K0+356.5～K1+219机动车道沥青混凝土下面层摊铺。',question:'崇文塔西路-环湖路中段因基泰苗木迁移未赔偿到位，基泰方阻碍进场施工' },
            {prj: '崇德生态广场', node: '正常', task: '园路施工完成1000m；绿化地形整理完成',porgress:'1#建筑幕墙预埋件安装；线缆敷设35m；透水砼路面清理200m；污水井盖安装5个；预制水泥消防井盖洞口覆盖4个。',question:'施工证办理过程中因开发建设部和资规局对总平图审批业务职责划分不明确，暂时搁置办理施工证' },
            {prj: '泾河崇文智慧康养产业园', node: '正常', task: '桩基施工完成200根',porgress:'本周土方外运17938m³。累计挖完成外运114452m³（含垃圾土），完成总量63.1%。喷射混凝土本周完成360㎡，累计完成3490㎡，完成65.39%。锚索完成70m，累计完成571m，完成53.32%。槽钢上周安装70m，累计完成490m，完成45%。完成CFG桩136根，累计完成201根，完成18.7%。',question:'臭氧管控影响土方施工' },
            {prj: '泾河新城锦樾坊', node: '正常', task: '主体结构施工至21层',porgress:'1#楼15层结构1100㎡完成50%，2#楼16层结构1100㎡完成60%，3#、4#楼19层结构1100㎡完成50%，5#楼6层结构900㎡完成，6#楼11层结构900㎡完成，7#、8#楼主体结构封顶，车库总建筑面积54633平米，完成92%。',question:'/' },
            {prj: '泾河新城智谷科创园（二期）', node: '正常', task: '东侧地块：土方施工完成；西侧地块：土方施工完成',porgress:'现场累计出土完成82万m³。本周完成支护桩50根，累计完成降水井74口，支护桩438根。',question:'臭氧管控影响土方施工' },
            {prj: '泊跃人工智能产业园项目', node: '正常', task: '主体结构施工至12层',porgress:'完成东塔五层墙柱顶板铺设，西塔工程桩。',question:'/' },
            {prj: '泊域人才中心', node: '正常', task: '主体结构施工至9层',porgress:'南楼地下室二次结构10%；完成北楼四层结构施工。',question:'/' },
            {prj: '泊创中心', node: '正常', task: '商业及配套负一层主体结构施工完成',porgress:'完成1#楼一层模架搭设、2#楼一层顶板模板安装，3#楼负一层模架搭设完成30%。',question:'/' },
            {prj: '瀛洲新苑（一期）、（二期）幼儿园', node: '正常', task: '/',porgress:'室内装修已全部完成。',question:'/' },
            {prj: '泾河新城智谷周边配套项目一期', node: '正常', task: '基础施工',porgress:'搭设围挡559.6m，铺设级配碎石3000㎡；铺设透水混凝土垫层2500㎡，PC透水砖铺贴1220㎡，石材道牙铺贴60m，石材砖铺贴100㎡；给水管敷设1700m，预埋线管2500m，铺设YJV3*6电缆线1800m；绿化场地平整14000㎡，铺植草坪2850㎡；B区石材砖铺贴100㎡，园路收边钢带安装240m，透水混凝土面层铺设350㎡，透水混凝土垫层铺设300㎡，混凝土预制井安装4座，排水管铺设70m。',question:'/' },
            {prj: '云语间小区配建幼儿园', node: '正常', task: '2024/5/1',porgress:'正在进行土方施工',question:'临建拆除后，现场约1.5万m³土需外运' },
           
           
   


        ]

        /**拟建项目进展明细表 */
        this.tableData2 = [
            {prj: '永乐消防站', node: '正常', task: '基础施工、主楼主体施工',porgress:'正在进行EPC招采',question:'/' },
            {prj: '高庄学校', node: '正常', task: '征拆和文勘完成，土地交付',porgress:'推进自规部报送主任会审议方案。',question:'8户拆迁未完成' },
            {prj: '城市阳台-院士坊', node: '滞后', task: '土方开挖及基坑支护施工完成',porgress:'方案已通过主任办公会，正在走EPC招采',question:'东侧基泰苗木未迁移（30%）' },
            {prj: '电力管沟项目', node: '滞后', task: '完成电力管沟施工20%',porgress:'可研准备报至行政审批局。',question:'/' },
            {prj: '泾河新城第一污水处理厂工程', node: '滞后', task: '完成土地供应，施工单位进场，进行土方开挖',porgress:'完成招标代理、环评单位招采；水文地质调查单位待签订合同；完成能评单位采购文件编制；已召开工艺技术方案和建设方案专家咨询会，专家组推荐采用“分质回用”工艺；完成泾河一污建设方案优化；泾河一污可研报告通过集团党委会和董事会审议；环评报告初稿完成；完成可研报告修订；能评报告初稿完成。',question:'1.土地未摘牌（外部）；2.泾河一污建设方案及运营模式已报开发建设部，待主任办公会议审议；3.可研报告需根据明确后的泾河一污建设运营模式完成审批；      4.泾河一污南厂区与泾河大道进出场道路暂缺规划指标；5.泾河一污南厂区存在文物遗迹，需协调加快推进文物发掘工作。' },
            {prj: '泾河新城第一污水处理厂污水专线及便道', node: '滞后', task: '完成现场交地及文勘验收，进行土方开挖，顶管工作坑施工',porgress:'污水厂方案未确定无法进行方案设计，收集前期资料',question:'泾河一污缺少规划进出场道路指标，需协调解决泾河一污至泾河大道规划道路' },
            {prj: '云和悦过街天桥、云语间过街天桥、云如逸过街天桥', node: '滞后', task: '箱梁施工完成',porgress:'完成立项批复。现方案优化完成，下一步完成代建协议签署后开展初步设计。开始编制设计及初设任务书。',question:'/' },
            {prj: '棚改小区9-12', node: '滞后', task: '/',porgress:'已完成立项，方案比选完成，正在跟进管委会上会流程；',question:'1.无相关会议纪要及委托单；     2.土地正在报批。3.现场征地拆迁未完成9、12由于征地拆迁款未到位，现场无法进行剩余拆除及垃圾清运工作。' },
            {prj: '光伏公园', node: '滞后', task: '/',porgress:'方案已通过副主任专题会，等待上主任会；',question:'方案已上报开发建设部，等待上主任办公会，目前正在等待会议安排。' },
            {prj: '住区公园5', node: '滞后', task: '/',porgress:'根据开发建设部专家会意见优化完善设计方案，重新报送完成，已完成专家会，已报送专题会，待开会审议。',question:'方案未上副主任专题会及主任办公会' },
            {prj: '泾河新城崇文大桥两侧辅道工程（文塔南路-正阳西四路）', node: '滞后', task: '完成现场交地及文勘验收、完成招标，施工单位进场',porgress:'按现状完成方案设计，后续红线确定后进行方案修改，设计决策委员会已召开。修改专家意见。',question:'土地未报批；南接河提道路规划范围有所调整，等待资规局红线确认。' },
            {prj: '芯片项目南侧路（泾河十街-泾河八街）', node: '滞后', task: '管网工程全部完成',porgress:'可研完成。准备立项资料。',question:'土地正在报批，红线范围内存水泥路、堆土、建筑垃圾等未清理。新版红线有所变动，等待资规局提供新版红线图。' },
            {prj: '泾河八街南段（泾河大道-芯片项目南侧路）', node: '滞后', task: '管网工程全部完成',porgress:'可研完成。准备立项资料。',question:'土地正在报批，红线范围内存水泥路、堆土、建筑垃圾等未清理。新版红线有所变动，等待资规局提供新版红线图。' },
            {prj: '崇文塔北路北段（崇文塔东路-高泾大道）', node: '滞后', task: '/',porgress:'可研完成。准备立项资料。',question:'土地正在报批，红线范围内有拆迁建筑垃圾、杂树未清运。' },
            {prj: '泾河云廊天桥', node: '滞后', task: '/',porgress:'正在进行前期策划，收集前期资料',question:'/' },
            {prj: '城市阳台酒店', node: '滞后', task: '土方开挖及基坑支护施工',porgress:'品牌未确定',question:'品牌未确定' },
            {prj: '芯片产业园', node: '滞后', task: '机电、消防、装修施工',porgress:'3月24日已发EPC、监理单位招标公告；项目控制点已完成；青苗清表基本完成，迁坟暂未开始；临时开口审批手续已完成，正在办理临时围挡等手续；跟进办理项目部临建用地手续。',question:'1.方案未上会（外部）；2.村民的征迁赔偿款和遗留问题未处理，导致临时围墙无法施工，地形测绘工作无法进行' },
            {prj: '泾河水厂配套道路工程', node: '滞后', task: '/',porgress:'转为前期项目',question:'方案未开始（内部）；因道路规划问题' },
            {prj: '泾河水厂供水工程、配套管线', node: '滞后', task: '/',porgress:'已完成招标代理、可研、稳评、水资源论证及环评招采。可研报告修编初版完成；取得不动产单元号和宗地代码，编制权籍调查报告；办理土地契税及印花税缴纳。',question:'1.因征地款未落实到位，围墙圈建无法实施；2.引汉济渭北关分水口位于泾阳县区域，需与泾阳县协调水权分配问题以及引汉济渭原水输水管线路由审批；3.厂区与原点大道之间联络通道无规划市政道路，暂缺规划指标；4.水厂规划用地剩余20亩地树木暂未清表。城建计划调整为前期项目。' },
            {prj: '崇文塔七路西段（泾河一街-泾河二路北段）', node: '滞后', task: '/',porgress:'转为前期项目',question:'/' },
         
        ]
    },

    methods: {
        getState(s){
            return 'state-'+['','正常','滞后'].indexOf(s);
        },
        toggleNav(n) {
            this.nav = n;
        },
        showDialog(n) {
            this.nav=n;
            this.show = true
        }
    },
};
</script>

<style lang="less" scoped>
.mytable {
    /deep/ th .cell {
        color: aquamarine;
    }
    tbody::-webkit-scrollbar{display: none;}
}

.warning-info-title {
    .nav-item {
        color: #fff;

        &.active {
            color: #6de9f7;
        }
    }
}</style>
<style lang="less">
.my-dialog.index-dlg3 {
    &.font-size-2 {        

        .popup-project-introduction-details {            
            .col-2 {
                .font-size-tools {
                    top:-55px;
                }
                font-size: 32px;
                line-height: 64px;

                .div-text {
                    line-height: 64px;
                }

                .sp-lbl {
                    width: 140px;

                    &.sp-lbl2 {
                        width: 218px;
                    }
                }

                img {
                    width: 32px;
                    height: 32px;
                    top: 16px;
                }

                .data-row {
                    line-height: 64px;
                }
            }
        }
    }
    &.font-size-1 {

        .popup-project-introduction-details {
            .col-2 {
                .font-size-tools {
                    top:-46px;
                }
                font-size: 24px;
                line-height: 48px;

                .div-text {
                    line-height: 48px;
                }

                .sp-lbl {
                    width: 140px;

                    &.sp-lbl2 {
                        width: 218px;
                    }
                }

                img {
                    width: 24px;
                    height: 24px;
                    top: 12px;
                }

                .data-row {
                    line-height: 48px;
                }
            }
        }
    }
    .popup-project-introduction-min {
        transform: translateY(100px);
    }
    .popup-project-introduction-details {
        padding: 0px !important;
        position: relative;
        .quality-table.special-table{
                padding:0px !important;
            }
        .font-size-tools {
            position: absolute;
            top: -40px;
            right: 100px;
           
        }
    }
    .popup-project-introduction-min {
        transform: translateY(100px);

        .data-item {
            border-bottom: solid 1px #fff;
            padding: 12px 0px 12px 20px;
            box-shadow: inset 7px 0px 11px 5px rgb(36 131 167 / 70%);

            .sp-lbl {
                display: inline-block;
                color: aquamarine;
            }

            .data-row {
                display: flex;
                line-height: 30px;

                .div-text {
                    display: inline-block;
                    width: calc(100% - 200px);
                    vertical-align: top;
                    white-space: break-spaces;
                    word-break: break-word;
                    &.state-2{
                        color: red;
                        font-weight: bold;
                    }
                }

                border-bottom: solid 1px rgba(255, 255, 255, 0.1);
                padding: 4px 0px;
            }

            img {
                width: 16px;
                height: 16px;
                display: inline-block;
                position: relative;
                top: 8px;
            }
        }
    }
}
</style>