zhaoshangyinzi/ruoyi-ui/src/components/ProjectDec/SignContract.vue

<template>
  <div class="sign_box">
    <el-form
      label-position="right"
      ref="form"
      :rules="rules"
      :model="form"
      label-width="80px"
    >
      <el-row :gutter="10" class="mb8 roiyy">
        <el-col :span="1.5" v-if="setrd % 2 == 1">
          <el-button
            type="primary"
            v-hasPermi="['system:config:add']"
            @click="upBtn"
            >提交</el-button
          >
        </el-col>
        <el-col :span="1.5" v-if="setrd % 2 == 1">
          <el-button
            type="primary"
            v-hasPermi="['system:config:edit']"
            @click="submitForm"
            >暂存</el-button
          >
        </el-col>
        <el-col :span="1.5">
          <el-button
            type="primary"
            v-hasPermi="['system:config:edit']"
            @click="goBtn"
            >取消</el-button
          >
        </el-col>
        <el-col :span="1.5" :offset="18" v-if="setrd % 2 == 0">
          <el-button
            type="danger"
            @click="applyBtn"
            v-hasPermi="['bmProject:project:pass']"
            >审核</el-button
          >
          <el-button
            type="danger"
            @click="backBtn"
            v-hasPermi="['bmProject:project:reject']"
            >驳回</el-button
          >
        </el-col>
        <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> -->
      </el-row>
      <div class="sign_tit">项目签约信息</div>
      <el-row>
        <el-form-item
          label-width="120px"
          label="签约日期:"
          class="elItem"
          prop="date1"
        >
          <el-col :span="6">
            <el-date-picker
              value-format="yyyy-MM-dd"
              type="date"
              placeholder="请选择签约日期"
              v-model="form.orderDate"
              style="width: 100%"
            ></el-date-picker>
          </el-col>
        </el-form-item>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="120px"
            label="投资方式:"
            class="elItem"
            prop="tz"
          >
            <el-col :span="24">
              <el-radio-group v-model="form.resource" style="width: 100%">
                <el-col :span="12">
                  <el-radio label="1">独资</el-radio>
                </el-col>
                <el-col :span="12">
                  <el-radio label="2">合资</el-radio>
                </el-col>
              </el-radio-group>
            </el-col>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label="是否外资:" class="elItem" prop="tz1">
            <el-col :span="6">
              <el-checkbox-group v-model="form.isOutInvestment">
                <el-checkbox :label="1" name="type">外资</el-checkbox>
              </el-checkbox-group>
            </el-col>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="7">
          <el-form-item
            label-width="120px"
            label="总投资额度:"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-input
                type="number"
                placeholder="请输入总投资额度"
                v-model="form.totInvestment"
              ></el-input>
            </el-col>
            <div class="dw_name">万元</div>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="1">
          <div class="qz_name">其中</div>
        </el-col>
        <el-col :span="10">
          <el-form-item
            label-width="182px"
            label="境外投资(含港澳台投资):"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-input
                type="number"
                placeholder="请输入总投资额度"
                v-model="form.overseasInvestment"
              ></el-input>
            </el-col>
            <div class="dw_name">万元</div>
          </el-form-item>
          <el-form-item
            label-width="182px"
            label="境内省外投资:"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-input
                type="number"
                placeholder="请输入境内省外投资额度"
                v-model="form.jnswInvestm"
              ></el-input>
            </el-col>
            <div class="dw_name">万元</div>
          </el-form-item>
          <el-form-item
            label-width="182px"
            label="省内市外投资:"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-input
                type="number"
                placeholder="请输入省内市外投资额度"
                v-model="form.snswInvestm"
              ></el-input>
            </el-col>
            <div class="dw_name">万元</div>
          </el-form-item>
          <el-form-item
            label-width="182px"
            label="市内县外投资:"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-input
                type="number"
                placeholder="请输入市内县外投资额度"
                v-model="form.snxwInvestm"
              ></el-input>
            </el-col>
            <div class="dw_name">万元</div>
          </el-form-item>
          <el-form-item
            label-width="182px"
            label="县内投资:"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-input
                type="number"
                placeholder="请输入县内投资额度"
                v-model="form.xnInvestm"
              ></el-input>
            </el-col>
            <div class="dw_name">万元</div>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="5">
          <el-form-item
            label-width="121px"
            label="是否独立供地:"
            class="elItem"
            prop="je"
          >
            <el-select v-model="form.region" placeholder="请选择">
              <el-option label="是" value="shanghai"></el-option>
              <el-option label="否" value="beijing"></el-option>
            </el-select>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="93px"
            label="供地面积:"
            class="elItem"
            prop="je"
          >
            <el-col :span="20">
              <el-input
                placeholder="请输入供地面积"
                v-model="form.gdmj"
              ></el-input>
            </el-col>
            <div class="dw_name">亩</div>
          </el-form-item>
        </el-col>
        <el-col :span="9">
          <el-form-item
            label-width="93px"
            label="供地位置:"
            class="elItem"
            prop="je"
          >
            <el-input
              placeholder="请输入供地位置"
              v-model="form.gdmj"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item
            label-width="82px"
            label="土地证:"
            class="elItem"
            prop="landPhoto"
          >
            <el-upload
              class="upload-demo"
              :limit="1"
              :on-success="upl_fn"
              :action="defaultSettings.urls + '/common/upload'"
            >
              <el-button size="small" type="primary">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="121px"
            label="流转土地面积:"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-input placeholder="请输入" v-model="form.gdmj"></el-input>
            </el-col>
            <div class="dw_name">亩</div>
          </el-form-item>
        </el-col>
        <el-col :span="10">
          <el-form-item
            label-width="111px"
            label="流转土地位置:"
            class="elItem"
            prop="je"
          >
            <el-input
              placeholder="请输入流转土地位置"
              v-model="form.gdmj"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item
            label-width="119px"
            label="土地流转合同:"
            class="elItem"
            prop="circulationDoc"
          >
            <el-upload
              class="upload-demo"
              :limit="1"
              :on-success="upl_fn_lzht"
              :action="defaultSettings.urls + '/common/upload'"
            >
              <el-button size="small" type="primary">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item
            label-width="94px"
            label="产权证:"
            class="elItem"
            prop="circulationPhoto"
          >
            <el-upload
              class="upload-demo"
              :limit="1"
              :on-success="upl_fn_cqz"
              :action="defaultSettings.urls + '/common/upload'"
            >
              <el-button size="small" type="primary">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="7">
          <el-form-item
            label-width="121px"
            label="租赁厂房面积:"
            class="elItem"
            prop="je"
          >
            <el-col :span="16">
              <el-input placeholder="请输入" v-model="form.gdmj"></el-input>
            </el-col>
            <div class="dw_name">平方米</div>
          </el-form-item>
        </el-col>
        <el-col :span="10">
          <el-form-item
            label-width="111px"
            label="租赁厂房位置:"
            class="elItem"
            prop="je"
          >
            <el-input
              placeholder="请输入租赁厂房位置"
              v-model="form.gdmj"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="3">
          <el-form-item
            label-width="94px"
            label="租赁合同:"
            class="elItem"
            prop="leasePlantDoc"
          >
            <el-upload
              class="upload-demo"
              :limit="1"
              :on-success="upl_fn_zlht"
              :action="defaultSettings.urls + '/common/upload'"
            >
              <el-button size="small" type="primary">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col :span="4">
          <el-form-item
            label-width="94px"
            label="产权证:"
            class="elItem"
            prop="leasePlantPhoto"
          >
            <el-upload
              class="upload-demo"
              :limit="1"
              :on-success="upl_fn_zlcqz"
              :action="defaultSettings.urls + '/common/upload'"
            >
              <el-button size="small" type="primary">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item
            label-width="121px"
            label="合同约定产值:"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-input placeholder="请输入" v-model="form.gdmj"></el-input>
            </el-col>
            <div class="dw_name">万元</div>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item
            label-width="121px"
            label="合同约定税收:"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-input placeholder="请输入" v-model="form.gdmj"></el-input>
            </el-col>
            <div class="dw_name">万元</div>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row style="margin-left: -10px">
        <el-col :span="8">
          <el-form-item
            label-width="131px"
            label="合同约定开工时间:"
            class="elItem"
            prop="je"
          >
            <el-col :span="18">
              <el-date-picker
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="请选择开工时间"
                v-model="form.agreementStartdate"
                style="width: 100%"
              ></el-date-picker>
            </el-col>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item
            label-width="141px"
            label="合同约定竣工时间:"
            class="elItem"
            prop="agreementEnddate"
          >
            <el-col :span="18">
              <el-date-picker
                value-format="yyyy-MM-dd"
                type="date"
                placeholder="请选择竣工时间"
                v-model="form.agreementEnddate"
                style="width: 100%"
              ></el-date-picker>
            </el-col>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-form-item
          label-width="121px"
          label="合同签约方:"
          class="elItem"
          prop="je"
        >
        </el-form-item>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="121px"
            label="对方:"
            class="elItem"
            prop="je"
          >
            <el-input placeholder="请输入对方" v-model="form.gdmj"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="121px"
            label="签约人:"
            class="elItem"
            prop="je"
          >
            <el-input placeholder="请输入签约人" v-model="form.gdmj"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="121px"
            label="我方:"
            class="elItem"
            prop="je"
          >
            <el-input placeholder="请输入我方" v-model="form.gdmj"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="121px"
            label="签约人:"
            class="elItem"
            prop="je"
          >
            <el-input placeholder="请输入签约人" v-model="form.gdmj"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="121px"
            label="第三方:"
            class="elItem"
            prop="je"
          >
            <el-input placeholder="请输入第三方" v-model="form.gdmj"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="121px"
            label="签约人:"
            class="elItem"
            prop="je"
          >
            <el-input placeholder="请输入签约人" v-model="form.gdmj"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="18">
          <el-form-item
            label-width="121px"
            label="合同文本:"
            class="elItem"
            prop="agreementUrl"
          >
            <el-upload
              class="upload-demo"
              ref="upload"
              :action="defaultSettings.urls + '/common/upload'"
              :on-preview="handlePreview"
              :on-success="up_loat_htwb"
              :on-remove="handleRemove"
              :auto-upload="false"
            >
              <el-button slot="trigger" size="small" type="primary"
                >选择图片</el-button
              >
              <el-button
                style="margin-left: 10px"
                size="small"
                type="success"
                @click="submitUpload"
                >开始上传</el-button
              >
              <div slot="tip" class="el-upload__tip">
                只能上传jpg/png文件，且不超过500kb
              </div>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
      <div class="sign_tit">企业注册信息</div>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="141px"
            label="在潜注册公司名称:"
            class="elItem"
            prop="name"
          >
            <el-input
              placeholder="请输入在潜注册公司名称"
              v-model="form.name"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="109px"
            label="法定代表人:"
            class="elItem"
            prop="legalRep"
          >
            <el-input
              placeholder="请输入法定代表人"
              v-model="form.legalRep"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="141px"
            label="注册资本金:"
            class="elItem"
            prop="totMoney"
          >
            <el-input
              placeholder="请输入注册资本金"
              v-model="form.totMoney"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item
            label-width="109px"
            label="注册地址:"
            class="elItem"
            prop="address"
          >
            <el-input
              placeholder="请输入注册地址"
              v-model="form.address"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="141px"
            label="统一社会信用代码:"
            class="elItem"
            prop="code"
          >
            <el-input
              placeholder="请输入注册资本金"
              v-model="form.code"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item
            label-width="173px"
            label="营业执照复印件:"
            class="elItem"
            prop="bussinessUrl"
          >
            <el-upload
              class="upload-demo"
              :limit="1"
              :on-success="upl_fn_zzfyj"
              :action="defaultSettings.urls + '/common/upload'"
            >
              <el-button size="small" type="primary">点击上传</el-button>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
      <div class="sign_tit">企业股东构成<span>*</span></div>
      <el-row>
        <div class="ads_box" @click="addshareBtn">
          <img
            src="../../assets/images/icon_add@2x.png"
            alt=""
            class="add_icon"
          />
          <span>添加企业股东构成</span>
        </div>
      </el-row>
      <el-row>
        <el-table v-loading="loading" class="elItem" :data="configList">
          <!-- <el-table-column type="selection" width="55" align="center" /> -->
          <el-table-column label="姓名" align="center" prop="name" />
          <el-table-column
            label="股权比例"
            align="center"
            prop="equityRatio"
            :show-overflow-tooltip="true"
          >
            <template slot-scope="scope">
              <span>{{ scope.row.equityRatio }}%</span>
            </template>
          </el-table-column>
          <el-table-column
            label="身份证号码"
            align="center"
            prop="idcard"
            :show-overflow-tooltip="true"
          />
          <el-table-column
            label="身份证(正面)"
            align="center"
            prop="idcardFront"
          >
            <template slot-scope="scope">
              <img :src="scope.row.idcardFront" alt="" class="imgs" />
            </template>
          </el-table-column>
          <el-table-column
            label="身份证(反面)"
            align="center"
            prop="idcardBack"
          >
            <template slot-scope="scope">
              <img :src="scope.row.idcardBack" alt="" class="imgs" />
            </template>
          </el-table-column>
          <!-- <el-table-column label="操作" align="center" prop="remark" :show-overflow-tooltip="true" /> -->
          <el-table-column label="操作" align="center">
            <!-- class-name="small-padding fixed-width" -->
            <template slot-scope="scope">
              <el-button
                size="mini"
                type="warning"
                @click="handleUpdate(scope.row)"
                v-hasPermi="['system:config:edit']"
                >修改</el-button
              >
              <el-button
                size="mini"
                type="danger"
                @click="handleDelete(scope.row.id)"
                v-hasPermi="['system:config:remove']"
                >删除</el-button
              >
            </template>
          </el-table-column>
        </el-table>
        <pagination
          v-show="total > 0"
          :total="total"
          :page.sync="queryParams.pageNum"
          :limit.sync="queryParams.pageSize"
          @pagination="getShareholderList"
        />
      </el-row>
      <div class="sign_tit">企业备案信息</div>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="121px"
            label="备案单位:"
            class="elItem"
            prop="recordName"
          >
            <el-input
              placeholder="请输入备案单位"
              v-model="form.recordName"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="109px"
            label="备案文号:"
            class="elItem"
            prop="recordCode"
          >
            <el-input
              placeholder="请输入备案文号"
              v-model="form.recordCode"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="6">
          <el-form-item
            label-width="121px"
            label="备案总投资额:"
            class="elItem"
            prop="recordTot"
          >
            <el-col :span="18">
              <el-input
                placeholder="请输入备案总投资额"
                v-model="form.recordTot"
              ></el-input>
            </el-col>
            <div class="dw_name">万元</div>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="139px"
            label="备案建设周期:"
            class="elItem"
            prop="recordTime"
          >
            <el-input
              placeholder="请输入备案建设周期"
              v-model="form.recordTime"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="18">
          <el-form-item
            label-width="121px"
            label="备案表:"
            class="elItem"
            prop="recordUrl"
          >
            <el-upload
              class="upload-demo"
              ref="bAupload"
              :action="defaultSettings.urls + '/common/upload'"
              :on-preview="handlePreview"
              :on-success="up_loat_bab"
              :on-remove="handleRemove_bab"
              :auto-upload="false"
            >
              <el-button slot="trigger" size="small" type="primary"
                >选择图片</el-button
              >
              <el-button
                style="margin-left: 10px"
                size="small"
                type="success"
                @click="submitUpload_bab"
                >开始上传</el-button
              >
              <div slot="tip" class="el-upload__tip">
                只能上传jpg/png文件，且不超过500kb
              </div>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row>
      <div class="sign_tit">企业包保服务</div>
      <el-row>
        <el-col :span="8">
          <el-form-item
            label-width="122px"
            label="联系领导:"
            class="elItem"
            prop="contactLeader"
          >
            <el-input
              placeholder="请输入联系领导"
              v-model="form.contactLeader"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="98px"
            label="联系方式:"
            class="elItem"
            prop="contactPhone"
          >
            <el-input
              placeholder="请输入联系方式"
              v-model="form.contactPhone"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item
            label-width="122px"
            label="责任单位:"
            class="elItem"
            prop="contactCompany"
          >
            <el-input
              placeholder="请输入责任单位"
              v-model="form.contactCompany"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="98px"
            label="责任人:"
            class="elItem"
            prop="contactPerson"
          >
            <el-input
              placeholder="请输入责任人"
              v-model="form.contactPerson"
            ></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item
            label-width="98px"
            label="联系方式:"
            class="elItem"
            prop="contactPersonPhone"
          >
            <el-input
              placeholder="请输入联系方式"
              v-model="form.contactPersonPhone"
            ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
    </el-form>
    <!-- 添加或修改岗位对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="600px" append-to-body>
      <el-form
        ref="forms"
        :model="sharData"
        :rules="sharRules"
        label-width="120px"
      >
        <el-form-item label="姓名" prop="name">
          <el-input v-model="sharData.name" placeholder="请输入姓名" />
        </el-form-item>
        <el-form-item label="股权比例" prop="equityRatio">
          <el-input-number
            style="width: 140px"
            v-model="sharData.equityRatio"
          /><span style="margin: 0 10px; font-size: 16px">%</span>
        </el-form-item>
        <el-form-item label="身份证号码" prop="idcard">
          <el-input v-model="sharData.idcard" placeholder="请输入身份证号码" />
        </el-form-item>
        <el-form-item label="身份证(正面)" prop="idcardFront">
          <el-upload
            class="upload-demo"
            :file-list="idcardFrontFlie"
            :on-remove="upl_remove_sfzzm"
            :on-success="upl_fn_sfzzm"
            :action="defaultSettings.urls + '/common/upload'"
          >
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
        </el-form-item>
        <el-form-item label="身份证(反面)" prop="idcardBack">
          <el-upload
            class="upload-demo"
            :file-list="idcardBackFlie"
            :on-remove="upl_remove_sfzfm"
            :on-success="upl_fn_sfzfm"
            :action="defaultSettings.urls + '/common/upload'"
          >
            <el-button size="small" type="primary">点击上传</el-button>
          </el-upload>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForms">确 定</el-button>
        <el-button @click="open = false">取 消</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import {
  getOrderinfo,
  getShareholderList,
  getShareholder,
  delShareholder,
  addShareholder,
  setShareholder,
  setOrderinfo,
  addOrderinfo,
} from "@/api/system/signContract";
import{
  setExamine,
  setReject
} from "@/api/projectInfo/info.js";
const defaultSettings = require("@/settings.js");
export default {
  data() {
    return {
      defaultSettings,
      title: "",
      // 是否显示弹出层
      open: false,
      configList: [],
      setrd: 0,
      sharRules: {
        name: [
          {
            required: true,
            message: "请输入姓名",
            trigger: "blur",
          },
        ],
        equityRatio: [
          {
            required: true,
            message: "请输入股权比例",
            trigger: "blur",
          },
        ],
        idcard: [
          {
            required: true,
            message: "请输入身份证号",
            trigger: "blur",
          },
        ],
        idcardFront: [
          {
            required: true,
            message: "请上传身份证正面",
            trigger: "blur",
          },
        ],
        idcardBack: [
          {
            required: true,
            message: "请上传身份证反面",
            trigger: "blur",
          },
        ],
      },
      sharData: {
        bmProjectId: this.$route.query.setid,
        name: "",
        equityRatio: 0,
        idcard: "",
        idcardFront: "",
        idcardBack: "",
      },
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        bmProjectId: "",
      },
      total: 0,
      shareholderList: [],
      // showSearch: true,
      loading: true,
      rules: {
        orderDate: [
          {
            required: true,
            message: "请选择签约日期",
            trigger: "blur",
          },
        ],
        investmentType: [
          {
            required: true,
            message: "请选择投资方式",
            trigger: "blur",
          },
        ],
        totInvestment: [
          {
            required: true,
            message: "请输入总投资额度",
            trigger: "blur",
          },
        ],
        overseasInvestment: [
          {
            required: true,
            message: "请输入境外投资",
            trigger: "blur",
          },
        ],
        isIndependentLan: [
          {
            required: true,
            message: "请选择是否独立供地",
            trigger: "blur",
          },
        ],
        agreementTot: [
          {
            required: true,
            message: "请输入合同约定产值",
            trigger: "blur",
          },
        ],
        agreementTax: [
          {
            required: true,
            message: "请输入合同约定税收",
            trigger: "blur",
          },
        ],
        agreementStartdate: [
          {
            required: true,
            message: "请选择合同约定开工时间",
            trigger: "blur",
          },
        ],
        agreementEnddate: [
          {
            required: true,
            message: "请选择合同约定竣工时间",
            trigger: "blur",
          },
        ],
        agreementPartner: [
          {
            required: true,
            message: "请输入合同签约对方",
            trigger: "blur",
          },
        ],
        partner: [
          {
            required: true,
            message: "请输入对方合同签约人",
            trigger: "blur",
          },
        ],
        agreementUs: [
          {
            required: true,
            message: "请输入合同签约我方",
            trigger: "blur",
          },
        ],
        signUs: [
          {
            required: true,
            message: "请输入我方合同签约人",
            trigger: "blur",
          },
        ],
        agreementUrl: [
          {
            required: true,
            message: "请上传合同文本",
            trigger: "blur",
          },
        ],
        name: [
          {
            required: true,
            message: "请输入在潜注册公司名称",
            trigger: "blur",
          },
        ],
        legalRep: [
          {
            required: true,
            message: "请输入法定代表人",
            trigger: "blur",
          },
        ],
        totMoney: [
          {
            required: true,
            message: "请输入注册资本金",
            trigger: "blur",
          },
        ],
        address: [
          {
            required: true,
            message: "请输入注册地址",
            trigger: "blur",
          },
        ],
        code: [
          {
            required: true,
            message: "请输入统一社会信用代码",
            trigger: "blur",
          },
        ],
        bussinessUrl: [
          {
            required: true,
            message: "请上传营业执照",
            trigger: "blur",
          },
        ],
        recordName: [
          {
            required: true,
            message: "请输入备案单位",
            trigger: "blur",
          },
        ],
        recordCode: [
          {
            required: true,
            message: "请输入备案文号",
            trigger: "blur",
          },
        ],
        recordTot: [
          {
            required: true,
            message: "请输入备案总投资额",
            trigger: "blur",
          },
        ],
        recordTime: [
          {
            required: true,
            message: "请输入备案建设周期",
            trigger: "blur",
          },
        ],
        recordUrl: [
          {
            required: true,
            message: "请上传备案表信息",
            trigger: "blur",
          },
        ],
        contactLeader: [
          {
            required: true,
            message: "请输入联系领导",
            trigger: "blur",
          },
        ],
        contactPhone: [
          {
            required: true,
            message: "请输入联系方式",
            trigger: "blur",
          },
        ],
        contactCompany: [
          {
            required: true,
            message: "请输入责任单位",
            trigger: "blur",
          },
        ],
        contactPerson: [
          {
            required: true,
            message: "请输入责任人",
            trigger: "blur",
          },
        ],
        contactPersonPhone: [
          {
            required: true,
            message: "请输入责任人联系方式",
            trigger: "blur",
          },
        ],
      },
      form: {
        bmProjectId: this.$route.query.setid,
        id: -1,
        orderDate: "", //签约日期
        investmentType: "", //投资方式
        isOutInvestment: "", // 是否外资(N:Y)
        totInvestment: "", //总投资额度
        fixedAssets: "", //固定资产投资额度
        overseasInvestment: "", //境外投资
        jnswInvestm: "", //境内省外投资
        snswInvestm: "", //省内市外投资
        snxwInvestm: "", //市内县外投资
        xnInvestm: "", //县内投资
        isIndependentLan: "", //是否独立供地(N:Y)
        landArea: "", //供地面积
        landAddress: "", //供地位置
        landPhoto: "", //土地证ur
        circulationLand: "", //流转土地面积
        circulationAddres: "", //流转土地位置
        circulationDoc: "", //土地流转合同
        circulationPhoto: "", //产权证
        leasePlantArea: "", //租赁厂房面积
        leasePlantAddress: "", //租赁厂房位置
        leasePlantDoc: "", //租赁合同
        leasePlantPhoto: "", //租赁产权证
        agreementTot: "", //租赁产权证
        agreementTax: "", // 合同约定税收
        agreementStartdate: "", // 合同约定开工时间
        agreementEnddate: "", //合同约定竣工时间
        agreementPartner: "", //合同签约对方
        partner: "", //对方合同签约人
        agreementUs: "", //合同签约我方
        signUs: "", //我方合同签约人
        agreementThird: "", //第三方
        third: "", //第三方签约人
        agreementUrl: [], //合同url
        name: "", //在潜注册公司名称
        legalRep: "", //法定代表人
        totMoney: "", //注册资本金
        address: "", //注册地址
        code: "", //统一社会信用代码
        bussinessUrl: "", //营业执照图片url
        recordName: "", //备案单位
        recordCode: "", //备案文号
        recordTot: "", //备案总投资额
        recordTime: "", //备案建设周期
        recordUrl: [], //备案表url
        contactLeader: "", //企业包服务-联系领导
        contactPhone: "", //联系方式
        contactCompany: "", //责任单位
        contactPerson: "", //责任人
        contactPersonPhone: "", //责任人联系方式
      },
      idcardFrontFlie: [],
      idcardBackFlie: [],
      fileList: [],
    };
  },
  mounted() {
    console.log(defaultSettings.urls);
    this.queryParams.bmProjectId = this.$route.query.setid;
    this.setrd = that.$route.query.setrd;
    this.getOrderinfo();
    this.getShareholderList();
  },
  methods: {
    //审核
    applyBtn() {
      this.$confirm("是否确认审核", "提醒", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
          return setExamine({
            code: 3,
            bmProjectId: this.queryParams.bmProjectId,
          });
        })
        .then(() => {
          this.getList();
          this.msgSuccess("审核成功");
        });
    },
    //驳回
    backBtn() {
      this.$confirm("是否确认驳回", "提醒", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
          return setReject({
            code: 2,
            bmProjectId: this.queryParams.bmProjectId,
          });
        })
        .then(() => {
          this.getList();
          this.msgSuccess("驳回成功");
        });
    },
    upBtn() {
      getExamine({
        code: 1,
        bmProjectId: this.$route.query.setid,
      }).then((res) => {
        this.msgSuccess("提交成功");
      });
    },
    goBtn() {
      this.$router.go(-1);
    },
    addshareBtn() {
      this.reset();
      this.title = "添加企业股东";
      this.open = true;
    },
    // 表单重置
    reset() {
      this.sharData = {
        bmProjectId: this.$route.query.setid,
        name: "",
        equityRatio: 0,
        idcard: "",
        idcardFront: "",
        idcardBack: "",
      };
      this.idcardFrontFlie = [];
      this.idcardBackFlie = [];
      this.resetForm("forms");
    },
    upl_fn(res, file) {
      this.form.landPhoto = res.url;
    },
    upl_fn_lzht(res, file) {
      this.form.circulationDoc = res.url;
    },
    upl_fn_cqz(res, file) {
      this.form.circulationPhoto = res.url;
    },
    upl_fn_zlht(res, file) {
      this.form.leasePlantDoc = res.url;
    },
    upl_fn_zlcqz(res, file) {
      this.form.leasePlantPhoto = res.url;
    },
    up_loat_htwb(res, file) {
      this.form.agreementUrl.push(res.url);
    },
    up_loat_bab(res, file) {
      this.form.recordUrl.push(res.url);
    },
    upl_fn_zzfyj(res, file) {
      this.form.bussinessUrl = res.url;
    },
    upl_fn_sfzzm(res, file) {
      this.idcardFrontFlie = [];
      this.idcardFrontFlie = [
        {
          name: res.url,
          url: res.url,
        },
      ];
      this.sharData.idcardFront = res.url;
    },
    upl_remove_sfzzm() {
      this.idcardFrontFlie = [];
      this.sharData.idcardFront = "";
    },
    upl_remove_sfzfm() {
      this.idcardBackFlie = [];
      this.sharData.idcardBack = "";
    },
    upl_fn_sfzfm(res, file) {
      this.idcardBackFlie = [];
      this.idcardBackFlie = [
        {
          name: res.url,
          url: res.url,
        },
      ];
      this.sharData.idcardBack = res.url;
    },
    getShareholderList() {
      getShareholderList(this.queryParams).then((res) => {
        this.shareholderList = res.rows;
        this.total = res.total;
        this.loading = false;
      });
    },
    submitForms() {
      this.$refs["forms"].validate((valid) => {
        if (valid) {
          if (this.sharData.id) {
            setShareholder(this.sharData).then((res) => {
              this.open = false;
              this.msgSuccess("修改成功");
              this.getShareholderList();
            });
          } else {
            addShareholder(this.sharData).then((res) => {
              this.open = false;
              this.msgSuccess("新增成功");
              this.getShareholderList();
            });
          }
        }
      });
    },
    submitForm() {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          if (this.total == 0) {
            this.msgError("企业股东不能为空，请上传企业股东");
            return;
          }
          let data = JSON.parse(JSON.stringify(this.form));
          data.agreementUrl = data.agreementUrl.join(",");
          data.recordUrl = data.recordUrl.join(",");
          if (this.form.id) {
            // 修改
            setOrderinfo(JSON.stringify(data)).then((res) => {
              this.msgSuccess("修改成功");
              this.$router.push({
                path: "/management/info/index",
              });
            });
          } else {
            // 新增
            addOrderinfo(JSON.stringify(data)).then((res) => {
              this.msgSuccess("缓存成功");
              this.$router.push({
                path: "/management/info/index",
              });
            });
          }
        }
      });
    },
    getOrderinfo() {
      getOrderinfo(this.queryParams.bmProjectId).then((res) => {
        console.log(res);
        if (res.data) {
          this.form = res.data;
        }
      });
    },
    submitUpload_bab() {
      this.$refs.bAupload.submit();
    },
    submitUpload() {
      this.$refs.upload.submit();
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id || this.ids;
      getShareholder(id).then((response) => {
        this.sharData = response.data;
        this.idcardFrontFlie = [
          {
            name: response.data.idcardBack,
            url: response.data.idcardBack,
          },
        ];
        this.idcardBackFlie = [
          {
            name: response.data.idcardFront,
            url: response.data.idcardFront,
          },
        ];
        this.open = true;
        this.title = "修改股东信息";
      });
    },
    /** 删除按钮操作 */
    handleDelete(id) {
      this.$confirm("是否确认删除该股东", "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
          return delShareholder(id);
        })
        .then(() => {
          this.getShareholderList();
          this.msgSuccess("删除成功");
        });
    },
    handleRemove(file, fileList) {
      for (let i = this.form.agreementUrl.length - 1; i >= 0; i--) {
        if (this.form.agreementUrl[i] == file.response.url) {
          this.form.agreementUrl.splice(i, 1);
        }
      }
    },
    handleRemove_bab(file, fileList) {
      for (let i = this.form.recordUrl.length - 1; i >= 0; i--) {
        if (this.form.recordUrl[i] == file.response.url) {
          this.form.recordUrl.splice(i, 1);
        }
      }
    },
    handlePreview(file) {
      console.log(file, 22);
    },
  },
};
</script>

<style lang="scss" scoped>
.imgs {
  width: 100px;
  height: 100px;
  object-fit: cover;
}

.roiyy {
  position: fixed;
  top: 180px;
  left: 0;
  width: 100%;
  padding-left: 230px;
  padding-right: 30px;
  box-sizing: border-box;
  z-index: 100;
}

.ads_box {
  margin: 18px 0;
  font-size: 14px;
  color: #666;
  width: 140px;
  display: flex;
  align-items: center;
  cursor: pointer;

  .add_icon {
    margin-right: 6px;
    width: 15px;
    height: 15px;
  }
}
.sign_box {
  padding: 26px 23px;

  .sign_tit {
    font-size: 14px;
    border-left: 3px solid #1c84c6;
    padding: 5px 0 5px 13px;
    color: #343434;
    line-height: 1;
    margin: 8px 0;
    font-weight: bold;

    span {
      color: #df0024;
      margin-left: 10px;
    }
  }

  .elItem {
    margin: 15px 0;
  }
}

.qz_name {
  font-size: 14px;
  color: #606266;
  display: inline-block;
  margin: 15px 0 15px;
  font-weight: bold;
  text-align: right;
  line-height: 36px;
  width: 100%;
}
</style>