fj-dc-ui/.svn/pristine/66/66a4fb5d2e0fa4722145690d19408e5a6289dfca.svn-base

<template>
    <el-container>
    <div class="user-manage" style="min-width: 100%; height: 100%;">
      <div class="search-wrapper">
        <el-form ref="form" :inline="true" label-width="100px">
          <el-form-item label="检查表名称">
            <el-input v-model="searchObj.reportName" clearable></el-input>
          </el-form-item>
          <el-button type="primary" @click="getMemberList()">查询</el-button>
          <el-button type="primary" @click="toAddMember('添加')">添加检查表</el-button>
        </el-form>
      </div>
      <el-table
        :data="memberList"
        border
        stripe
        :height="tableHeight"
        style="width: 100%;">
        <el-table-column 
          prop="reportName"
          label="检查表名称">
        </el-table-column>
        <el-table-column 
        align="center" 
        show-overflow-tooltip 
        prop="reporttypeName" 
        label="检查表类型" 
        min-width="100"
        ></el-table-column>
        <el-table-column 
        align="center" 
        show-overflow-tooltip 
        prop="intm" 
        label="创建时间" 
        :formatter="timestampToDate"
        sortable
        min-width="100"
        ></el-table-column>
      
        <el-table-column label="操作" fixed="right">
          <template slot-scope="scope">
            <el-button type="success" plain @click="toAddMember('编辑',scope.row)">编辑基础信息</el-button>
            <el-button type="info" plain @click="openPageoffice('编辑内容',scope.row)">编辑内容</el-button>
            <el-button type="danger" plain @click="deleteMember(scope.row)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
      <el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="searchObj.pageNum"
        :page-sizes="[10, 20, 300, 40]"
        :page-size="searchObj.pageSize"
        layout="total, prev, pager, next"
        :total="total"
        style="margin: 10px auto">
      </el-pagination>
     
    </div>

        <!-- 添加/编辑项目信息弹窗 -->
    <el-dialog :title="curOperate+'检查表'" :visible.sync="xmInfoDialog">
      <el-form :model="addObj" :label-width="formLabelWidth">
        <el-form-item label="检查表名称" :rules="{required: true}">
          <el-input v-model="addObj.reportName" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="检查表编号">
          <el-input v-model="addObj.reportNumber" autocomplete="off"></el-input>
        </el-form-item>
       <el-form-item label="检查表类别" class="mydropdown" style="text-align:left;background:white !important;">
            <el-select v-model="addObj.reportType" value-key="items" placeholder="请选择">
                <el-option v-for="(item,index) in checkreporttypeList" :key="index" :label="item.reporttypeName" :value="item.reporttypeNumber">
                </el-option>
            </el-select>
        </el-form-item>
         <el-form-item label="创建时间" prop="intm" :rules="{required: true}">
          <el-date-picker
            v-model="addObj.intm"
            type="date"
            format="yyyy 年 MM 月 dd 日"
            value-format="yyyy-MM-dd"
          ></el-date-picker>
        </el-form-item>
        <el-form-item label="检查表">
          <el-input v-model="addObj.file" id="file" type="file" :disabled="fileDisabled"></el-input>
        </el-form-item>
        <el-form-item label="备注">
          <el-input v-model="addObj.reportRemark" autocomplete="off"></el-input>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="xmInfoDialog = false">取 消</el-button>
        <el-button type="primary" @click="addMember">确 定</el-button>
      </div>
    </el-dialog>
      </el-container>
</template>
<script>
import request from '../../../utils/gw_ajax_request.js'
import {hostUrl} from '@util/global_variable.js'
export default {
  //import引入的组件需要注入到对象中才能使用
  components: {

    upload: resolve => {
      require(["../../../widgets/uploadFile.vue"], resolve);
    }
  },
   data() {
    return {
      tableHeight: window.innerHeight - 210,
      formLabelWidth: '120px',
      currentDate: new Date(),
      total: 0,
      memberList: [],
      searchObj: {
          pageSize: 20,
          pageNum: 1,
          reportName: ''
      },
      checkreporttypeList:[],
      curOperate: '',
      xmInfoDialog: false,
      fileDisabled: true,
      //督查人员信息修改
      addObj: {
          reportName: '',
          reportType: '',
          intm: '',
          reportRemark: '',
          reportNumber: '',
          reportId: '',
          file:''
        }
    };
  },
  computed:{
      persId(){
        return localStorage.getItem('userid') ? localStorage.getItem('userid') : ''
      }
    },
  mounted(){
      this.getMemberList();
      this.getAttCheckreporttypeList();
  },
  methods:{
    handleCurrentChange(val) {
        this.searchObj.pageNum = val
        this.getMemberList()
      },
   handleSizeChange(val) {
        this.searchObj.pageSize = val
        this.getMemberList()
      },
   getAttCheckreporttypeList(){
        request.get(`bis/insp/AttCheckreporttypeBase/findCheckreportTypeList`).then(res => {
            if (res.success) {
              this.checkreporttypeList = res.data;
            } else {
              this.$message.error(res.message);
            }
          });
   },
   getMemberList(){
        request.post('/bis/insp/AttCheckreportBase/findCheckReportList',this.searchObj).then((res)=>{
            if(res.success){
              this.memberList = res.data.list
              this.total = res.data.total
            }else{
              this.$message.warning(res.message)
            }
        }).catch(error=>{
          this.$message.error(error)
        })
   },
   handleEdit(rowData){
     this.$router.push({name: '/xtgl/yhgl',params:{ projectId:rowData.projectName}});
  },
  // 督查人员
  toAddMember(type, row) {
        this.curOperate = type;
        let rowObj = {};
        Object.assign(rowObj, row);
        if (this.curOperate == "编辑") {
          
          request.get(`bis/insp/AttCheckreportBase/${rowObj.reportId}`).then(res => {
            if (res.success) {
              this.addObj = res.data;
            } else {
              this.$message.error(res.message);
            }
          });
          this.fileDisabled = true;
        } else {
          for (var obj in this.addObj) {
              this.addObj[obj] = "";
          }
          this.fileDisabled = false;
        }
        this.xmInfoDialog = true;

  },
  deleteMember(row) {
        this.$confirm("确定删除该报表吗?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            request.post(`/bis/insp/AttCheckreportBase/delete/${row.reportId}`).then(res => {
              if (res.success) {
                this.getMemberList();
                this.xmInfoDialog = false;
                this.$message({
                  type: "success",
                  message: "删除成功!"
                });
              }
            });
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消删除"
            });
          });
  },
  timestampToDate(row, column) {
      var date = new Date(row.intm);
      var Y = date.getFullYear() + "-";
      var M =
        (date.getMonth() + 1 < 10
          ? "0" + (date.getMonth() + 1)
          : date.getMonth() + 1) + "-";
      var D =
        (date.getDate() < 10 ? "0" + date.getDate() : date.getDate()) + " ";
      // var h =
      //   (date.getHours() < 10 ? "0" + date.getHours() : date.getHours()) + ":";
      // var m =
        date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes();
      return Y + M + D;
  },
  openPageoffice:function(type, row){
            let rowObj = {};
            Object.assign(rowObj, row);
            let host = hostUrl;
            // let host = 'http://10.1.102.140:9002';
            let nginx = '/pageofficePath/';
            let href = 'pageoffice://|'+host+nginx+'/dc/pageoffice/quality/checkreportWord/'+rowObj.reportId+'|width=1100px;height=800px;ismodal=false;||91A4EE66EC1921F376873E85D6C74FFA|A890649B44577C32CE1930797E1299F9';
            let a = document.createElement('a'); // 创建a标签
            a.setAttribute('href', href);// href链接
            a.click();// 自执行点击事件
  },
  addMember() {
        let form = new FormData();
        form.append("file", $("#file")[0].files[0]);
        var requestUrl = "";
        for (var obj in this.addObj) {
          if (this.addObj[obj] == "null" || !this.addObj[obj]) {
            this.addObj[obj] = "";
          }
        }
        if (!this.addObj.reportName) {
          this.$message.info("请输入报表名称");
          return;
        }
        if (!this.addObj.file && !this.fileDisabled) {
          this.$message.info("请上传报表文件");
          return;
        }
        if(this.curOperate == "编辑"){
          requestUrl = `/bis/insp/AttCheckreportBase/update?reportName=${
            this.addObj.reportName
          }&reportId=${this.addObj.reportId}&reportNumber=${this.addObj.reportNumber}&reportType=${this.addObj.reportType}&reportRemark=${this.addObj.reportRemark}&intm=${
            this.addObj.intm
          }`;

        }
        if (this.curOperate == "添加") {
          requestUrl = `/bis/insp/AttCheckreportBase/insert?reportName=${
            this.addObj.reportName
          }&reportNumber=${this.addObj.reportNumber}&reportType=${this.addObj.reportType}&reportRemark=${this.addObj.reportRemark}&intm=${
            this.addObj.intm
          }`;
        } 
        var _self = this;
         request
            .post(requestUrl, form, {
              headers: { "Content-Type": "multipart/form-data" }
            })
            .then(res => {
              if (res.success) {
                this.getMemberList();
                this.xmInfoDialog = false;
                this.$message.success(_self.curOperate+"成功");
              } else {
                this.$message.error(res.message);
              }
            });
  }
}
}
</script>
<style scoped>

</style>


<style lang="css">
.el-select-dropdown.el-popper > .el-scrollbar {
  background-color: white !important;
}
</style>