fj-dc-ui/.svn/pristine/49/49e5cdab152903e1d1f406a3f532efbe63b560cd.svn-base

<template>
  <div style="width: 100%;height: 100%;">
    <el-card style="height: 100%;">
      <div class="search" style="margin-bottom: 15px;">
        <el-row>
          <el-col :span="24">
            <el-form
              :inline="true"
              size="mini"
              class="demo-form-inline"
            >
              <!--<el-form-item label="年度">-->
                <!--<el-select v-model="kbType" clearable placeholder="督查状态">-->
                  <!--<el-option label="未督查" value="0"></el-option>-->
                  <!--<el-option label="督查中" value="1"></el-option>-->
                  <!--<el-option label="已督查" value="2"></el-option>-->
                <!--</el-select>-->
              <!--</el-form-item>-->
              <!--<el-form-item label="批次">-->
                <!--<el-select v-model="kbType" clearable placeholder="督查状态">-->
                  <!--<el-option label="未督查" value="0"></el-option>-->
                  <!--<el-option label="督查中" value="1"></el-option>-->
                  <!--<el-option label="已督查" value="2"></el-option>-->
                <!--</el-select>-->
              <!--</el-form-item>-->
              <!--<el-button type="primary" icon="el-icon-search">查询</el-button>-->
              <!--<el-input  placeholder="请输入姓名" style="width: 13vw;"></el-input>-->
              <!--<el-button type="success">导出Excel</el-button>-->
              <el-button type="primary" icon="el-icon-plus" style="float: right;" @click="addPers">添加</el-button>
            </el-form>
          </el-col>
        </el-row>
      </div>
      <!--<div>-->
        <!--<el-table-->
          <!--v-loading="faLoading"-->
          <!--border-->
          <!--ref="multipleTable"-->
          <!--:height="tableHeight"-->
          <!--:data="fangAnResult"-->
          <!--tooltip-effect="dark"-->
          <!--style="width: 100%"-->
        <!--&gt;-->
          <!--<el-table-column align="center" type="index" label="序号" min-width="25">-->
            <!--<template slot-scope="scope">{{ (pageNum - 1) * pageSize + (scope.$index + 1) }}</template>-->
          <!--</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="100"-->
            <!--prop="planUnt"-->
            <!--label="姓名"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="100"-->
            <!--prop="plnNm"-->
            <!--label="性别"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="120"-->
            <!--prop="inspType"-->
            <!--label="身份证号"-->
            <!--show-overflow-tooltip-->
          <!--&gt;-->
            <!--<template slot-scope="scope">-->
              <!--{{dclxType(scope.row.inspType)}}-->
            <!--</template>-->
          <!--</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--show-overflow-tooltip-->
            <!--prop="sendState"-->
            <!--label="学历"-->
          <!--&gt;-->
            <!--<template slot-scope="scope">-->
              <!--<span v-if="scope.row.sendState == '1'" style="background: green; padding:4px 10px;border-radius: 15px;color: #ffffff;">{{scope.row.sendState | dcState}}</span>-->
              <!--<span v-if="scope.row.sendState == '0'" style="background: red; padding:4px 10px;border-radius: 15px;color: #ffffff;">{{scope.row.sendState | dcState}}</span>-->
            <!--</template>-->
          <!--</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="200"-->
            <!--label="角色"-->
            <!--show-overflow-tooltip-->
          <!--&gt;-->
            <!--<template slot-scope="scope" v-if="scope.row.bisInspRecvUnitList">-->
                    <!--<span v-for="(item,index) in scope.row.bisInspRecvUnitList" :key="index">-->
                      <!--<span v-if="item.recvType == 'RECV'">{{item.orgName + '  '}}</span>-->
                    <!--</span>-->
            <!--</template>-->
          <!--</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="200"-->
            <!--label="库别"-->
            <!--show-overflow-tooltip-->
          <!--&gt;-->
            <!--<template slot-scope="scope" v-if="scope.row.bisInspRecvUnitList">-->
                    <!--<span v-for="(item,index) in scope.row.bisInspRecvUnitList" :key="index">-->
                      <!--<span v-if="item.recvType == 'COPY'">{{item.orgName + '  '}}</span>-->
                    <!--</span>-->
            <!--</template>-->
          <!--</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="100"-->
            <!--prop="planNo"-->
            <!--label="入库时间"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="150"-->
            <!--prop="planCnt"-->
            <!--label="在职情况"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="100"-->
            <!--prop="intm"-->
            <!--label="是否培训"-->
          <!--&gt;-->
            <!--<template slot-scope="scope">-->
              <!--<span v-if="scope.row.intm">{{formatDate(scope.row.intm)}}</span>-->
            <!--</template>-->
          <!--</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="推荐单位"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="原工作地"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="工作单位"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="单位职称"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="职称"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="职务"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="从事专业"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="流域机构"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="电话1"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="电话2"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
            <!--header-align="center"-->
            <!--align="center"-->
            <!--min-width="80"-->
            <!--prop="persName"-->
            <!--label="Email"-->
            <!--show-overflow-tooltip-->
          <!--&gt;</el-table-column>-->
          <!--<el-table-column-->
          <!--align="center"-->
          <!--min-width="220"-->
          <!--label="操作"-->
          <!--fixed="right"-->
          <!--&gt;-->
          <!--<template slot-scope="scope">-->
          <!--<el-button type="primary" size="mini" @click.stop="fangAnModifyThe(scope.row)">编辑</el-button>-->
          <!--<el-button type="danger" size="mini" @click.stop="fangAnDelete(scope.row)">删除</el-button>-->
          <!--</template>-->
          <!--</el-table-column>-->
        <!--</el-table>-->
      <!--</div>-->
    </el-card>

    <!-- 添加人员 -->
    <el-dialog :title="dialogFaTitle + '人员信息'" :visible.sync="addPlanDialogVisible" v-if="addPlanDialogVisible" :close-on-click-modal="false">
      <el-form :model="renyuanForm" ref="renyuanForm" :label-width="FormlableWidth" class="renyuan_form" :rules="rulesry">
        <el-form-item label="姓名" prop="name">
          <el-input v-model="renyuanForm.name" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="性别" prop="sex">
          <template>
            <el-radio v-model="renyuanForm.sex" label="男">男</el-radio>
            <el-radio v-model="renyuanForm.sex" label="女">女</el-radio>
          </template>
        </el-form-item>
        <el-form-item label="身份证号" prop="idNo">
          <el-input v-model="renyuanForm.idNo" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="手机" prop="mobilenumb">
          <el-input v-model="renyuanForm.mobilenumb" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="学历" prop="education">
          <el-select v-model="renyuanForm.education">
            <el-option label="专科及以下" value="1"></el-option>
            <el-option label="本科" value="2"></el-option>
            <el-option label="研究生" value="3"></el-option>
            <el-option label="博士" value="4"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="角色" prop="roleType">
          <el-select v-model="renyuanForm.roleType" clearable placeholder="请选择">
            <el-option :label="item.label" :value="item.value" v-for="(item,index) in roleTypeData" :key="index"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="库别" prop="groupType">
          <el-select v-model="renyuanForm.groupType" clearable placeholder="库别">
            <el-option :label="item.label" :value="item.value" v-for="(item,index) in groupTypeData" :key="index"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="入库时间" prop="inTm">
          <el-date-picker
            v-model="renyuanForm.inTm"
            type="date"
            placeholder="选择日期">
          </el-date-picker>
        </el-form-item>
        <el-form-item label="在职情况" prop="isOffice">
          <el-select v-model="renyuanForm.isOffice">
            <el-option label="是" value="1"></el-option>
            <el-option label="否" value="2"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="是否培训" prop="isTraining">
          <el-select v-model="renyuanForm.isTraining">
            <el-option label="是" value="1"></el-option>
            <el-option label="否" value="2"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="推荐单位">
          <el-input v-model="renyuanForm.recommendedUnits" placeholder="请输入推荐单位"></el-input>
        </el-form-item>
        <el-form-item label="原工作地" prop="workAdNm">
          <el-input v-model="renyuanForm.workAdNm" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="工作单位">
          <el-input v-model="renyuanForm.workDpNm" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="单位职级" prop="unitRanks">
          <el-select v-model="renyuanForm.unitRanks" clearable placeholder="请选择">
            <el-option label="省部级" value="1"></el-option>
            <el-option label="地市级" value="2"></el-option>
            <el-option label="县市级" value="3"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="职称" prop="titles">
          <el-select v-model="renyuanForm.titles" clearable placeholder="请选择">
            <el-option label="正高" value="1"></el-option>
            <el-option label="副高" value="2"></el-option>
            <el-option label="中级" value="3"></el-option>
            <el-option label="县市级" value="4"></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="职务">
          <el-input v-model="renyuanForm.duty" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="从事专业">
          <el-input v-model="renyuanForm.professional" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="流域机构">
          <el-select v-model="renyuanForm.orgCode" clearable>
            <el-option
              v-for="item in lyjgData"
              :key="item.id"
              :label="item.pnm"
              :value="`${item.pnm}|${item.id}`"
              style="height: 5vh"
            ></el-option>
          </el-select>
        </el-form-item>
        <el-form-item label="电话" prop="telnumb">
          <el-input v-model="renyuanForm.telnumb" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="Email" prop="email">
          <el-input v-model="renyuanForm.email" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="紧急联系人">
          <el-input v-model="renyuanForm.emgcCntct" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="紧急联系方式" prop="emgcCntctPhone">
          <el-input v-model="renyuanForm.emgcCntctPhone" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="银行账户">
          <el-input v-model="renyuanForm.bankAccount" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="开户银行">
          <el-input v-model="renyuanForm.bankName" placeholder="请输入内容"></el-input>
        </el-form-item>
        <el-form-item label="体检结果">
          <el-input v-model="renyuanForm.oe" placeholder="请输入内容"></el-input>
        </el-form-item>
        <!--<el-form-item label="简历">-->
          <!--<el-upload-->
            <!--ref="upload"-->
            <!--class="upload-demo"-->
            <!--:action="UploadUrl()"-->
            <!--:headers="header"-->
            <!--accept=".pdf"-->
            <!--:file-list="fileList"-->
            <!--:on-error="fileUpErr"-->
            <!--:on-success="fileSuccess"-->
            <!--:before-upload="onBeforeUploadpdf"-->
            <!--:on-change="addFile"-->
            <!--:auto-upload="false"-->
            <!--:on-preview="handlePreview"-->
            <!--:before-remove="beforeRemove"-->
          <!--&gt;-->
            <!--<el-button size="small" type="primary">选取文件</el-button>-->
            <!--<div slot="tip" class="el-upload__tip">只能上传pdf文件</div>-->
          <!--</el-upload>-->
        <!--</el-form-item>-->

      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="addPlanDialogVisible = false">取 消</el-button>
        <el-button type="primary"  @click="appendPlan('renyuanForm')" >确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
  import request from '../../../utils/gw_ajax_request'
  export default {
    name: "renYuanXinXi",
    data(){
      var checkTel = (rule, value, callback) => {
        if (value == '') {
          callback();
        }
        if (isNaN(value)) {
          callback(new Error('请输入合理电话'));
        }
        var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/; //座机
        var isMob = /^[1][3,4,5,7,8][0-9]{9}$/; // 座机格式
        if (!isMob.test(value) && !isPhone.test(value)) {
          callback(new Error('请输入合理电话'));
        } else {
          callback();
        }
      };
      var isEmail = (rule, value, callback) => {
        if (!value) {
          callback();
        } else {
          const reg = /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/;
          const email = reg.test(value);
          if (!email) {
            callback(new Error("邮箱格式如:admin@163.com"));
          } else {
            callback();
          }
        }
      }
      return{
        tableHeight: window.innerHeight * .7,
        kbType: "",
        addPlanDialogVisible: false,
        renyuanForm: {
          name: "",
          sex: "",
          idNo: "",
          mobilenumb: "",
          education: "",
          roleType: "",
          groupType: "",
          inTm: "",
          isOffice: "",
          isTraining: "",
          recommendedUnits: "",
          workAdNm: "",
          workDpNm: "",
          unitRanks: "",
          titles: "",
          duty: "",
          professional: "",
          orgCode: "",
          telnumb: "",
          email: "",
          emgcCntct: "",
          emgcCntctPhone: "",
          bankAccount: "",
          bankName: "",
          oe: "",
          resume: ""
        },
        dialogFaTitle: "添加",
        FormlableWidth: window.innerWidth * .15 + "px",
        lyjgData: [],
        rulesry:{
          name:[{ required: true, message: '姓名不能为空'}],
          sex: [{ required: true, message: '性别不能为空'}],
          idNo:[
            { required: true, message: '请填写证件号码', trigger: 'blur' },
            {
              pattern: /(^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$)|(^[1-9]\d{5}\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{2}$)/,
              message: '证件号码格式有误！',
              trigger: 'blur'
            }
          ],
          mobilenumb:[
            { required: true, message: '手机不能为空'},
            {validator: checkTel, trigger: 'blur'}
          ],
          education:[{ required: true, message: '学历不能为空'}],
          roleType: [{ required: true, message: '角色不能为空'}],
          groupType:[{ required: true, message: '库别不能为空'}],
          inTm: [{ required: true, message: '入库时间不能为空'}],
          isOffice:[{ required: true, message: '在职情况不能为空'}],
          isTraining: [{ required: true, message: '是否培训不能为空'}],
          workAdNm:[{ required: true, message: '原工作地不能为空'}],
          unitRanks: [{ required: true, message: '单位职级不能为空'}],
          titles: [{ required: true, message: '职称不能为空'}],
          telnumb: [
            { required: true, message: '电话不能为空'},
            {validator: checkTel, trigger: 'blur'}
          ],
          email: [
            { validator: isEmail, trigger: "blur" }
          ],
          emgcCntctPhone: [
            {validator: checkTel, trigger: 'blur'}
          ]
        },
      }
    },
    computed: {
      groupTypeData(){
        return this.$store.state.jcState.groupTypeData;
      },
      roleTypeData(){
        return this.$store.state.jcState.roleTypeData;
      }
    },
    mounted(){
      this.getRyYjTypeData();
    },
    methods:{
      getRyYjTypeData() {
        request.get(`dc/brief/report/getRiverNode?type=1`)
          .then(res => {
            if (res.success) {
              this.lyjgData = res.data;
            }
          })
          .catch(err => {});
      },
      addPers(){
          this.addPlanDialogVisible = true;
      },
      appendPlan(from){
        if(this.dialogFaTitle == '添加'){
          let [label,value] = this.renyuanForm.orgCode.split('|') // es6 数组解构赋值
          this.renyuanForm["orgCode"] = value;
          this.renyuanForm["orgName"] = label;
          this.$refs[from].validate((valid) => {
            if (valid) {
              request.post('/tac/worker/b',this.renyuanForm).then((res)=>{
                if(res.success){
                  // 文件上传
                  // this.url = res.data.id;
                  // this.$nextTick(function () {
                  //   this.$refs.upload.submit();
                  // })
                  this.$message.success("添加成功");
                  this.addPlanDialogVisible = false;
                }else{
                  this.$message.error(res.message);
                }
              })
            } else {
              console.log('error submit!!');
              return false;
            }
          });
        }else{
          this.$refs[formName].validate((valid) => {
            if (valid) {
              if(this.fileList.length <= 0){
                this.$message.error("请至少上传一个文件！");
                return;
              }
              let obj = {};
              let str_recieve = '';
              str_recieve = this.duchaForm.recvOrgId.toString();
              obj.planNo = this.duchaForm.planNo;//公文号
              obj.plnNm = this.duchaForm.plnNm;//计划名称
              obj.inspType = this.duchaForm.inspType;//类型
              obj.recvOrgId = str_recieve;//接受单位ID
              obj.planUnt = this.duchaForm.planUnt;
              obj.pesrid = localStorage.getItem("userid");
              obj.planYr = this.duchaForm.planYr;
              obj.copyOrgId = this.duchaForm.copyOrgId.toString();
              obj.planCnt = this.duchaForm.planCnt;
              obj.id = this.rowId;
              if(this.fileBoolean){
                request.post('/bis/insp/ntfctn/update',obj).then((res)=>{
                  if(res.success){
                    // 文件上传
                    // this.formData = Object.assign({},this.fileListData);
                    this.url = res.data.id;
                    this.$nextTick(function () {
                      this.$refs.upload.submit();
                      this.fileBoolean = false;
                    })

                  }
                })
              }else{
                request.post('/bis/insp/ntfctn/update',obj).then((res)=>{
                  if(res.success){
                    // 文件上传
                    this.url = res.data.id;
                    this.$message.success('更新成功');
                    this.addPlanDialogVisible = false;
                    this.getInspectorFangan();
                  }
                })
              }

            } else {
              console.log('error submit!!');
              return false;
            }
          });
        }

      }
    }
  }
</script>

<style>
  .renyuan_form{
    height: 50vh;
    overflow: auto;
  }
  .renyuan_form .el-input,.renyuan_form textarea.el-textarea__inner {
    width: 20vw;
  }
</style>