fj-dc-ui/.svn/pristine/8e/8eaefcafb3ed7abdc59a6624c6de5857f21c0a83.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="80px">
          <el-form-item label="项目名称">
            <el-input v-model="searchObj.projectName" 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="projectName"
          label="项目名称">
        </el-table-column>
        <el-table-column 
        align="center" 
        show-overflow-tooltip 
        prop="jsdw" 
        label="建设单位" 
        min-width="100"
        ></el-table-column>
        <el-table-column 
        align="center" 
        show-overflow-tooltip 
        prop="jldw" 
        label="监理单位" 
        min-width="100"
        ></el-table-column>
        <el-table-column 
        align="center" 
        show-overflow-tooltip 
        prop="sgdw" 
        label="施工单位" 
        min-width="100"
        ></el-table-column>
        <el-table-column 
        align="center" 
        show-overflow-tooltip 
        prop="projectStartdate" 
        label="项目开始时间" 
        :formatter="timestampToDate"
        sortable
        min-width="100"
        ></el-table-column>
        <el-table-column
          prop="projectInfo"
          label="项目简介"
          min-width="230"
          show-overflow-tooltip>
        </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="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.projectName" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="建设单位">
          <el-input v-model="addObj.jsdw" autocomplete="off" placeholder="请选择建设单位"></el-input>
        </el-form-item>
        <el-form-item label="监理单位">
          <el-input v-model="addObj.jldw" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="施工单位">
          <el-input v-model="addObj.sgdw" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="项目开始日期" prop="projectStartdate" :rules="{required: true}">
          <el-date-picker
            v-model="addObj.projectStartdate"
            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.projectInfo" autocomplete="off"></el-input>
        </el-form-item>
        <el-form-item label="备注">
          <el-input v-model="addObj.projectRemark" 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'
export default {
   data() {
    return {
      tableHeight: window.innerHeight - 210,
      formLabelWidth: '120px',
      currentDate: new Date(),
      total: 0,
      memberList: [],
      searchObj: {
          pageSize: 20,
          pageNum: 1,
          projectName: ''
      },
      curOperate: '',
      xmInfoDialog: false,
      //督查人员信息修改
      addObj: {
          projectName: '',
          jsdw: '',
          jldw: '',
          sgdw: '',
          projectStartDate: '',
          projectInfo: '',
          projectRemark: '',
          projectId: ''
        }
    };
  },
  computed:{
      persId(){
        return localStorage.getItem('userid') ? localStorage.getItem('userid') : ''
      }
    },
  mounted(){
      this.getMemberList();
  },
  methods:{
    handleCurrentChange(val) {
        this.searchObj.pageNum = val
        this.getMemberList()
      },
   handleSizeChange(val) {
        this.searchObj.pageSize = val
        this.getMemberList()
      },
   getMemberList(){
        request.post('/bis/insp/AttProjectBase/findProjectList',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}});
  },
    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;
  },
  // 督查人员
  toAddMember(type, row) {
        this.curOperate = type;
        let rowObj = {};
        Object.assign(rowObj, row);
        if (this.curOperate == "编辑") {
          request.get(`bis/insp/AttProjectBase/${rowObj.projectId}`).then(res => {
            if (res.success) {
              this.addObj = res.data;
              console.log('ccccccccc');
              console.log(res.data);
            } else {
              this.$message.error(res.message);
            }
          });
        } else {
          for (var obj in this.addObj) {
              this.addObj[obj] = "";
          }
        }
        this.xmInfoDialog = true;
  },
  deleteMember(row) {
        this.$confirm("确定删除该项目吗?", "提示", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning"
        })
          .then(() => {
            request.post(`/bis/insp/AttProjectBase/delete/${row.projectId}`).then(res => {
              if (res.success) {
                this.getMemberList();
                this.xmInfoDialog = false;
                this.$message({
                  type: "success",
                  message: "删除成功!"
                });
              }
            });
          })
          .catch(() => {
            this.$message({
              type: "info",
              message: "已取消删除"
            });
          });
  },
  addMember() {
        let form = new FormData();
        var requestUrl = "";
        for (var obj in this.addObj) {
          if (this.addObj[obj] == "null" || !this.addObj[obj]) {
            this.addObj[obj] = "";
          }
        }
        if (!this.addObj.projectName) {
          this.$message.info("请输入项目名称");
          return;
        }
        if (!this.addObj.projectInfo) {
          this.$message.info("请输入项目简介");
          return;
        }
        if(this.curOperate == "编辑"){
          requestUrl = `/bis/insp/AttProjectBase/update?projectName=${
            this.addObj.projectName
          }&projectId=${this.addObj.projectId}&jsdw=${this.addObj.jsdw}&jldw=${this.addObj.jldw}&sgdw=${this.addObj.sgdw}&projectInfo=${this.addObj.projectInfo}&projectRemark=${
            this.addObj.projectRemark
          }&projectStartdate=${
            this.addObj.projectStartDate
          }&persId=${this.persId}`;

        }
        if (this.curOperate == "添加") {
          requestUrl = `/bis/insp/AttProjectBase/insert?projectName=${
            this.addObj.projectName
          }&jsdw=${this.addObj.jsdw}&jldw=${this.addObj.jldw}&sgdw=${this.addObj.sgdw}&projectInfo=${this.addObj.projectInfo}&projectRemark=${
            this.addObj.projectRemark
          }&projectStartdate=${
            this.addObj.projectStartDate
          }&persId=${this.persId}`;
        } 
        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>

</style>