zhaoshangyinzi/ruoyi-ui/src/components/ProjectDecs/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">
        <!-- v-if="setrd == 5" -->
        <el-col :span="1.5" v-if="(setrd == 2&&color==2) ||  (setrd == 3&&color==1) || (setrd == 3&&color==3)">
          <el-button style="border:none" type="primary" v-hasPermi="['projectV2:qyxx:addYj']" @click="submitForm">提交</el-button>
        </el-col>
        <!-- <el-col :span="1.5" v-if="setrd % 2 == 1">
          <el-button type="primary" v-hasPermi="['bmProject:project:examine']" @click="submitForm">提交</el-button>
        </el-col> -->
       <!-- <el-col :span="1.5" v-if="setrd % 2 == 1">
          <el-button type="primary" v-hasPermi="['bmProject:project:add']" @click="submitForm">暂存</el-button>
        </el-col> -->
        <el-col :span="1.5" >
          <el-button style="border:none" type="primary" @click="goBtn">取消</el-button>
        </el-col>
        <!-- v-if="setrd % 2 == 1&&setrd>2" -->
        <!-- <el-col :span="1.5" :offset="16" v-if="setrd == 3&&color==2 " >
          <el-button
            type="danger"
            @click="backProBtn"
            v-hasPermi="['projectV2:common:xsch']"
            >撤销审核</el-button
          >
        </el-col> -->
        <!-- v-if="setrd % 2 == 0" -->
        <!-- :offset="18" -->

       <!-- <el-col :span="1.5"  v-if="setrd == 3&&color==1 ">
          <el-button type="danger"
		   style="background: #00B034;color: #FFF;border: none;"
		   @click="applyBtn" v-hasPermi="['projectV2:common:xssh']">审核</el-button>
          <el-button type="danger"
           style="background: #3FBCEF;color: #FFF;border: none;"
           @click="backBtn" v-hasPermi="['projectV2:common:xssh']">驳回</el-button>
        </el-col> -->
        <!-- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> -->
      </el-row>
      <div class="sign_tit">项目签约信息</div>
      <el-row>
        <el-col :span="18" class="nlseoi">
        <el-form-item label-width="120px"  label="项目名称:" class="elItem" prop="xmmc">
            <el-input  :disabled="dis_flag" placeholder="请输入新注册企业名称+已办项目" v-model.trim="form.xmmc"></el-input>
            <div class="dw_name dw_names">填写新注册企业名称+已办项目</div>
        </el-form-item>
        </el-col>
      </el-row>
      <el-row>
          <el-col :span="18" class="nlseoi">
            <el-form-item label-width="121px" label="对方签约人:" class="elItem" prop="dfqyr">
              <el-input placeholder="请输入对方签约人(含单位职务姓名)" :disabled="dis_flag" v-model.trim="form.dfqyr"></el-input>
              <div class="dw_name dw_names">含单位职务姓名</div>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="18" class="nlseoi">
            <el-form-item label-width="121px" label="我方签约人:" class="elItem" prop="wfqyr">
              <el-input placeholder="请输入我方签约人(含单位职务姓名)" :disabled="dis_flag" v-model.trim="form.wfqyr"></el-input>
              <div class="dw_name dw_names">含单位职务姓名</div>
            </el-form-item>
          </el-col>
        </el-row>
      <el-row>
        <el-col :span="8" class="nlseoi">
        <el-form-item label-width="120px" label="签约日期:" class="elItem" prop="qyrq">
            <el-date-picker :picker-options="pickerOptions" value-format="yyyy-MM-dd" :disabled="dis_flag" type="date" placeholder="请选择签约日期" v-model="form.qyrq" style="width: 100%"></el-date-picker>
          <div class="dw_name dw_names">实际合同签订日期</div>
        </el-form-item>
         </el-col>
         <el-col :span="8" class="nlseoi">
        <el-form-item label-width="120px" label="填报日期:" class="elItem" prop="tbrq">
               <el-date-picker :picker-options="pickerOptions"  value-format="yyyy-MM-dd" :disabled="dis_flag" type="date" placeholder="请选择填报日期" v-model="form.tbrq" style="width: 100%"></el-date-picker>
        </el-form-item>
        </el-col>
      </el-row>
      <el-row >
        <el-col :span="8">
          <el-form-item label-width="121px" label="拟开工时间:" class="elItem" prop="nkgrq">
            <el-col :span="24">
              <el-date-picker :disabled="dis_flag" value-format="yyyy-MM-dd" type="date" placeholder="请选择拟开工时间" v-model="form.nkgrq"
                style="width: 100%"></el-date-picker>
            </el-col>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="121px" label="立项日期:" class="elItem" prop="lxrq">
            <el-col :span="24">
              <el-date-picker :picker-options="pickerOptions" :disabled="dis_flag" value-format="yyyy-MM-dd" type="date" placeholder="请选择立项日期" v-model="form.lxrq"
                style="width: 100%"></el-date-picker>
            </el-col>
          </el-form-item>
        </el-col>
      </el-row>

      <el-row>
          <el-col :span="8">
            <el-form-item label-width="121px" label="项目跟进人:" class="elItem" prop="xmgjrxm":rules="[{ required: true, message: '请输入签约跟进人手机号', trigger: 'blur' }]">
              <!-- <el-col :span="24"> -->
                <el-input  :disabled="dis_flag" placeholder="请输入项目跟进人姓名" v-model.trim="form.xmgjrxm"></el-input>
              <!-- </el-col> -->
            </el-form-item>
          </el-col>
          <el-col :span="8">
            <el-form-item label-width="120px" label="职务:" class="elItem" prop="xmgjrzw">
              <el-input placeholder="请输入项目跟进人职务" :disabled="dis_flag" v-model.trim="form.xmgjrzw"></el-input>
            </el-form-item>
          </el-col>
      <el-col :span="8">
        <el-form-item label-width="121px" label="联系方式:" class="elItem" prop="xmgjrsjh">
          <el-input  placeholder="请输入项目跟进人联系方式" :disabled="dis_flag" v-model.trim="form.xmgjrsjh"></el-input>
        </el-form-item>
      </el-col>
        </el-row>
      <el-row>
        <el-col :span="8" class="nlseoi">
          <el-form-item label-width="122px" label="所属行业:" class="elItem" prop="sshy" :rules="[{ required: true, message: '请选择所属行业', trigger: 'blur' }]">
            <el-col :span="24">
              <el-select :disabled="dis_flag" v-model="form.sshy" placeholder="请选择所属行业" clearable :style="{width: '100%'}">
               <el-option v-for=" dict in dict.type.industry" :key="dict.value"  :label="dict.label"
                 :value="dict.label" :disabled="dis_flag"></el-option>
              </el-select>
            </el-col>
          </el-form-item>
        </el-col>
        <el-col :span="8" class="nlseoi">
          <el-form-item label-width="122px" label="项目所在地:" class="elItem" prop="xmszd" :rules="[{ required: true, message: '请输入市内县外投资', trigger: 'blur' }]">
            <!-- <el-col :span="10"> -->
              <el-input  :disabled="dis_flag" placeholder="请输入项目所在地" v-model.trim="form.xmszd"></el-input>
            <!-- </el-col> -->
            <div class="dw_name dw_names">园区或乡镇</div>
          </el-form-item>
        </el-col>

      </el-row>
      <el-row>
        <el-col :span="24">
          <el-col :span="10">
            <el-form-item label-width="120px" label="协议投资额:" class="elItem" prop="xytze">
              <el-col :span="9" style="margin-right:10px;" >
                <!-- style="margin-right:100px;" -->
                <el-select :disabled="dis_flag" v-model="form.xytzely" placeholder="请选择" clearable :style="{width: '100%'}">
                  <el-option v-for="dict in dict.type.investment_category" :key="dict.value"  :label="dict.label"
                    :value="dict.label" ></el-option>
                </el-select>
                </el-col>
              <el-col :span="8">
                <el-input type="number" :disabled="dis_flag" placeholder="协议投资额" v-model="form.xytze"></el-input>
              </el-col>
              <div class="dw_name">万元</div>
            </el-form-item>
          </el-col>
          <el-col :span="14">
            <el-col :span="10">
              <el-form-item label-width="121px" label="市外资金(万元):" class="elItem" prop="swzj">
                <!-- <el-col :span="20"> -->
                  <el-input min="1" type="number" :disabled="dis_flag" placeholder="请输入市外资金" v-model.trim="form.swzj" ></el-input>
                <!-- </el-col> -->
                <!-- <div class="dw_name">万元</div> -->
              </el-form-item>
            </el-col>
            <el-col :span="14">
              <el-form-item label-width="172px" label="固定资产投资额(万元):" class="elItem" prop="gdzctze">
                  <el-input min="1" type="number" :disabled="dis_flag" placeholder="请输入固定资产投资额" v-model.trim="form.gdzctze"></el-input>
                <!-- <div class="dw_name">万元</div> -->
              </el-form-item>
            </el-col>
          </el-col>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="24">
          <el-form-item label-width="120px" label="投资方式:" class="elItem" prop="tzfs">
            <el-col :span="24">
              <el-radio-group v-model="form.tzfs" size="medium">
                <el-radio v-for="dict in dict.type.investment_mode" :key="dict.value" :value="dict.label" :label="dict.label"
                  :disabled="dis_flag">{{dict.label}}</el-radio>
              </el-radio-group>
            </el-col>
          </el-form-item>
        </el-col>
        <el-col :span="13">
          <el-form-item label-width="120px" label="建设方式:" class="elItem" prop="jsfs">
            <!-- <el-col :span="6"> -->
              <!-- <el-checkbox-group v-model="form.jsfs" :disabled="dis_flag"> -->
      	  <el-radio-group v-model="form.jsfs" :disabled="dis_flag" style="width: 100%">
      	    <el-radio v-for="dict in dict.type.construction_method" :key="dict.value" :value="dict.label" :label="dict.label"
      	      :disabled="dis_flag">{{dict.label}}</el-radio>
      	  </el-radio-group>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label-width="120px" label="是否宜商:" class="elItem" prop="sfys">
            <!-- <el-col :span="6"> -->
              <!-- <el-checkbox-group v-model="form.sfys" :disabled="dis_flag"> -->
          <el-radio-group v-model="form.sfys" :disabled="dis_flag" style="width: 100%">
            <el-col :span="12">
              <el-radio label="Y">是</el-radio>
            </el-col>
            <el-col :span="12">
              <el-radio label="N">否</el-radio>
            </el-col>
          </el-radio-group>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label-width="121px" label="租赁厂房:" class="elItem" prop="zlcf">
            <el-col :span="18">
              <el-input min="1" type="number" placeholder="请输入租赁厂房（平方米）" :disabled="dis_flag" v-model.trim="form.zlcf"></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="gdmj">
            <el-col :span="20">
              <el-input min="1" type="number" placeholder="请输入供地面积" :disabled="dis_flag" v-model.trim="form.gdmj"></el-input>
            </el-col>
            <div class="dw_name">亩</div>
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label-width="121px" label="建设内容:" class="elItem" prop="jsnr">
            <el-input placeholder="请输入建设内容" :disabled="dis_flag" v-model.trim="form.jsnr"></el-input>
          </el-form-item>
        </el-col>

        <el-col :span="24">
          <el-form-item label-width="121px" label="备注:" class="elItem" prop="remark">
            <el-input placeholder="请输入备注" :disabled="dis_flag" v-model.trim="form.remark"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="24">
          <el-form-item label-width="121px" class="elItem" label="存在问题" prop="czwt">
            <el-input :disabled="dis_flag" style="width: 100%;" v-model.trim="form.czwt" type="textarea" placeholder="请输入存在问题"
               ></el-input>
          </el-form-item>
        </el-col>
      </el-row>
	  <el-row>
		 <!-- <el-col :span="24">
		    <el-form-item label-width="121px" label="土地证:" class="elItem" prop="landPhoto">
		      <el-upload class="upload-demo" :before-upload= "beforeAvatarUpload"  :disabled="dis_flag" :file-list="fileListTdz" :on-remove="resetPhoto" :on-success="upl_fn" :on-preview="handlePreview" :action="defaultSettings.urls + process + '/common/upload'">
		        <el-button size="small" type="primary">点击上传</el-button>
            <div slot="tip" class="el-upload__tip">只能上传word/pdf格式，大小不超过10M(土地证须盖章)</div>
		      </el-upload>
		    </el-form-item>
		  </el-col> -->
	  </el-row>
      <!-- <el-row>
        <el-col :span="12">
          <el-form-item label-width="121px" label="流转土地面积:" class="elItem" prop="circulationLand">
            <el-col :span="18">
              <el-input placeholder="请输入" :disabled="dis_flag" v-model="form.circulationLand"></el-input>
            </el-col>
            <div class="dw_name">亩</div>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label-width="121px" label="流转土地位置:" class="elItem" prop="circulationAddres">
            <el-input placeholder="请输入流转土地位置" :disabled="dis_flag" v-model="form.circulationAddres"></el-input>
          </el-form-item>
        </el-col>
        </el-row> -->
        <!-- <el-row>
        <el-col :span="12">
          <el-form-item label-width="121px" label="土地流转合同:" class="elItem" prop="circulationDoc">
            <el-upload :before-upload= "beforeAvatarUpload" :disabled="dis_flag" class="upload-demo" :on-preview="handlePreview" :on-remove="resetPhoto1" :file-list="fileListTdls" :on-success="upl_fn_lzht" :action="defaultSettings.urls+process+'/common/upload'">
              <el-button size="small" type="primary">点击上传</el-button>
              <div slot="tip" class="el-upload__tip">只能上传word/pdf格式，大小不超过10M(合同须盖章)</div>
            </el-upload>
          </el-form-item>
        </el-col>
        <el-col :span="12">
          <el-form-item label-width="121px" label="产权证:" class="elItem" prop="circulationPhoto">
            <el-upload :before-upload= "beforeAvatarUpload" :disabled="dis_flag" class="upload-demo"  :on-remove="resetPhoto2" :file-list="fileListCqz" :on-success="upl_fn_cqz" :on-preview="handlePreview" :action="defaultSettings.urls + process + '/common/upload'">
              <el-button size="small" type="primary">点击上传</el-button>
              <div slot="tip" class="el-upload__tip">只能上传word/pdf格式，大小不超过10M(产权证须盖章)</div>
            </el-upload>
          </el-form-item>
        </el-col>
      </el-row> -->




      <el-row>
        <el-col :span="18">
          <el-form-item label-width="121px" label="附件上传:" class="elItem" prop="agreementUrl">
            <fileUpload :limit="5" v-model="form.zsyzFjList" />
          </el-form-item>
        </el-col>
      </el-row>


      <!-- <el-row>
        <el-col :span="6">
          <el-form-item label-width="121px" label="第三方:" class="elItem" prop="agreementThird">
            <el-input placeholder="请输入第三方" :disabled="dis_flag" v-model="form.agreementThird"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="6">
          <el-form-item label-width="121px" label="签约人:" class="elItem" prop="third">
            <el-input placeholder="请输入签约人" :disabled="dis_flag" v-model="form.third"></el-input>
          </el-form-item>
        </el-col>
		<el-col :span="6">
		  <el-form-item label-width="121px" label="职务:" class="elItem" prop="thirdJob">
		    <el-input placeholder="请输入职务" :disabled="dis_flag" v-model="form.thirdJob"></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" :disabled="dis_flag" ref="upload"   :file-list="flieListHt" :action="defaultSettings.urls + process + '/common/upload'" :on-preview="handlePreview"
              :on-success="up_loat_htwb" :on-remove="handleRemove" :auto-upload="false" :before-upload= "beforeAvatarUpload">
              <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">只能上传word/pdf格式，大小不超过10M(合同须盖章)</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="141px" label="在潜注册公司名称:" class="elItem" prop="zcqymc">
            <!-- <el-input :disabled="dis_flag" placeholder="请输入在潜注册公司名称" v-model="form.name"></el-input> -->
            <el-autocomplete
              v-model="form.zcqymc"
              :fetch-suggestions="querySearchAsync"
              placeholder="请输入在潜注册公司名称"
              @select="handleSelecthuey"
              :trigger-on-focus="false"
              style="width: 100%;"
              :disabled="dis_flag"
            ></el-autocomplete>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="109px" label="法定代表人:" class="elItem" prop="frdb">
            <el-input :disabled="dis_flag" placeholder="请输入法定代表人" v-model.trim="form.frdb"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
	 <el-row>
	  <el-col :span="8">
	    <el-form-item label-width="141px" label="注册日期:" class="elItem" prop="zcrq">
	      <el-col :span="24">
	        <el-date-picker :picker-options="pickerOptions" :disabled="dis_flag" value-format="yyyy-MM-dd" type="date" placeholder="请选择注册日期" v-model="form.zcrq"
	          style="width: 100%"></el-date-picker>
	      </el-col>
	    </el-form-item>
	  </el-col>
	  <el-col :span="8">
	    <el-form-item label-width="109px" label="联系方式" class="elItem" prop="lxfs">
	      <el-input :disabled="dis_flag" placeholder="请输入联系方式" v-model.trim="form.lxfs"></el-input>
	    </el-form-item>
	  </el-col>
	 </el-row>

      <el-row>
        <el-col :span="8">
          <el-form-item label-width="141px" label="注册资本金(万元):" class="elItem" prop="zczb">
            <el-input type="number" min="1" :disabled="dis_flag" placeholder="请输入注册资本金" v-model.trim="form.zczb"></el-input>
          </el-form-item>
        </el-col>
        <el-col :span="8">
          <el-form-item label-width="109px" label="经营范围:" class="elItem" prop="jyfw">
             <el-input :disabled="dis_flag" placeholder="请输入经营范围" v-model.trim="form.jyfw"></el-input>
          </el-form-item>
        </el-col>

      </el-row>
      <el-row>


        <!-- <el-col :span="8">
          <el-form-item label-width="173px" label="营业执照复印件:" class="elItem" prop="bussinessUrl">
            <el-upload :before-upload= "beforeAvatarUpload" :disabled="dis_flag" class="upload-demo" :on-remove='resetPhoto5'  list-type="picture-card" :on-preview="handlePreview" :file-list="flieListYzz" :on-success="upl_fn_zzfyj" :action="defaultSettings.urls + process + '/common/upload'">
              <el-button size="small" type="primary">点击上传</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" >企业股东构成  <span style="color: red;">(*以下自然人和企业股东二选一必填)</span></div>
      <el-row>
        <div class="ads_box" @click="addshareBtn" v-hasPermi="['projectPersion:persion:add']">
          <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="shareholderList">
          <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 @click="imgBtn(scope.row.idcardFront)" :src="scope.row.idcardFront" alt="" class="imgs" />
            </template>
          </el-table-column>
          <el-table-column label="身份证(反面)" align="center" prop="idcardBack">
            <template slot-scope="scope">
              <img @click="imgBtn(scope.row.idcardBack)" :src="scope.row.idcardBack" alt="" class="imgs" />
            </template>
          </el-table-column>
          <el-table-column label="操作" align="center">
            <template slot-scope="scope">
              <el-button size="mini" :disabled="dis_flag" type="warning" @click="handleUpdate(scope.row)" v-hasPermi="['projectPersion:persion:edit']">修改</el-button>
              <el-button size="mini":disabled="dis_flag" type="danger" @click="handleDelete(scope.row.id)" v-hasPermi="['projectPersion:persion: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>
	  <el-row>
	    <div class="ads_box" @click="addshareBtnde" v-hasPermi="['projectInvestor:investor:add']">
	      <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="shareholderLists">
	      <el-table-column label="企业名称" align="center" prop="companyName" />
	      <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="companyCode" :show-overflow-tooltip="true" />
	      <el-table-column label="企业股东营业执照" align="center" prop="businessPhoto">
	        <template slot-scope="scope">
	          <img @click="imgBtn(scope.row.businessPhoto)" :src="scope.row.businessPhoto" alt="" class="imgs" />
	        </template>
	      </el-table-column>
	      <el-table-column label="操作" align="center">
	        <template slot-scope="scope">
	          <el-button size="mini" :disabled="dis_flag" type="warning" @click="handleUpdates(scope.row)" v-hasPermi="['projectInvestor:investor:edit']">修改</el-button>
	          <el-button size="mini":disabled="dis_flag" type="danger" @click="handleDeletes(scope.row.id)" v-hasPermi="['projectInvestor:investor:remove']">删除</el-button>
	        </template>
	      </el-table-column>
	    </el-table>
	    <pagination v-show="total > 0" :total="totals" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
	      @pagination="getShareholderListss" />
	  </el-row> -->
      <!-- <div class="sign_tit">企业备案信息</div>
      <el-row> -->
        <!-- <el-col :span="8">
          <el-form-item label-width="121px" label="备案单位:" class="elItem" prop="recordName">
            <el-input placeholder="请输入备案单位" :disabled="dis_flag" 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="请输入备案文号" :disabled="dis_flag" v-model="form.recordCode"></el-input>
          </el-form-item>
        </el-col>
      </el-row>
      <el-row>
        <el-col :span="8">
          <el-form-item label-width="121px" label="备案总投资额:" class="elItem" prop="recordTot">
            <el-col :span="18">
              <el-input placeholder="请输入备案总投资额" :disabled="dis_flag" 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="请输入备案建设周期" :disabled="dis_flag" 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" :disabled="dis_flag" ref="bAupload" :before-upload="beforeAvatarUpload" :file-list="flieListBa" :action="defaultSettings.urls + process + '/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">只能上传word/pdf格式，大小不超过10M</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="请输入联系领导" :disabled="dis_flag" 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="请输入联系方式" :disabled="dis_flag" 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="请输入责任单位" :disabled="dis_flag" 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="请输入责任人" :disabled="dis_flag" 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="请输入联系方式" :disabled="dis_flag" v-model="form.contactPersonPhone"></el-input>
          </el-form-item>
        </el-col>
      </el-row> -->
    </el-form>
    <!-- 添加或修改岗位对话框 -->
    <el-dialog :close-on-click-modal="false" :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 :min="0" :max="100" 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" list-type="picture-card" :on-remove="upl_remove_sfzzm" :on-success="upl_fn_sfzzm"
            :action="defaultSettings.urls + process + '/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" list-type="picture-card" :on-remove="upl_remove_sfzfm" :on-success="upl_fn_sfzfm"
            :action="defaultSettings.urls + process + '/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>

	<!-- 添加或修改岗位对话框 -->
	<el-dialog :close-on-click-modal="false" :title="titles" :visible.sync="openss" width="600px" append-to-body>
	  <el-form ref="forms" :model="sharData" :rules="sharRules" label-width="140px">
	    <el-form-item label="企业名称" prop="companyName">
	      <!-- <el-input v-model="sharData.name" placeholder="请输入企业名称" /> -->
		  <el-autocomplete
		    v-model="sharData.companyName"
		    :fetch-suggestions="querySearchAsync"
		    placeholder="请输入企业名称"
		    @select="handleSelecthueys"
		    :trigger-on-focus="false"
		    style="width: 100%;"
		    :disabled="dis_flag"
		  ></el-autocomplete>
	    </el-form-item>
	    <el-form-item label="股权比例" prop="equityRatio">
	      <el-input-number :min="0" :max="100" style="width: 140px" v-model="sharData.equityRatio" /><span style="margin: 0 10px; font-size: 16px">%</span>
	    </el-form-item>
	    <el-form-item label="统一社会信用代码" prop="companyCode">
	      <el-input v-model="sharData.companyCode" placeholder="请输入统一社会信用代码" />
	    </el-form-item>
	    <el-form-item label="企业股东营业执照" prop="businessPhoto">
	      <el-upload class="upload-demo" :file-list="idcardFrontFlie" list-type="picture-card" :on-remove="upl_remove_sfzzms" :on-success="upl_fn_sfzzms"
	        :action="defaultSettings.urls + process + '/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="submitFormss">确 定</el-button>
	    <el-button @click="openss = false">取 消</el-button>
	  </div>
	</el-dialog>



     <el-dialog :visible.sync="dialogVisible">

       <img width="100%" :src="dialogImageUrl" alt="" v-if="ndheuos">
       <a :href="dialogImageUrl" target="view_window" v-if="!ndheuos"> {{dialogImagename}} <span style="color: red;">点击查看/下载</span> </a>

     </el-dialog>

    <BigPicture ref="BigPicture" :urls="pir_imgs"></BigPicture>
  </div>
</template>

<script>
  import {
    getOrderinfo,
    getShareholderList,
    getShareholder,
    delShareholder,
    addShareholder,
	  addShareholderde,
    setShareholder,
	  setShareholderde,
    setOrderinfo,
    addOrderinfo,
    getExamine,
    getShareholderListss,
    getShareholders,
    delShareholders
  } from "@/api/system/signContracts";
  import {
    addConfigbout,
  } from "@/api/system/config";
  import {
    setExamine,
    setBack,
    setReject
  } from "@/api/projectInfo/info.js";
  import {
    listConfigname
  } from "@/api/system/config";
  const defaultSettings = require("@/settings.js");
  export default {
    dicts: ['sys_normal_disable','investment_mode','sys_yes_no','construction_method','investment_category','proposed_location','industry','enterprise_background','project_category'],
    data() {
      return {
        dis_flag: false,
        process: process.env.VUE_APP_BASE_API,
        fileListZcq: [],
        fileListZht: [],
        fileListCqz: [],
        fileListTdls: [],
        fileListTdz: [],
        dialogImagename:'',
        flieListHt: [],
        flieListYzz: [],
        flieListBa: [],
        defaultSettings,
        title: "",
        totals:0,
        // 是否显示弹出层
        open: false,
        configList: [],
        setrd: 0,
        sharRules: {
          name: [{
            required: true,
            message: "请输入姓名",
            trigger: "blur",
          }, ],
          equityRatio: [{
            required: true,
            message: "请输入股权比例",
            trigger: "blur",
          }, ],
          idcard: [{
            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'
        }],
          idcardFront: [{
            required: true,
            message: "请上传身份证正面",
            trigger: "blur",
          }],
          idcardBack: [{
            required: true,
            message: "请上传身份证反面",
            trigger: "blur",
          }, ],
        },
        sharData: {
          bmProjectId: this.$route.query.setid,
          name: "",
          equityRatio: 0,
          idcard: "",
          idcardFront: "",
          idcardBack: "",
		  companyCode:'',
        },
        queryParams: {
          pageNum: 1,
          pageSize: 10,
          bmProjectId: "",
        },
        total: 0,
		titles:'',
        shareholderList: [],
        shareholderLists:[],
		openss:false,
        // showSearch: true,
        loading: true,
        rules: {
			xmmc: [{
			  required: true,
			  message: "请输入项目名称",
			  trigger: "blur",
			}, ],
			tzfs: [{
			  required: true,
			  message: "请选择投资方式",
			  trigger: "blur",
			}, ],
			jsfs: [{
			  required: true,
			  message: "请选择建设方式",
			  trigger: "blur",
			}, ],
			sfys: [{
			  required: true,
			  message: "请选择是否宜商",
			  trigger: "blur",
			}, ],
			qyrq: [{
			  required: true,
			  message: "请选择签约日期",
			  trigger: "blur",
			}, ],
			tbrq: [{
			  required: true,
			  message: "请选择通报日期",
			  trigger: "blur",
			}, ],
			xytze: [{
			  required: true,
			  message: "请输入协议投资额",
			  trigger: "blur",
			}, ],
			gdzctze: [{
			  required: true,
			  message: "请输入固定资产投资额",
			  trigger: "blur",
			}, ],
      zsyzFjList: [{
        required: true,
        message: "请上传附件",
        trigger: "blur",
      }, ],

			sshy: [{
			  required: true,
			  message: "请选择所属行业",
			  trigger: "blur",
			}, ],
			ydmj: [{
			  required: true,
			  message: "请输入用地面积",
			  trigger: "blur",
			}, ],
			jsnr: [{
			  required: true,
			  message: "请输入建设内容",
			  trigger: "blur",
			}, ],
			nkgrq: [{
			  required: true,
			  message: "请选择拟开工时间",
			  trigger: "blur",
			}, ],
			lxrq: [{
			  required: true,
			  message: "请选择立项日期",
			  trigger: "blur",
			}, ],
			dfqyr: [{
			  required: true,
			  message: "请输入签约人",
			  trigger: "blur",
			}, ],
			wfqyr: [{
			  required: true,
			  message: "请输入签约人",
			  trigger: "blur",
			}, ],
			zcqymc: [{
			  required: true,
			  message: "请输入在潜注册公司名称",
			  trigger: "blur",
			}, ],
			frdb: [{
			  required: true,
			  message: "请输入法定代表人",
			  trigger: "blur",
			}, ],
			zcrq: [{
			  required: true,
			  message: "请选择注册日期",
			  trigger: "blur",
			}, ],
			lxfs: [{
			  required: true,
			  message: "请输入联系方式",
			  trigger: "blur",
			}, {
            pattern: /^1(3|4|5|7|8|9)\d{9}$/,
            message: "手机号格式不对",
            trigger: "blur",
          },],
			zczb: [{
			  required: true,
			  message: "请输入注册资本金",
			  trigger: "blur",
			}, ],
			jyfw: [{
			  required: true,
			  message: "请输入经营范围",
			  trigger: "blur",
			}, ],
      xmgjrxm: [{
        required: true,
        message: "请输入项目跟进人姓名",
        trigger: "blur",
      }, ],
      xmgjrzw: [{
        required: true,
        message: "请输入项目跟进人职务",
        trigger: "blur",
      }, ],
      xmgjrsjh: [{
        required: true,
        message: "请输入项目跟进人手机号",
        trigger: "blur",
      }, {
            pattern: /^1(3|4|5|7|8|9)\d{9}$/,
            message: "手机号格式不对",
            trigger: "blur",
          }],





    //       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",
    //       }, ],
		  // partnerJob:[{
			 //  required: true,
			 //  message: "请输入信息",
			 //  trigger: "blur",
		  // }],
		  // usJob:[{
		  // 			  required: true,
		  // 			  message: "请输入信息",
		  // 			  trigger: "blur",
		  // }],
    //       agreementUs: [{
    //         required: true,
    //         message: "请输入合同签约我方",
    //         trigger: "blur",
    //       }, ],
    //       wfqyr: [{
    //         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,
		      xmmc:'',//项目名称
        //   qyrq: "", //签约日期
        //   tzfs: "", //投资方式
        //   dfqyr: "", //	对方签约人
        //   wfqyr: "", //	我方签约人
          tbrq: "", //	通报日期
        //   qyrq: "", //	签约日期
        //   xytze: "", //	协议投资额
        //   swzj: "", //	市外资金
        //   gdzctze: "", //固定资产投资额（
        //   qygjrsjh: "", //签约跟进人手机号
        //   sshy: "", //	所属行业
        //   jsfs: "", //建设方式
        //   sfys: "", //是否宜商
        //   jsnr: "", //建设内容
        //   ydmj: "", //用地面积
        //   zcqymc: "", //注册企业名称
        //   zcrq: "", //注册日期
        //   zczb: "", //	注册资本
        //   frdb: "", //	法人代表
        //   lxfs: "", //	联系方式
        //   jyfw: "", //经营范围
        //   lxrq: "", //立项日期
        //   nkgrq: "", //	拟开工日期
        //   path: "", //文件地址




          // isOutInvestment: "", // 是否外资(N:Y)
          // totInvestment: "", //总投资额度
          // gdzctze: "", //固定资产投资额度
          // swzj: "", //市外资金
          // isIndependentLan: "", //是否独立供地(N:Y)
          // landArea: "", //供地面积
          // landAddress: "", //供地位置
          // landPhoto: [], //土地证ur
          // circulationLand: "", //流转土地面积
          // circulationAddres: "", //流转土地位置
          // circulationDoc: [], //土地流转合同
          // circulationPhoto: [], //产权证
          // leasePlantArea: "", //租赁厂房面积
          // leasePlantAddress: "", //租赁厂房位置
          // leasePlantDoc: [], //租赁合同
          // leasePlantPhoto: [], //租赁产权证
          // agreementTot: '', //租赁产权证
          // agreementTax: "", // 合同约定税收
          // agreementStartdate: "", // 合同约定开工时间
          // agreementEnddate: "", //合同约定竣工时间
          // agreementPartner: "", //合同签约对方
          // partner: "", //对方合同签约人
          // agreementUs: "", //合同签约我方
          // wfqyr: "", //我方合同签约人
          // 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: [],
        pir_imgs: '',
        dialogImageUrl: '',
        dialogVisible: false,
        dkrou:{},
        ndheuos:false,
        field107Options:[],
        bmProjectId:{},
        pickerOptions:{
                  disabledDate (time) {
                    //disabledDate 文档上：设置禁用状态，参数为当前日期，要求返回 Boolean
                    return time.getTime() > Date.now()//选当前时间之前的时间
                    //return time.getTime() < Date.now()//选当前时间之后的时间
                  }
              },
      color:0,
       lk:1
      };
    },
    mounted() {
      this.queryParams.bmProjectId = this.$route.query.setid;
      this.setrd = this.$route.query.setrd;
      this.color = this.$route.query.color
      this.lk = this.$route.query.pagenume
      this.queryParams.xmId = localStorage.getItem('xmId')
      this.queryParams.xmbh = localStorage.getItem('xmbh')
      this.queryParams.xmmc = localStorage.getItem('xmxsmc')
      this.bmProjectId.xmId = localStorage.getItem('xmId')
      this.bmProjectId.xmbh = localStorage.getItem('xmbh')
      this.bmProjectId.xmmc = localStorage.getItem('xmxsmc')
      this.form.xmId = localStorage.getItem('xmId')
      this.form.xmbh = localStorage.getItem('xmbh')
      // this.form.xmmc = localStorage.getItem('xmmc')
      console.log(this.queryParams)
      // setrd == 2&&color==2) ||  (setrd == 3&&color==1) || (setrd == 3&&color==3)
      if(this.$route.query.setrd == 3){
        console.log(2)
        if(this.color !==2){
           this.dis_flag = false;
           console.log(3)
        }else{
          this.dis_flag = true;
          console.log(4)
        }
      }else if(this.$route.query.setrd == 2){
        // console.log(1)

        if(this.color == 2){
          this.dis_flag = false;
        }else{
          this.dis_flag = true;
        }
        // this.dis_flag = false;
      }else{
        this.dis_flag = true;
      }
      console.log(this.dis_flag)
      if (this.setrd !=0){
        this.times()
        console.log(569862)
        this.getOrderinfo();
      }
console.log(56986256)
      // this.dis_flag = (this.$route.query.setrd!=5)

      // this.getShareholderList();
      // this.getShareholderListss();
    },
    methods: {
      handlePictureCardPreview(file) {
             this.dialogImageUrl = file.url;
             this.dialogVisible = true;
           },
      backProBtn(){
        var that = this
        this.$confirm("是否确认撤销审核", "提醒", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(function() {
            return setBack({
             id: that.queryParams.xmId,
             progress: that.setrd,
             xmStatus: that.color
            });
          })
          .then(() => {
            this.msgSuccess("撤销成功");
            setTimeout(res => {
              this.$router.go(-1)
            }, 1000)
          });
      },
      imgBtn(url) {
        this.pir_imgs = url
        this.$refs.BigPicture.hidden.status = true
      },
      //审核
      applyBtn() {
        var that = this
        console.log(that.setrd)
        // let ndhe = {}
        // ndhe.shjg  = 1,
        //   xmjd = that.setrd,
        //   xmId= that.queryParams.xmId,
        //   xmbh= that.queryParams.xmbh,
        //   xmmc= that.queryParams.xmmc,
        //   xmjd= that.queryParams.progress,
        //   shyj:''
        this.$confirm("是否确认审核", "提醒", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(function() {
            // addConfigbout
            console.log(that.setrd)
            return addConfigbout({
              shjg: 2,
              xmjd: that.setrd,
              xmId: that.queryParams.xmId,
              xmbh: that.queryParams.xmbh,
              xmmc: that.queryParams.xmmc,
              shyj:''
            });
          })
          .then(() => {
            this.msgSuccess("审核成功");
            setTimeout(res => {
              this.$router.go(-1)
            }, 1000)
          });
      },
      //驳回
      backBtn() {
        var that = this
        this.$prompt("请输入驳回意见", "提醒", {
          confirmButtonText: "确定",
          cancelButtonText: "取消",
          type: "warning",
          inputValidator: (value) => {
                    if(!value) {
                      return '驳回意见不能为空！';
                    }
                   }
        })
          .then(function({ value }) {
            return setReject({
              shjg: 3,
              xmjd: that.setrd,
              xmId: that.queryParams.xmId,
              xmbh: that.queryParams.xmbh,
              xmmc: that.queryParams.xmmc,
              shyj: value,
            });
          })
          .then(() => {
            this.msgSuccess("驳回成功");
            setTimeout(res => {
              this.$router.go(-1)
            }, 1000)
          });
      },
      upBtn() {
        var that = this
        // this.$refs["form"].validate((valid) => {
        //   if (valid) {
        //     let  zNum =  (this.form.overseasInvestment-0)+ (this.form.jnswInvestm-0)+ (this.form.snswInvestm-0)+ (this.form.snxwInvestm-0)+ (this.form.xnInvestm-0)
        //     console.log(this.form.totInvestment,zNum)
        //     if (this.form.totInvestment != zNum) {
        //       this.msgError("请重新填写总投资额,总投资额度与其他投资数总和不等");
        //       return;
        //     }
        //     if (this.total == 0) {
        //       this.msgError("企业股东不能为空，请上传企业股东");
        //       return;
        //     }
        //     let data = JSON.parse(JSON.stringify(this.form));
        //     data.isOutInvestment = Number(data.isOutInvestment)
        //     data.agreementUrl = data.agreementUrl.join(",");
        //     data.landPhoto = data.landPhoto.join(",");
        //     data.recordUrl = data.recordUrl.join(",");
        //     data.circulationDoc = data.circulationDoc.join(",");
        //     data.bussinessUrl = data.bussinessUrl.join(",");
        //     data.leasePlantPhoto = data.leasePlantPhoto.join(",");
        //     data.leasePlantDoc = data.leasePlantDoc.join(",");
        //     data.circulationPhoto = data.circulationPhoto.join(",");
        //     if (this.form.id) {
        //       // 修改
        //       setOrderinfo(JSON.stringify(data)).then((res) => {
        //         this.$confirm("是否确认提交?", "提醒", {
        //             confirmButtonText: "确定",
        //             cancelButtonText: "取消",
        //             type: "warning",
        //           })
        //           .then(function() {
        //             return getExamine({
        //               code: 1,
        //               bmProjectId: that.$route.query.setid,
        //             })
        //           })
        //           .then(() => {
        //             this.msgSuccess("提交成功");
        //             setTimeout(res => {
        //               this.$router.go(-1)
        //             }, 1000)

        //           });

        //       });
        //     } else {
        //       // 新增
        //       addOrderinfo(JSON.stringify(data)).then((res) => {
        //         this.$confirm("是否确认提交?", "提醒", {
        //             confirmButtonText: "确定",
        //             cancelButtonText: "取消",
        //             type: "warning",
        //           })
        //           .then(function() {
        //             return getExamine({
        //               code: 1,
        //               bmProjectId: that.$route.query.setid,
        //             })
        //           })
        //           .then(() => {
        //             this.msgSuccess("提交成功");
        //             setTimeout(res => {
        //               this.$router.go(-1)
        //             }, 1000)
        //           });
        //       });
        //     }
            this.dkrou.code = 1;
            this.dkrou.bmProjectId = that.$route.query.setid;
            setExamine(this.dkrou).then((response) => {
              // setExamine setExamine addConfigbout
              console.log(response);
              this.msgSuccess("提交成功");
              // this.open = false;
              // this.getListtwo();
              this.$router.go(-1);
              // 就可以回到上一页。
              // this.open = false;
              // this.getListtwo();
            });
            console.log(this.queryParams);
          // }
        // });
      },
      goBtn() {
        this.$router.push({
          path: '/management/management/infos',
          query: {
            pagenume:this.lk
          },
        })
      },
      addshareBtn() {

        if(this.dis_flag){
          return
        }
        this.reset();
        this.title = "添加自然人";
		this.titles = '添加企业股东'
        this.open = true;
      },
	  addshareBtnde() {

	    if(this.dis_flag){
	      return
	    }
	    this.reset();
	    this.title = "添加自然人";
	    this.titles = '添加企业股东'
	    this.openss = true;
	  },
      // 表单重置
      reset() {
        this.sharData = {
          bmProjectId: this.$route.query.setid,
          name: "",
          equityRatio: 0,
          idcard: "",
          idcardFront: "",
          idcardBack: "",
		  companyCode:'',
        };
        this.idcardFrontFlie = [];
        this.idcardBackFlie = [];
        this.resetForm("forms");
      },
      resetPhoto(file, fileList) {
        let urls = ""
        if(file.response){
          urls = file.response.url
        }else{
          urls = file.url
        }
        for (let i = this.form.landPhoto.length - 1; i >= 0; i--) {
          if (this.form.landPhoto[i] == urls) {
            this.form.landPhoto.splice(i, 1);
          }
        }
      },
      resetPhoto1(file, fileList) {
        let urls = ""
        if(file.response){
          urls = file.response.url
        }else{
          urls = file.url
        }
        for (let i = this.form.circulationDoc.length - 1; i >= 0; i--) {
          if (this.form.circulationDoc[i] == urls) {
            this.form.circulationDoc.splice(i, 1);
          }
        }
      },
      resetPhoto2(file, fileList) {
        let urls = ""
        if(file.response){
          urls = file.response.url
        }else{
          urls = file.url
        }
        for (let i = this.form.circulationPhoto.length - 1; i >= 0; i--) {
          if (this.form.circulationPhoto[i] == urls) {
            this.form.circulationPhoto.splice(i, 1);
          }
        }
      },
      resetPhoto3(file, fileList) {
        let urls = ""
        if(file.response){
          urls = file.response.url
        }else{
          urls = file.url
        }
        for (let i = this.form.leasePlantDoc.length - 1; i >= 0; i--) {
          if (this.form.leasePlantDoc[i] == urls) {
            this.form.leasePlantDoc.splice(i, 1);
          }
        }
      },
      beforeAvatarUpload(file) {
        console.log(file.type);
        const isJPG =
          file.type === "image/jpeg" ||
          file.type === "image/png" ||
          file.type === "image/jpg";
        const isPNG = file.type === "image/png";
        const isLt2M = file.size / 1024 / 1024 < 10;
        this.ndheuos = isJPG
        // if (!isJPG) {
        //   this.$message.error("图片只能是 JPG 格式! 或者 PNG 格式!");
        // }
        // if(!isPNG){
        //   this.$message.error('图片只能是 JPG 格式! 或者 PNG 格式!');
        // }
        if (!isLt2M) {
          this.$message.error("文件大小不能超过 10MB!");
        }
        return  isLt2M;
      },
      resetPhoto4(file, fileList) {
        let urls = ""
        if(file.response){
          urls = file.response.url
        }else{
          urls = file.url
        }
        for (let i = this.form.leasePlantPhoto.length - 1; i >= 0; i--) {
          if (this.form.leasePlantPhoto[i] == urls) {
            this.form.leasePlantPhoto.splice(i, 1);
          }
        }
      },
      resetPhoto5(file, fileList) {
        let urls = ""
        if(file.response){
          urls = file.response.url
        }else{
          urls = file.url
        }
        for (let i = this.form.bussinessUrl.length - 1; i >= 0; i--) {
          if (this.form.bussinessUrl[i] == urls) {
            this.form.bussinessUrl.splice(i, 1);
          }
        }
      },
      upl_fn(res, file) {
        this.form.landPhoto.push(res.url);
      },
      upl_fn_lzht(res, file) {
        this.form.circulationDoc.push(res.url);
      },
      upl_fn_cqz(res, file) {
        this.form.circulationPhoto.push(res.url);
      },
      upl_fn_zlht(res, file) {
        this.form.leasePlantDoc.push(res.url);
      },
      upl_fn_zlcqz(res, file) {
        this.form.leasePlantPhoto.push(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.push(res.url);
      },
      upl_fn_sfzzm(res, file) {
        this.idcardFrontFlie = [];
        this.idcardFrontFlie = [{
          name: res.url,
          url: res.url,
        }, ];
        this.sharData.idcardFront = res.url;
        this.sharData.businessPhoto = res.url
      },
      upl_fn_sfzzms(res, file){
        this.idcardFrontFlie = [];
        this.idcardFrontFlie = [{
          name: res.url,
          url: res.url,
        }, ];
        // this.sharData.idcardFront = res.url;
        this.sharData.businessPhoto = res.url
      },
      upl_remove_sfzzm() {
        this.idcardFrontFlie = [];
        this.sharData.idcardFront = "";
      },
      upl_remove_sfzzms() {
        this.idcardFrontFlie = [];
        this.sharData.businessPhoto = ''
      },
      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;
        });
      },
      getShareholderListss() {
        getShareholderListss(this.queryParams).then((res) => {
          this.shareholderLists = res.rows;
          this.totals = 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();
              });
            }
          }
        });
      },
	  submitFormss(){
		  this.$refs["forms"].validate((valid) => {
        // this.sharData
		    if (valid) {
          this.sharData.idcard = undefined
          this.sharData.idcardBack = undefined
          this.sharData.idcardFront = undefined
          this.sharData.name = undefined
		      if (this.sharData.id) {
		        setShareholderde(this.sharData).then((res) => {
		          this.openss = false;
		          this.msgSuccess("修改成功");
		          this.getShareholderListss();
		        });
		      } else {

		        addShareholderde(this.sharData).then((res) => {
		          this.openss = false;
		          this.msgSuccess("新增成功");
		          this.getShareholderListss();
		        });
		      }
		    }
		  });
	  },
      submitForm() {
        console.log(344,this.form)
        // if(this.form.orderDate == ""){
        //   this.msgError("请选择签约日期");
        //   return  false
        // }
        if(this.form.xytzely == undefined){
            this.msgError("请选择协议投资额");
              return  false
          }

          if(this.form.xytzely == '内资(市外省内)'){
            if(this.form.swzj == undefined || this.form.swzj == null){
              this.msgError("请填写市外资金");
                return  false
            }
          }

        console.log(this.form.zlcf,this.form.gdmj)

        if(this.form.zlcf == undefined && this.form.gdmj == undefined){
          this.msgError("供地面积，租赁厂房必填一项");
            return  false
        }
        if(this.form.zlcf == null && this.form.gdmj == undefined){
          this.msgError("供地面积，租赁厂房必填一项");
            return  false
        }
        if(this.form.zlcf == undefined && this.form.gdmj == null){
          this.msgError("供地面积，租赁厂房必填一项");
            return  false
        }
        if(this.form.zlcf == null && this.form.gdmj == null){
          this.msgError("供地面积，租赁厂房必填一项");
            return  false
        }
        if(this.form.zlcf == '' && this.form.gdmj == ''){
          this.msgError("供地面积，租赁厂房必填一项");
            return  false
        }
        if(this.form.zlcf == undefined && this.form.gdmj == ''){
          this.msgError("供地面积，租赁厂房必填一项");
            return  false
        }
        if(this.form.zlcf == '' && this.form.gdmj == undefined){
          this.msgError("供地面积，租赁厂房必填一项");
            return  false
        }
        if(this.form.zlcf == '' && this.form.gdmj == null){
          this.msgError("供地面积，租赁厂房必填一项");
            return  false
        }
        if(this.form.zlcf == null && this.form.gdmj == ''){
          this.msgError("供地面积，租赁厂房必填一项");
            return  false
        }
        this.form.xmId = localStorage.getItem('xmId')
        this.form.xmbh = localStorage.getItem('xmbh')
        this.form.xmxsmc = localStorage.getItem('xmxsmc')
        this.$refs["form"].validate((valid) => {
          if (valid) {
            // let  zNum =  (this.form.overseasInvestment-0)+ (this.form.jnswInvestm-0)+ (this.form.snswInvestm-0)+ (this.form.snxwInvestm-0)+ (this.form.xnInvestm-0)
            // console.log(this.form.totInvestment,zNum,765)
            // if (this.form.totInvestment != zNum) {
            //   this.msgError("请重新填写总投资额,总投资额度与其他投资数总和不等");
            //   return;
            // }

            // let data = JSON.parse(JSON.stringify(this.form));
            // data.isOutInvestment = Number(data.isOutInvestment)
            // data.agreementUrl = data.agreementUrl.join(",");
            // data.landPhoto = data.landPhoto.join(",");
            // data.recordUrl = data.recordUrl.join(",");
            // data.circulationDoc = data.circulationDoc.join(",");
            // data.bussinessUrl = data.bussinessUrl.join(",");
            // data.leasePlantPhoto = data.leasePlantPhoto.join(",");
            // data.leasePlantDoc = data.leasePlantDoc.join(",");
            // data.circulationPhoto = data.circulationPhoto.join(",");

            if (this.form.id!=-1) {
              // 修改
              setOrderinfo(this.form).then((res) => {
                this.msgSuccess("修改成功");
                // this.upBtn()
                this.$router.push({
                  path: "/management/management/infos",
                });
              });

            } else {
              this.form.id = undefined
              // 新增
              addOrderinfo(this.form).then((res) => {
                this.msgSuccess("操作成功");
                // this.upBtn()
                this.$router.push({
                  path: "/management/management/infos",
                });
              });
            }
          }
        });
      },
      getOrderinfo() {
        getOrderinfo(this.queryParams.bmProjectId).then((res) => {
          console.log(res);
          if (res.data) {
            let data = res.data
            // data.circulationPhoto = defaultSettings.urls + this.process + data.circulationPhoto
            // this.flieListHt = this.gshFn(data.agreementUrl)
            // this.fileListTdls = this.gshFn(data.circulationDoc)
            // this.flieListBa = this.gshFn(data.recordUrl)
            // this.fileListTdz = this.gshFn(data.landPhoto)
            // this.flieListYzz = this.gshFns(data.bussinessUrl)
            // this.fileListZcq = this.gshFn(data.leasePlantPhoto)
            // this.fileListZht = this.gshFn(data.leasePlantDoc)
            // this.fileListCqz = this.gshFn(data.circulationPhoto)
            // console.log(this.fileListCqz,234)

            // if(data.circulationPhoto.length){
            //   data.circulationPhoto = data.circulationPhoto.split(',')
            // }else{
            //   data.circulationPhoto = []
            // }

            // if(data.leasePlantDoc.length){
            //   data.leasePlantDoc = data.leasePlantDoc.split(',')
            // }else{
            //   data.leasePlantDoc = []
            // }

            // if(data.bussinessUrl.length){
            //   data.bussinessUrl = data.bussinessUrl.split(',')
            // }else{
            //   data.bussinessUrl = []
            // }
            // if(data.leasePlantPhoto.length){
            //   data.leasePlantPhoto = data.leasePlantPhoto.split(',')
            // }else{
            //   data.leasePlantPhoto = []
            // }

            // if(data.landPhoto.length){
            //   data.landPhoto = data.landPhoto.split(',')
            // }else{
            //   data.landPhoto = []
            // }

            // if(data.agreementUrl.length){
            //   data.agreementUrl = data.agreementUrl.split(',')
            // }else{
            //   data.agreementUrl = []
            // }
            // if(data.recordUrl.length){
            //   data.recordUrl = data.recordUrl.split(',')
            // }else{
            //   data.recordUrl = []
            // }
            // if(data.circulationDoc.length){
            //   data.circulationDoc = data.circulationDoc.split(',')
            // }else{
            //   data.circulationDoc = []
            // }
            // data.isOutInvestment = Boolean(data.isOutInvestment - 0)
            // console.log(data.circulationPhoto,defaultSettings.urls + this.process,654)
            this.form = data;
            localStorage.setItem('xmmc',this.form.xmmc)
            this.queryParams.xmId = this.form.xmId
            this.queryParams.xmbh = this.form.xmbh
            this.queryParams.xmmc = this.form.xmxsmc
            this.bmProjectId.xmId = this.form.xmId
            this.bmProjectId.xmbh = this.form.xmbh
            this.bmProjectId.xmmc = this.form.xmxsmc
            console.log(this.form,91)
          }else{
            this.form.id = -1
            this.queryParams.xmId = localStorage.getItem('xmId')
                this.queryParams.xmbh = localStorage.getItem('xmbh')
                this.queryParams.xmmc = localStorage.getItem('xmxsmc')
                this.bmProjectId.xmId = localStorage.getItem('xmId')
                this.bmProjectId.xmbh = localStorage.getItem('xmbh')
                this.bmProjectId.xmmc = localStorage.getItem('xmxsmc')
                this.form.xmId = localStorage.getItem('xmId')
                this.form.xmbh = localStorage.getItem('xmbh')
          }
        });
      },
      gshFn(arr){
        let arrs = []
        if(arr){
          for(let item of arr.split(',')){
            arrs.push({
              name: item.substring(item.lastIndexOf("/")+1),
              url: item  ,
            })
          }
        }
        return arrs
      },
      gshFns(arr){
        let arrs = []
        if(arr){
          for(let item of arr.split(',')){
            arrs.push({
              name: item,
              url: item,
            })
          }
        }
        return arrs
      },
      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 = []
          this.idcardBackFlie = []
          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 = "修改自然人";
        });
      },
	  /** 修改按钮操作 */
	  handleUpdates(row) {
	    this.reset();
	    const id = row.id || this.ids;
	    getShareholders(id).then((response) => {
	      this.sharData = response.data;
        this.idcardFrontFlie = []
        this.idcardBackFlie = []
	      this.idcardFrontFlie = [{
	        name: response.data.businessPhoto,
	        url: response.data.businessPhoto,
	      }, ];
	      this.idcardBackFlie = [{
	        name: response.data.businessPhoto,
	        url: response.data.businessPhoto,
	      }, ];
	      this.openss = true;
	      this.titles = "修改股东信息";
	    });
	  },

      /** 删除按钮操作 */
      handleDelete(id) {
        this.$confirm("是否确认删除该股东", "警告", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(function() {
            return delShareholder(id);
          })
          .then(() => {
            this.getShareholderList();
            this.msgSuccess("删除成功");
          });
      },
      /** 删除按钮操作 */
      handleDeletes(id) {
        this.$confirm("是否确认删除该股东", "警告", {
            confirmButtonText: "确定",
            cancelButtonText: "取消",
            type: "warning",
          })
          .then(function() {
            return delShareholders(id);
          })
          .then(() => {
            this.getShareholderListss();
            this.msgSuccess("删除成功");
          });
      },
      handleRemove(file, fileList) {
        let urls = ""
        if(file.response){
          this.form.agreementUrl =  file.response.url
        }else{
          urls = file.url
        }
        for (let i = this.form.agreementUrl.length - 1; i >= 0; i--) {
          if (this.form.agreementUrl[i] == urls) {
             this.form.agreementUrl.splice(i, 1);
          }
        }
        console.log(this.form.agreementUrl)
      },
      handleRemove_bab(file, fileList) {
        let urls = ""
        if(file.response){
          urls = file.response.url
        }else{
          urls = file.url
        }
        for (let i = this.form.recordUrl.length - 1; i >= 0; i--) {
          if (this.form.recordUrl[i] == urls) {
            this.form.recordUrl.splice(i, 1);
          }
        }
      },
      handlePreview(file) {
        console.log(file, 22);
        if(file.response !== undefined){
          this.dialogImageUrl = file.response.url;
          this.dialogVisible = true;
          this.dialogImagename = file.name
        }else{
          this.dialogImageUrl = file.url;
          this.dialogVisible = true;
          this.dialogImagename = file.name
        }
      },
      handleSelecthuey(item){
        console.log(item)
        // this.form.code = item.id
        // this.form.legalRep = item.labr
        for (let i = 0; i < this.resets.length; i++) {
         if(item.id == this.resets[i].CreditCode){
           console.log(this.resets[i])
           // 企业名称
           this.$set(this.form, 'zcqymc', this.resets[i].Name)
           // this.form.zcqymc = this.resets[i].Name
           // 企业所在地
           // this.form.address = this.resets[i].Name
           // 法人代表姓名
           this.$set(this.form, 'frdb', this.resets[i].OperName)
           // this.form.zcrq = this.resets[i].StartDate
           // 统一社会信用代码
           // this.form.code = item.id
           // 联系方式
           // this.form.companyName = this.resets[i].Name
         }
        }


         // console.log(3345)
      },
	  handleSelecthueys(item){
	    console.log(item)
	    this.form.code = item.id
	    this.form.legalRep = item.labr
	    for (let i = 0; i < this.resets.length; i++) {
	     if(item.id == this.resets[i].CreditCode){
	       // 企业名称
	       this.sharData.companyName = this.resets[i].Name
	       // 企业所在地
	       // this.form.companyAddress = this.resets[i].Name
	       // 法人代表姓名
	       // this.form.companyLegal = this.resets[i].OperName
	       // 统一社会信用代码
	       this.sharData.companyCode = this.resets[i].CreditCode
	       // 联系方式
	       // this.form.companyName = this.resets[i].Name
	     }
	    }


	     // console.log(3345)
	  },
      querySearchAsync(queryString, cb){
         console.log(queryString, cb)
         this.options = []
         // this.form = {}
         listConfigname(queryString).then((res) => {
           console.log(res);
            if (res.code == 200 && res.data.length !== 0) {
           	                var result = res.data
                            this.resets = res.data
           	                //循环放到一个远程搜索需要的数组
           	                for (let i = 0; i < result.length; i++) {
           	                  const element = result[i];
                              console.log(result[i])
           	                  this.options.push({
           	                    value: element.Name,
           	                    id: element.CreditCode,
                                labr:element.OperName
           	                  })
           	                }
           	                cb(this.options);
           	              } else {
           	                this.options = []
           	                cb(this.options);
           	              }
         });
      },
      // 获取当前时间
      times(){
        var  date =  new  Date();
           var  seperator1 =  "-" ;
           var  year = date.getFullYear();
           var  month = date.getMonth() + 1;
           var  strDate = date.getDate();
           if  (month >= 1 && month <= 9) {
             month =  "0"  + month;
           }
           if  (strDate >= 0 && strDate <= 9) {
             strDate =  "0"  + strDate;
           }
           this.form.tbrq = year + seperator1 + month + seperator1 + strDate;
           return  this.form.tbrq;
      }
    },
  };
</script>

<style lang="scss">
  .el-upload-list--picture-card .el-upload-list__item{
    width: 100px;
    height: 100px;
  }
  .el-upload--picture-card{
    width: auto;
    height: auto;
    background-color: transparent;
    border: none;
    line-height: 0;
  }
  .imgs {
    width: 100px;
    height: 100px;
    object-fit: cover;
  }

  .roiyy {

    position: fixed;
    top: 95px;
    left: 0;
    width: 100%;
    padding-left: 230px;
    padding-right: 30px;
    box-sizing: border-box;
    z-index: 999;
  }

  .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: 0 0 26px;

    .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%;
  }
  .dw_names{
    font-size: 12px;
    color: red;
  }
  .nlseoi{
    .elItem{
      margin: 0 !important;
    }
  }
</style>