fj-dc-ui/.svn/pristine/2c/2c7c54e255e5b4f05cfc588e02102c361f66ab0f.svn-base

<template>
  <el-container class="reformFeedback">
    <el-aside style="border:1px solid #dcdfe6;" :style="{'height': cardHeight + 'px'}">
      <el-header style="font-size: 17px;height: 5vh;text-align: center;line-height: 5vh;border-bottom:1px solid #dcdfe6;">
        <strong>请选择项目：</strong>
      </el-header>
      <el-row style="overflow-y:auto;padding: 0 10px;">
        <el-tree
          :highlight-current="true"
              :data="treeDataLists"
          :props="defaultProps"
          node-key="id"
          @node-click = 'treeNodeClickHandler'
          ref="tree2"></el-tree>
      </el-row>
    </el-aside>
    <el-main>
      <el-form :model="form" label-width="110px">
          <el-form-item label="" style="text-align: right;">
              <el-button type="danger" @click="theRectificationReply">批复</el-button>
          </el-form-item>
        <el-form-item label="处罚情况说明：">
          <el-input v-model="form.punishMents" type="textarea" :rows="5" autocomplete="off" disabled></el-input>
        </el-form-item>
        <el-form-item label="问责情况说明：">
          <el-input v-model="form.rspnMents" type="textarea" :rows="5" autocomplete="off" disabled></el-input>
        </el-form-item>
      </el-form>
      <el-table
        :data="tableData"
        border
        stripe
        :height="tableHeight"
        style="width: 100%">
        <el-table-column
          prop="pblmNm"
          label="问题名称"
          min-width="180"
          show-overflow-tooltip
          align="center">
        </el-table-column>
        <el-table-column
          prop="note"
          label="问题描述"
          min-width="180"
          show-overflow-tooltip
          align="center">
        </el-table-column>
        <el-table-column
          label="严重性"
          min-width="80"
          show-overflow-tooltip
          align="center">
          <template slot-scope="scope">
            <p v-if="scope.row.pblmPasi == 0"><span class="inspPblmCate" style="background: #27C19F;">一般</span></p>
            <p v-if="scope.row.pblmPasi == 1"><span class="inspPblmCate" style="background: #E6A23C;" >较重</span></p>
            <p v-if="scope.row.pblmPasi == 2"><span class="inspPblmCate" style="background: #F56C6C;" >严重</span></p>
          </template>
        </el-table-column>
        <el-table-column
          label="问题详情"
          min-width="180"
          align="center">
          <template slot-scope="scope">
            <el-button type="text" size="small" @click="problemSee(scope.row)">查看</el-button>
          </template>
        </el-table-column>
        <el-table-column
          label="整改状态"
          min-width="120"
          align="center">
          <template slot-scope="scope">
            <span v-if="scope.row.rectConc">{{scope.row.rectConc == '1' ? '未整改' : scope.row.rectConc == '2' ? '整改中' : scope.row.rectConc == '3' ? '已整改' : scope.row.rectConc == '4' ? '不具备整改条件': ''}}</span>
          </template>
        </el-table-column>
        <el-table-column
          label="整改进度"
          min-width="80"
          align="center">
          <template slot-scope="scope">
            <el-button type="text" size="small" @click="toShowDetail(scope.row)">查看</el-button>
          </template>
        </el-table-column>
        <el-table-column
          label="批复意见"
          min-width="120"
          align="center">
        </el-table-column>
      </el-table>
    </el-main>
    <!-- 查看问题弹窗 -->
    <el-dialog
            title="查看问题"
            width="60%"
            :visible.sync="dialogDetailVisible"
            :close-on-click-modal="false"
            :modal-append-to-body="true"
            :append-to-body="true">
      <problem-detail :problemId="rowPblRowId"></problem-detail>
    </el-dialog>
    <!-- 整改反馈问题弹窗 -->
    <add-rectify v-if="showRectifyDialog" @dialogClose="dialogClose"></add-rectify>
    <!--处罚情况-->
    <punishCondition
            v-if="isPunishConditionDialog"
            @chuFaDialogClose="chuFaDialogClose"
            :isLookOver="ifMinistriesAgencies"
    ></punishCondition>
    <!--问责情况-->
    <accountabilityCondition v-if="isAccountabilityCondition" @wenZeDialogClose="wenZeDialogClose" :isLookOver="isWzLookOver"></accountabilityCondition>
    <!--整改进度查看-->
    <el-dialog title="整改进度" width="60%" :visible.sync="dialogDetailZgJdVisible" :close-on-click-modal="false" :modal-append-to-body="true" :append-to-body="true">
      <rectificationProgress @closeDialog="zgJdCloseDialog" :problemId="rowPblRowId" :pblmListId="pblmListId" :ifMinistriesAgencies="ifMinistriesAgencies"></rectificationProgress>
    </el-dialog>
  </el-container>
</template>

<script>
  import problemDetail from './problemDetail_zgfk.vue'
  import addRectify from './addRectify_zgfk.vue'
  import punishCondition from './punishCondition'
  import accountabilityCondition from './accountabilityCondition'
  import rectificationProgress from './rectificationProgress'
  import request from '../../../utils/gw_ajax_request'
    export default {
        name: "reformFeedback",
        components:{
          problemDetail,
          addRectify,
          punishCondition,
          accountabilityCondition,
          rectificationProgress
        },
        props:["rectId","ifMinistriesAgencies"],
        data(){
          return {
            formTable:{
              name:'',
              region:''
            },
            form:{
              "punishMents": '',
              "rspnMents": '',
              "id": "",
              "rectId": "",
              "rgstrId": "",
              "objId": "",
              "name": "",
              "rectConc": "",
              "note": null,
              "persId": null,
              "persName": null,
              "intm": "",
              "uptm": "",
              "dataStat": "0"

            },
            dialogDetailVisible:false,
            showRectifyDialog: false,
            isPunishConditionDialog:false,
            isAccountabilityCondition: false,
            tableData:[],
            tableHeight: window.innerHeight - 480,
            cardHeight: window.innerHeight - 170,
            pageSize: 1,
            pageNum: 20,
            spanOneArr:[],
            concatOne:0,
            spanEightArr:[],
            concatEight:0,
            spanNineArr:[],
            concatNine:0,
            isLookOver: true,
            isWzLookOver: false,
            dialogDetailZgJdVisible: false,
            treeDataLists:[],
            defaultProps: {
              // children: 'children',
              label: 'name'
            },
            nodeId:'',
            rowPblRowId:'',
            rectIds: '',
            pblmListId: ''
          }
        },
        mounted: function () {
          this.getTreeListData();
        },
        methods:{
          getTreeListData(){
              request.get(`/tac/pblm/rect/list/getRectListByInfoId/${this.rectId}`).then(res =>{
                this.treeDataLists = res.data;
              })
          },
          //树节点点击事件
          treeNodeClickHandler:function(data,node,tree){
              this.nodeId = data.id;
              this.getMenu();
          },
          getMenu(){
            request.get(`/tac/pblm/rect/list/${this.nodeId}`).then(res =>{
              if(res.success){
                this.form = res.data;
              }
            })
            request.get(`/tac/pblm/rect/list/plmb/getPlmbByPblmListId/${this.nodeId}`).then(res =>{
              if(res.success){
                this.$nextTick(()=>{
                  this.tableData = res.data;
                })
              }
            })
          },
          updateQk(){
            if(this.nodeId){
              request.post(`/tac/pblm/rect/list/update`, this.form).then(res =>{
                if(res.success){
                  this.$message.success("保存成功");
                  this.$nextTick(()=>{
                    this.form = res.data;
                  })
                }
              })
            }else{
              this.$message.warning("请选择左侧项目");
            }

          },
          toSearch(){},
          exportTable(){},
          handleSizeChange(){},
          handleCurrentChange(){},
          //  问题查看
          problemSee(row){
            this.rowPblRowId = row.id;
            this.dialogDetailVisible = true;
          },
          toShowDetail(row){
            this.rowPblRowId = row.id;
            this.pblmListId = row.pblmListId;
            this.dialogDetailZgJdVisible = true;
          },
          toShowRectify(){
            this.showRectifyDialog = true
          },
          dialogClose(){
            this.showRectifyDialog = false

          },
          //关闭
          chuFaDialogClose(){
            this.isPunishConditionDialog = false;
          },
          //整改进度关闭
          zgJdCloseDialog(){
            this.dialogDetailZgJdVisible = false;
          },
          wenZeDialogClose(){
            this.isAccountabilityCondition = false;
          },
            //批复
            theRectificationReply(){


            }
        },
        watch:{
          rectId(n){
              if(n == '' || n == undefined){
                  this.treeDataLists = [];
                  this.form = {};
                  this.tableData = [];
              }else{
                  this.getTreeListData();
              }
          }
        }
    }
</script>

<style lang="scss" scoped>
  .reformFeedback{
      .el-tree-node__label {
          font-size: 14px;
      }
    .el-main{
      padding: 20px 20px 0 20px;
    }
    .inspPblmCate{
      padding: 2px 10px;
      border-radius:10px;
      color: #ffffff;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
    }
  }

</style>