<template>
  <div class="app-conta">
    <el-row :gutter="10" class="mb8 roiyy">
      <el-col :span="1.5" v-if="setrd % 2 == 1">
        <el-button
          type="primary"
          @click="submitCtion"
          v-hasPermi="['bmProject:project:examine']"
          >提交</el-button
        >
      </el-col>
      <el-col :span="1.5" v-if="setrd % 2 == 1">
        <el-button
          type="primary"
          @click="emporary"
          v-hasPermi="['bmProject:project:add']"
          >暂存</el-button
        >
      </el-col>
      <el-col :span="1.5">
        <el-button
          type="primary"
          @click="cancelqiu"
          >取消</el-button
        >
      </el-col>
      <el-col :span="1.5" :offset="16" v-if="setrd % 2 == 1&&setrd>2">
        <el-button
          type="danger"
          @click="backProBtn"
          v-hasPermi="['bmProject:project:back']"
          >撤销审核</el-button
        >
      </el-col>
      <el-col :span="1.5" :offset="18" v-if="setrd % 2 == 0">
        <el-button
        style="background: #00B034;color: #FFF;border: none;"
          type="danger"
          @click="applyBtn"
          v-hasPermi="['bmProject:project:pass']"
          >审核</el-button>
        <el-button
		 style="background: #3FBCEF;color: #FFF;border: none;"
          type="danger"
          @click="backBtn"
          v-hasPermi="['bmProject:project:reject']"
          >驳回</el-button
        >
      </el-col>
    </el-row>
    <!-- 内容的显示隐藏 -->
    <div class="mation">
      <div class="nvestor">
        <p>投资方 <i>*</i></p>
      </div>
      <p class="enterprise">企业</p>
      <p class="enterprise_tw" @click="handleAdd">
        <i class="el-icon-circle-plus-outline"></i>添加企业
      </p>
      <el-table v-loading="loading" :data="configList">
        <!-- <el-table-column type="selection" width="55" align="center" /> -->
        <el-table-column label="企业名称" align="center" prop="companyName" />
        <el-table-column
          label="企业所在地"
          align="center"
          prop="companyAddress"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="法人代表姓名"
          align="center"
          prop="companyLegal"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="统一社会信用代码"
          align="center"
          prop="companyCode"
        />
        <el-table-column label="联系方式" align="center" prop="phone" />
        <!-- <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"
              :disabled = "disfal"
              @click="handleUpdate(scope.row)"
              v-hasPermi="['system:config:edit']"
              >修改</el-button
            >
            <el-button
              size="mini"
              type="danger"
              :disabled = "disfal"
              @click="handleDelete(scope.row)"
              v-hasPermi="['system:config:remove']"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <p class="enterprise">自然人</p>
      <p class="enterprise_tw" @click="handleAddtwo">
        <i class="el-icon-circle-plus-outline"></i>添加自然人
      </p>
      <el-table v-loading="loading" :data="configListtwoL">
        <!-- <el-table-column type="selection" width="55" align="center" /> -->
        <el-table-column label="姓名" align="center" prop="name" />
        <el-table-column
          label="自然人所在地"
          align="center"
          prop="address"
          :show-overflow-tooltip="true"
        />
        <el-table-column
          label="身份证号码"
          align="center"
          prop="idcode"
          :show-overflow-tooltip="true"
        />
        <el-table-column label="联系方式" align="center" prop="phone" />
        <!-- <el-table-column label="联系方式" align="center" prop="configType" :formatter="typeFormat" /> -->
        <!-- <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"
              :disabled = "disfal"
              type="warning"
              @click="handleUpdatetwo(scope.row)"
              v-hasPermi="['system:config:edit']"
              >修改</el-button
            >
            <el-button
              size="mini"
              type="danger"
              :disabled = "disfal"
              @click="handleDeletetwo(scope.row)"
              v-hasPermi="['system:config:remove']"
              >删除</el-button
            >
          </template>
        </el-table-column>
      </el-table>
      <el-form
        :model="queryParams"
        :rules="queryForm"
        ref="queryParams"
        :inline="true"
        v-show="showSearch"
        label-width="120px"
        label-position="center"
        class="manager_form"
      >
        <!-- <el-form ref="queryForm" :model="queryParams" :rules="queryForm" label-width="115px" label-position="center" class="manager_form"> -->
        <el-form-item label="投资方联系人" prop="contactor">
          <el-input
            v-model="queryParams.contactor"
            placeholder="请输入投资方联系人"
            clearable
            :disabled = "disfal"
            size="small"
            style="width: 223px"
          />
        </el-form-item>
        <el-form-item label="投资方联系方式:" prop="phone" class="weiru">
          <el-input
            v-model.number="queryParams.phone"
            placeholder="请输入联系方式"
            :disabled = "disfal"
            clearable
            size="small"
            style="width: 233px"
          />
        </el-form-item>
        <div class="nvestor">
          <p>引荐方 <i>*</i></p>
        </div>

        <!-- <div v-if="queryParams.referralList == null" > -->
          <el-form-item label="引荐单位:" prop="sysDeptId"  style="width: 24%;">
            <el-cascader
               v-model="queryParams.referralList[0].sysDeptId"
               :show-all-levels="false"
               :disabled = "disfal"
               :options="typeOptionstwo"
               @change="handleChange"
               style="width: 128px"
                ></el-cascader>
          </el-form-item>
          <el-form-item label="省外股东占比:"  style="width: 18%;" class="fenpe" prop="investmentAllcocation">
            <el-input
              v-model="queryParams.referralList[0].investmentAllcocation"
              placeholder="数"
              clearable
              :disabled = "disfal"
              size="small"
              style="width:66px; padding: 0;"
              @keyup.enter.native="handleQuery"
            />
            <span class="souu">%</span>
          </el-form-item>
          <el-form-item label="引荐方联系人:" prop="referral"   style="width: 21%;">
            <el-input
              v-model="queryParams.referralList[0].referral"
              placeholder="请输入"
              clearable
              :disabled = "disfal"
              size="small"
              style="width: 98px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>

          <el-form-item label="引荐方联系方式:" prop="referralPhone" style="width: 33%;">
            <el-input
              v-model="queryParams.referralList[0].referralPhone"
              placeholder="请输入联系方式"
              clearable
              :disabled = "disfal"
              size="small"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
          <el-form-item label="引荐单位:" style="width: 24%;" prop="sysDeptId">
            <el-cascader
                :show-all-levels = "false"
                v-model="queryParams.referralList[1].sysDeptId"
                :options="typeOptionstwo"
                style="width: 128px"
                :disabled = "disfal"
                @change="handleChangete"></el-cascader>
          </el-form-item>
          <el-form-item label="省外股东占比:" style="width: 20%;" class="fenpe" prop="investmentAllcocation">
            <el-input
              v-model="queryParams.referralList[1].investmentAllcocation"
              placeholder="数"
              :disabled = "disfal"
              clearable
              size="small"
              style="width:66px;padding: 0;"
              @keyup.enter.native="handleQuery"
            />
            <span class="souu">%</span>
          </el-form-item>
          <el-form-item label="引荐方联系人:" prop="referral"  style="width: 21%;">
            <el-input
              v-model="queryParams.referralList[1].referral"
              placeholder="请输入"
              :disabled = "disfal"
              clearable
              size="small"
              style="width: 98px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>

          <el-form-item label="引荐方联系方式:" prop="referralPhone" style="width: 33%;">
            <el-input
              v-model="queryParams.referralList[1].referralPhone"
              placeholder="请输入联系方式"
              clearable
              :disabled = "disfal"
              size="small"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
        <!-- </div> -->
        <div class="nvestor">
          <p>项目基本信息 <i>*</i></p>
        </div>
        <el-form-item label="预计投资额(亿元)" class=" gueigntwo" prop="needAmt">
          <el-input
            v-model.number="queryParams.needAmt"
            placeholder="请输入预计投资额"
            clearable
            :disabled = "disfal"
            size="small"
            style="width: 223px"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <el-form-item
          label="其中 固定资产投资(亿元):"
          prop="fixedAssets"
          class=" gueigntwo"
        >
          <el-input
            v-model.number="queryParams.fixedAssets"
            placeholder="请输入"
            clearable
            :disabled = "disfal"
            size="small"
            style="width: 223px"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <div class="lage_div">
          <span>项目主营产品</span>
        <!-- </div> -->
          <el-form-item label="产品名称:" prop="productName" class="maneg_lar">
            <el-input
              v-model="queryParams.productName"
              placeholder="请输入产品名称"
              clearable
              :disabled = "disfal"
              size="small"
              style="width: 470px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
        </div>
        <el-form-item
          label="设计产能:"
          prop="productQty"
          class="manager_labtwo"
        >
          <el-input
            v-model="queryParams.productQty"
            placeholder="请输入设计产能"
            clearable
            :disabled = "disfal"
            size="small"
            style="width: 470px"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <div class="lage_div">
          <span>项目预计收益</span>
          <el-form-item label="预计产值(万元):" prop="productPrice" class="maneg_lar manager_labthre" >
            <el-input
              v-model.number="queryParams.productPrice"
              placeholder="请输入预计产值"
              clearable
              :disabled = "disfal"
              size="small"
              style="width: 470px"
              @keyup.enter.native="handleQuery"
            />
          </el-form-item>
        </div>
        <el-form-item
          label="预计税收(万元):"
          prop="productTax"
          class="manager_labtwo"
        >
          <el-input
            v-model.number="queryParams.productTax"
            placeholder="请输入预计税收"
            clearable
            :disabled = "disfal"
            size="small"
            style="width: 470px"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <el-form-item
          label="预计用工(人):"
          prop="productEmp"
          class="manager_labtwo"
        >
          <el-input
            v-model="queryParams.productEmp"
            placeholder="请输入预计用工"
            size="small"
            :disabled = "disfal"
            style="width: 470px"
          />
        </el-form-item>
        <div class="nvestor">
          <p>项目基本需求</p>
        </div>
        <el-form-item
          label="项目计划用地:"
          prop="plannedLand"
          style="width: 45%;"
          class="manager_labthre"
        >
          <el-input
            v-model="queryParams.plannedLand"
            placeholder="请输入"
            clearable
            size="small"
            :disabled = "disfal"
            style="width: 237px"
            @keyup.enter.native="handleQuery"
          />
          <span class="souu">亩</span>
        </el-form-item>
        <el-form-item label="其中 独立供地:" prop="independentLand" style="width: 45%;">
          <el-input
            v-model="queryParams.independentLand"
            placeholder="请输入"
            clearable
            :disabled = "disfal"
            size="small"
            style="width: 237px"
            @keyup.enter.native="handleQuery"
          />
          <span class="souu">亩</span>
        </el-form-item>
        <el-form-item label="流转土地:" prop="circulationLan" class="mage_ter mage_tergt" style="width: 98%;">
          <el-input
            v-model="queryParams.circulationLan"
            placeholder="请输入"
            clearable
            :disabled = "disfal"
            size="small"
            style="width: 237px"
            @keyup.enter.native="handleQuery"
          />
          <span class="souu">亩</span>
        </el-form-item>
        <el-form-item
          label="项目计划租赁用房:"
          prop="needRoom"
          class="manager_labthre"
          style="width: 45%;"
        >
          <el-input
            v-model="queryParams.needRoom"
            placeholder="请输入"
            clearable
            :disabled = "disfal"
            size="small"
            style="width: 237px"
            @keyup.enter.native="handleQuery"
          />
          <span class="souu">平方米</span>
        </el-form-item>
        <el-form-item label="其中 厂房:" prop="needFactoryRoom" style="width: 45%;">
          <el-input
            v-model="queryParams.needFactoryRoom"
            placeholder="请输入"
            :disabled = "disfal"
            clearable
            size="small"
            style="width: 237px"
            @keyup.enter.native="handleQuery"
          />
          <span class="souu">平方米</span>
        </el-form-item>
        <el-form-item label="办公生活用房:" style="width: 100%;" prop="needBusRoom" class="mage_ter">
          <el-input
            v-model="queryParams.needBusRoom"
            placeholder="请输入"
            :disabled = "disfal"
            clearable
            size="small"
            style="width: 237px"
            @keyup.enter.native="handleQuery"
          />
          <span class="souu">平方米</span>
        </el-form-item>
        <el-form-item label="其他需求:" prop="other" class="maget_ty">
          <el-input
            v-model="queryParams.other"
            placeholder="请输入项目概况"
            :disabled = "disfal"
            clearable
            type="textarea"
            size="small"
            style="width: 480px; height: 78px"
            class="ieuyr"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
        <el-form-item label="拟落户地点:" prop="address">
          <el-input
            v-model="queryParams.address"
            placeholder="请输入拟落户地点"
            :disabled = "disfal"
            size="small"
            style="width: 188px"
          />
        </el-form-item>
        <el-form-item
          label="是否签订框架协议:"
          prop="isFrameorder"
          class="maget_tyty"
          style="width: 100%;"
        >
          <el-select
            v-model="queryParams.isFrameorder"
            placeholder="请选择是否签订框架协议"
            clearable
            size="small"
            :disabled = "disfal"
            style="width: 298px"
          >
            <el-option
              v-for="dict in typeOptions"
              :key="dict.dictValue"
              :label="dict.dictLabel"
              :value="dict.dictValue"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="添加附件:" prop="configType" class="maget_ty">
          <div class="forieu" style="width: 618px">
            <div class="bure burert">
              <el-upload
                :action="defaultSettings.urls + process+'/common/upload'"
                :auto-upload="false"
                ref="upload"
                :before-upload="beforeAvatarUpload"
                list-type="picture-card"
                :on-preview="handlePictureCardPreview"
                :on-remove="handleRemove"
                :on-success="handleSuccntry"
                :multiple="true"
                :file-list="fileList"
                :disabled = "disfal"
              >
                <!-- <i slot="default" class="el-icon-plus"></i> -->

                <div class="ijeut">
                  <el-button plain slot="trigger" size="small" type="primary"
                    >选择图片</el-button
                  >
                  <!-- margin-top: 15%; transform: translateY(-50%); -->
                </div>
                <!-- <div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div> -->
              </el-upload>
              <div class="ijeut">
                <el-button
                  style="margin-left: 10px; height: 32px"
                  size="small"
                  type="primary"
                  @click="submitUpload"
                  >开始上传</el-button
                >
              </div>
            </div>
          </div>
        </el-form-item>
        <el-form-item label="备注:"  prop="description" class="maget_ty">
          <el-input
            v-model="queryParams.description"
            placeholder="请输入备注"
            clearable
            type="textarea"
            :disabled = "disfal"
            size="small"
            style="width: 480px; height: 78px"
            class="ieuyr"
            @keyup.enter.native="handleQuery"
          />
        </el-form-item>
      </el-form>
    </div>

    <!-- </div> -->

    <!-- 添加或修改参数配置对话框 -->
    <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body :close-on-click-modal="false">
      <el-form ref="form" :model="form" :rules="rules" label-width="150px">
        <el-form-item label="企业名称" prop="companyName">
          <el-input v-model="form.companyName" :disabled = "disfal" placeholder="请输入企业名称" />
        </el-form-item>
        <el-form-item label="企业所在地" prop="companyAddress">
          <el-input
            v-model="form.companyAddress"
            :disabled = "disfal"
            placeholder="请输入企业所在地"
          />
        </el-form-item>
        <el-form-item label="法人代表姓名" prop="companyLegal">
          <el-input
            v-model="form.companyLegal"
            :disabled = "disfal"
            placeholder="请输入法人代表姓名"
          />
        </el-form-item>
        <!-- <el-form-item label="系统内置" prop="configType">
          <el-radio-group v-model="form.configType">
            <el-radio
              v-for="dict in typeOptions"
              :key="dict.dictValue"
              :label="dict.dictValue"
            >{{dict.dictLabel}}</el-radio>
          </el-radio-group>
        </el-form-item> -->
        <el-form-item label="统一社会信用代码" prop="companyCode">
          <el-input
            v-model="form.companyCode"
            :disabled = "disfal"
            placeholder="请输入统一社会信用代码"
          />
        </el-form-item>
        <el-form-item label="联系方式" prop="phone">
          <el-input v-model.number="form.phone" :disabled = "disfal" placeholder="请输入联系方式" />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitForm">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <el-dialog
      :title="titletwo"
      :visible.sync="opentwo"
      width="800px"
      append-to-body
      :close-on-click-modal="false"
    >
      <el-form
        ref="formtwo"
        :model="formtwo"
        :rules="rulestwo"
        label-width="150px"
      >
        <el-form-item label="姓名" prop="name">
          <el-input :disabled = "disfal" v-model="formtwo.name" placeholder="请输入自然人姓名" />
        </el-form-item>
        <el-form-item label="自然人所在地" prop="address">
          <el-input
            v-model="formtwo.address"
            :disabled = "disfal"
            placeholder="请输入自然人所在地"
          />
        </el-form-item>
        <el-form-item label="身份证号码" prop="idcode">
          <el-input :disabled = "disfal" v-model="formtwo.idcode" placeholder="请输入身份证号码" />
        </el-form-item>
        <!--      <el-form-item label="系统内置" prop="configType">
          <el-radio-group v-model="form.configType">
            <el-radio
              v-for="dict in typeOptions"
              :key="dict.dictValue"
              :label="dict.dictValue"
            >{{dict.dictLabel}}</el-radio>
          </el-radio-group>
        </el-form-item> -->
        <el-form-item label="联系方式" prop="phone">
          <el-input
            v-model="formtwo.phone"
            :disabled = "disfal"
            type="phone"
            placeholder="请输入联系方式"
          />
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button type="primary" @click="submitFormtwo">确 定</el-button>
        <el-button @click="cancel">取 消</el-button>
      </div>
    </el-dialog>
    <el-dialog :visible.sync="dialogVisible">
      <img width="100%" :src="dialogImageUrl" alt="" />
    </el-dialog>
  </div>
</template>

<script>
  const defaultSettings = require("@/settings.js");
import {
  listConfig,
  listConfigtwo,
  listConfigthert,
  listConfigfour,
  listConfigfieu,
  getConfig,
  getConfigKeytwo,
  delConfig,
  delConfigtwo,
  addConfig,
  addConfigtwo,
  addConfigalking,
  addConfigbout,
  updateConfig,
  updateConfigtwo,
  updateConfigalking,
  exportConfig,
  clearCache,
} from "@/api/system/config";
import{
  setExamine,
  setBack,
  setReject
} from "@/api/projectInfo/info.js";
export default {
  name: "Config",
  props: {
    // queryParams: Object,
    tabIndex: Number,
  },
  data() {
    return {
      process: process.env.VUE_APP_BASE_API,
      defaultSettings,
      disfal:false,
      // 遮罩层
      loading: true,
      //步骤条
      naueactive: 2,
      tab: 1,
      tabNume: ["线索信息", "签约信息", "在建信息", "投产信息"],
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 参数表格数据
      configList: [],
      configListtwoL: [],
      // 弹出层标题
      title: "",
      titletwo: "",
      // 是否显示弹出层
      open: false,
      opentwo: false,
      // 类型数据字典
      typeOptions: [],
      typeOptionstwo: [],
      typeOptionstwos:[],
      typeOptionstwoss:[],
      // 日期范围
      dateRange: [],
      setrd: 0,
      // 查询参数
      queryParams: {
        contactor: "",
        phone: "",
        referralList: [
          {
            bmProjectId: "",
            sysDeptId: "",
            investmentAllcocation: "",
            referral: "",
            referralPhone: "",
          },
          {
            bmProjectId: "",
            sysDeptId: "",
            investmentAllcocation: "",
            referral: "",
            referralPhone: "",
          },
        ],
      },
      dialogImageUrl: "",
      dialogVisible: false,
      disabled: false,
      bmProjectId: 0,
      // 表单参数
      form: {},
      formtwo: {},
      queryFormhye: {},
      fileList: [],
      fileListhye: [],
      // 表单校验
      rules: {
        companyName: [
          { required: true, message: "企业名称不能为空", trigger: "blur" },
        ],
        companyAddress: [
          { required: true, message: "企业所在地不能为空", trigger: "blur" },
        ],
        companyLegal: [
          { required: true, message: "法人代表姓名不能为空", trigger: "blur" },
        ],
        companyCode: [
          {
            required: true,
            message: "统一社会信用代码不能为空",
            trigger: "blur",
          },
        ],
        phone: [
          { required: true, message: "联系方式不能为空", trigger: "blur" },
          {
            pattern: /^1(3|4|5|7|8|9)\d{9}$/,
            message: "手机号格式不对",
            trigger: "blur",
          },
        ],
      },
      rulestwo: {
        name: [{ required: true, message: "姓名不能为空", trigger: "blur" }],
        address: [
          { required: true, message: "所在地不能为空", trigger: "blur" },
        ],
        idcode: [
          { 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]$)/,
            message: "身份证号码格式不对",
            trigger: "blur",
          }
        ],
        phone: [
          { required: true, message: "联系方式不能为空", trigger: "blur" },
          {
            pattern: /^1(3|4|5|7|8|9)\d{9}$/,
            message: "手机号格式不对",
            trigger: "blur",
          }
        ],
      },

      queryForm: {
        contactor: [
          { required: true, message: "投资方联系人不能为空", trigger: "blur" },
        ],
        phone: [
          {
            required: true,
            message: "投资方联系方式不能为空",
            trigger: "blur",
          },
          {
            pattern: /^1(3|4|5|7|8|9)\d{9}$/,
            message: "手机号格式不对",
            trigger: "blur",
          }
        ],
        needAmt: [
          { required: true, message: "预计投资额不能为空", trigger: "blur" },
          { type: "number", message: "预计投资额必须为数字值" },
        ],
        fixedAssets: [
          { required: true, message: "固定资产投资不能为空", trigger: "blur" },
          { type: "number", message: "固定资产投资必须为数字值" },
        ],
        productName: [
          { required: true, message: "产品名称不能为空", trigger: "blur" },
        ],
        productQty: [
          { required: true, message: "设计产能不能为空", trigger: "blur" },
        ],
        productPrice: [
          { required: true, message: "预计产值不能为空", trigger: "blur" },
          { type: "number", message: "预计产值必须为数字值" },
        ],
        productTax: [
          { required: true, message: "预计税收不能为空", trigger: "blur" },
          { type: "number", message: "预计税收必须为数字值" },
        ],
        productEmp: [
          { required: true, message: "预计用工不能为空", trigger: "blur" },
        ],
        address: [
          { required: true, message: "拟落户地点不能为空", trigger: "blur" },
        ],
        isFrameorder: [
          {
            required: true,
            message: "请选择是否签订框架协议",
            trigger: "blur",
          },
        ],
      },
      ntry: [],
      // 判断是修改还是增加
      sbuen: 0, //0  新增   1  修改
      jeutu:{
        bmProjectId:0
      },
      // id:0
      value: [],
      valuess:[],
      values:[]
    };
  },
  created() {
    this.bmProjectId = this.$route.query.setid;
    this.jeutu.bmProjectId = this.bmProjectId
    this.setrd = this.$route.query.setrd;
    console.log(this.setrd );
    if(this.setrd != 1){
      this.disfal  = true
    }else{
      this.disfal  = false
    }
    this.getList();
    this.getListtwo();
    this.getListther();
    this.getDicts("sys_yes_no").then((response) => {
      this.typeOptions = response.data;
    });
    this.getListthuy();
    console.log(this.queryParams);
  },
  methods: {
    backProBtn(){
      var that=this
      this.$confirm("是否确认驳回审核", "提醒", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
      .then(({ value }) => {
          return setBack({
            code: 4,
            bmProjectId: that.bmProjectId,
            remark:value
          });
         })
        .then(() => {
          this.$router.go(-1);
          this.getList();
          this.msgSuccess("驳回成功");
        });
    },
     handleChange(value){
      if(value.length ==1){
        this.queryParams.referralList[0].sysDeptId = value.join(',')
      }else{
         this.queryParams.referralList[0].sysDeptId = value[value.length-1]
      }
      //0

      console.log(value)
    },
    handleChangete(value){
      if(value.length ==1){
        this.queryParams.referralList[1].sysDeptId = value.join(',')
      }else{
        this.queryParams.referralList[1].sysDeptId = value[value.length-1]
      }
      //1
    console.log(value)
    },
    handleChangess(value){
     console.log(value)

    },
    //审核
    applyBtn() {
      var that=this
      this.$confirm("是否确认审核", "提醒", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
          return setExamine({
            code: 3,
            bmProjectId: that.bmProjectId,
          });
        })
        .then(() => {
          this.$router.go(-1);
          this.getList();
          this.msgSuccess("审核成功");
        });
    },
    //驳回
    backBtn() {
      var that=this
      this.$prompt("请输入驳回意见", "提醒", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
      .then(({ value }) => {
          return setReject({
            code: 2,
            bmProjectId: that.bmProjectId,
            remark:value
          });
         })
        .then(() => {
          this.$router.go(-1);
          this.getList();
          this.msgSuccess("驳回成功");
        });
    },
    submitUpload() {
      this.$refs.upload.submit();
    },
    handleRemove(file) {
      console.log(file, 87);
    },
    handlePictureCardPreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogVisible = true;
    },
    handleDownload(file) {
      console.log(file);
    },
    handleSuccntry(response, file, fileList) {
      // this.ontract = []
      this.ntry.push(file.response.url);
      this.queryParams.attachment = this.ntry.join(",");
    },
    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 < 2;

      if (!isJPG) {
        this.$message.error("图片只能是 JPG 格式! 或者 PNG 格式!");
      }
      // if(!isPNG){
      //   this.$message.error('图片只能是 JPG 格式! 或者 PNG 格式!');
      // }
      if (!isLt2M) {
        this.$message.error("图片大小不能超过 2MB!");
      }
      return isJPG && isLt2M;
    },
    /** 查询参数列表 */
    getList() {
      this.loading = true;
      listConfigtwo(this.bmProjectId).then((response) => {
        console.log(response);
        if (response.data == undefined) {
          console.log(876);
          //新增
          this.sbuen = 0;
          (this.queryParams = {
            referralList: [
              {
                bmProjectId: this.bmProjectId,
                sysDeptId: "",
                investmentAllcocation: "",
                referral: "",
                referralPhone: "",
              },
              {
                bmProjectId: this.bmProjectId,
                sysDeptId: "",
                investmentAllcocation: "",
                referral: "",
                referralPhone: "",
              },
            ],
          }),
            (this.queryParams.bmProjectId = this.bmProjectId);
        } else if (response.data !== undefined) {
          //修改
          this.sbuen = 1;
          this.queryParams = response.data;
          if (this.queryParams.referralList == null) {
            this.queryParams.referralList = [
              {
                bmProjectId: this.bmProjectId,
                sysDeptId: "",
                investmentAllcocation: "",
                referral: "",
                referralPhone: "",
              },
              {
                bmProjectId: this.bmProjectId,
                sysDeptId: "",
                investmentAllcocation: "",
                referral: "",
                referralPhone: "",
              },
            ];

            // }
          }
          if(this.queryParams.referralList.length ==1){
            this.queryParams.referralList = [
              {
                bmProjectId: this.bmProjectId,
                sysDeptId: response.data.referralList[0].sysDeptId,
                investmentAllcocation: response.data.referralList[0].investmentAllcocation,
                referral: response.data.referralList[0].referral,
                referralPhone: response.data.referralList[0].referralPhone,
              },
              {
                bmProjectId: this.bmProjectId,
                sysDeptId: "",
                investmentAllcocation: "",
                referral: "",
                referralPhone: "",
              },
            ];
          }
          // this.queryParams.phone = 987
          console.log(this.queryParams, 98755);
          // this.queryParams = this.queryParams.bmProjectId
          this.fileListhye = []
          if(this.queryParams.attachment !== null){
            this.fileListhye = this.queryParams.attachment.split(",");
            for (var i = 0; i < this.fileListhye.length; i++) {
              this.fileList.push({
                name: this.fileListhye[i],
                url: this.fileListhye[i],
              });
            }
          }

          // this.fileList.push({name:this.queryParams.attachment,url:this.queryParams.attachment})
        }

        // this.fileList =  this.queryParams.attachment
        // this.total = response.total;
        this.loading = false;
      });
    },
    //企业列表
    getListtwo() {
      this.loading = true;
      listConfigthert(this.jeutu).then((response) => {
        console.log(response);
        this.configList = response.rows;
        // this.fileList =  this.queryParams.attachment
        // this.total = response.total;
        this.loading = false;
      });
    },
    //自然人列表
    getListther() {
      this.loading = true;
      listConfigfour(this.jeutu).then((response) => {
        console.log(response.rows);
        this.configListtwoL = response.rows;
        // this.fileList =  this.queryParams.attachment
        // this.total = response.total;
        this.loading = false;
      });
    },
    //部门列表
    getListthuy() {
      this.loading = true;
      listConfigfieu().then((response) => {
        console.log(response);

        if(response.data !== undefined){
          this.typeOptionstwo = response.data;
          this.dietj(this.typeOptionstwo)
        }
        this.typeOptionstwos= response.data ,
        this.typeOptionstwoss= response.data,
        // this.typeOptionstwo.filter((route) => {
        //   route.value = route.id
        //   route.children.filter((router) =>{
        //     router.value = router.id
        //      // this.getListthuy()
        //     // router.children.filter((routers) =>{
        //     //   routers.value = routers.id

        //     // })
        //   })

        // });


        // this.fileList =  this.queryParams.attachment
        // this.total = response.total;
        this.loading = false;
      });
    },
    //递归
    dietj(index){
       console.log(index)
       let iuy = []
      for(var i = 0 ; i < index.length; i++){
        index[i].value = index[i].id
        iuy = index[i].children
        // this.dietj(index[i].children)
         console.log(iuy)
         if(index[i].children !== undefined){
           if(index[i].children != 0){
             console.log(index[i].children)
             this.dietj(index[i].children)
           }else{
             return
           }
         }

      }
    },
    // 参数系统内置字典翻译
    typeFormat(row, column) {
      return this.selectDictLabel(this.typeOptions, row.configType);
    },
    // 取消按钮
    cancel() {
      this.open = false;
      this.opentwo = false;
      this.reset();
    },
    // 表单重置
    reset() {
      this.form = {
        // configId: undefined,
        // configName: undefined,
        // configKey: undefined,
        // configValue: undefined,
        // configType: "Y",
        // remark: undefined
      };
      this.resetForm("form");
    },
    resettwo() {
      this.formtwo = {
        // configId: undefined,
        // configName: undefined,
        // configKey: undefined,
        // configValue: undefined,
        // configType: "Y",
        // remark: undefined
      };
      this.resetForm("form");
    },
    /** 搜索按钮操作 */
    handleQuery() {
      this.queryParams.pageNum = 1;
      this.getList();
    },
    /** 重置按钮操作 */
    resetQuery() {
      this.dateRange = [];
      this.resetForm("queryForm");
      this.handleQuery();
    },
    /** 新增按钮操作 */
    handleAdd() {
      if(this.disfal){
        return
      }
      this.reset();
      this.open = true;
      // this.opentwo =  true
      this.title = "添加信息";
      // this.titletwo = "添加参数";
    },
    handleAddtwo() {
      if(this.disfal){
        return
      }
      this.resettwo();
      // this.open = true;
      this.opentwo = true;
      // this.title = "添加参数";
      this.titletwo = "添加信息";
    },
    // 多选框选中数据
    handleSelectionChange(selection) {
      this.ids = selection.map((item) => item.configId);
      this.single = selection.length != 1;
      this.multiple = !selection.length;
    },
    /** 修改按钮操作 */
    handleUpdate(row) {
      this.reset();
      const id = row.id;
      this.open = true;
      getConfig(id).then((response) => {
        console.log(345);
        this.form = response.data;

        // this.opentwo = true
        this.title = "修改信息";
        // this.titletwo = "修改参数";
      });
    },
    handleUpdatetwo(row) {
      this.reset();
      const id = row.id;
      getConfigKeytwo(id).then((response) => {
        console.log(345);
        this.formtwo = response.data;
        // this.open = true;
        this.opentwo = true;
        // this.title = "修改参数";
        this.titletwo = "修改信息";
      });
    },
    /** 提交按钮 */
    submitForm: function () {
      this.$refs["form"].validate((valid) => {
        if (valid) {
          if (this.form.id != undefined) {
            updateConfig(this.form).then((response) => {
              this.msgSuccess("修改成功");
              this.open = false;
              this.getListtwo();
            });
          } else {
            this.form.bmProjectId = this.bmProjectId;
            addConfig(this.form).then((response) => {
              this.msgSuccess("新增成功");
              this.open = false;
              this.getListtwo();
            });
          }
        }
      });
    },
    /** 提交按钮 */
    submitFormtwo: function () {
      this.$refs["formtwo"].validate((valid) => {
        if (valid) {
          if (this.formtwo.id != undefined) {
            updateConfigtwo(this.formtwo).then((response) => {
              this.msgSuccess("修改成功");
              this.opentwo = false;
              this.getListther();
            });
          } else {
            this.formtwo.bmProjectId = this.bmProjectId;
            addConfigtwo(this.formtwo).then((response) => {
              this.msgSuccess("新增成功");
              this.opentwo = false;
              this.getListther();
            });
          }
        }
      });
    },
    // 暂存接口
    emporary() {
      console.log(this.queryParams)

      this.$refs["queryParams"].validate((valid) => {
        if (valid) {
          if (this.sbuen == 1) {
            updateConfigalking(this.queryParams).then((response) => {
              this.msgSuccess("修改成功");
              this.open = false;
              this.getListtwo();
              this.$router.go(-1);
            });
          } else {
              // if(this.queryParams.referralList[0].sysDeptId !== ''){
              //   this.queryParams.referralList[0].sysDeptId = this.queryParams.referralList[0].sysDeptId.pop()
              //   console.log(this.queryParams.referralList[0].sysDeptId)
              // }
              // if(this.queryParams.referralList[1].sysDeptId !== ''){
              //   this.queryParams.referralList[1].sysDeptId = this.queryParams.referralList[1].sysDeptId.pop()
              // }
            // this.queryParams.bmProjectId = this.bmProjectId
            console.log(this.queryParams, 87);
            addConfigalking(this.queryParams).then((response) => {
              console.log(response);
              this.msgSuccess("新增成功");
              this.open = false;
              this.getListtwo();
              this.$router.go(-1);
            });
          }
        }
      });
    },
    submitCtion() {
      this.msgSuccess("请点击暂存按钮,返回上级页面进行提交");
      this.queryFormhye.code = 1;
      this.queryFormhye.bmProjectId = this.bmProjectId;
      addConfigbout(this.queryFormhye).then((response) => {
        console.log(response);
        this.msgSuccess("提交成功");
        this.$router.go(-1);
        // 就可以回到上一页。
        // this.open = false;
        // this.getListtwo();
      });
      console.log(this.queryParams);
    },
    /** 删除按钮操作 */
    handleDelete(row) {
      const configIds = row.id;
      this.$confirm('是否确认删除"' + row.companyName + '"的数据项?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
          return delConfig(configIds);
        })
        .then(() => {
          this.getListtwo();
          this.msgSuccess("删除成功");
        });
    },
    handleDeletetwo(row) {
      const configIds = row.id;
      this.$confirm('是否确认删除"' + row.name + '"的数据项?', "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
          return delConfigtwo(configIds);
        })
        .then(() => {
          this.getListther();
          this.msgSuccess("删除成功");
        });
    },
    /** 导出按钮操作 */
    handleExport() {
      const queryParams = this.queryParams;
      this.$confirm("是否确认导出所有参数数据项?", "警告", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning",
      })
        .then(function () {
          return exportConfig(queryParams);
        })
        .then((response) => {
          this.download(response.msg);
        });
    },
    /** 清理缓存按钮操作 */
    handleClearCache() {
      clearCache().then((response) => {
        this.msgSuccess("清理成功");
      });
    },
    //tab
    changeTab(index) {
      this.$emit("changeTab", index);
      // this.tab = index
    },
    // 取消按钮
    cancelqiu(){
      this.$router.go(-1);
    }
  },
};
</script>
<style  lang="scss"  >
.roiyy {
  position: fixed;
  top: 95px;
  left: 0;
  width: 100%;
  padding-left: 230px;
  padding-right: 30px;
  box-sizing: border-box;
  z-index: 999;
}

.weiru {
  .el-form-item__label {
    width: 130px !important;
  }
}
.manager_form {
  margin-top: 30px;
  .manager_lab {
    .el-form-item__label {
      width: 145px !important;
    }
  }
  .maneg_lar {
    position: relative;
    .el-form-item__label {
      width: 134px !important;
    }
    span {
      position: absolute;
      left: -95%;
    }
  }
  .manager_labtwo {
    .el-form-item__label {
      width: 244px !important;
    }
  }
  .manager_labthre {
    // .el-form-item{
      margin-bottom: 20px;
    .el-form-item__label {
      width: 137px !important;
    }
    margin-right: 40px !important;
    // }
  }

  .ieuyr {
    .el-textarea__inner {
      height: 80px !important;
    }
  }
  .mage_ter {
    .el-form-item__label {
      width: 137px!important;
    }
  }
  // .mage_tergt{
  //   .el-form-item__label {
  //     width: 55.5% !important;
  //   }
  // }
  .maget_ty {
    .el-form-item__label {
      width: 140px !important;
    }
  }
  .yijeu{
    .el-form-item__label {
      width: 90px !important;
    }
  }
  .maget_tyty {
    .el-form-item__label {
      width: 140px !important;
    }
  }
  .fenpe{
    .el-form-item__label {
      width: 100px !important;
    }
  }
  .forieu {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    width: 480px;
    height: 90px;
    position: relative;
    .bure {
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translateY(-50%);
    }
    .burert {
      .el-upload--picture-card {
        height: 78px;
        line-height: 78px;
        width: 80px;
        vertical-align: center;
        border: 0 !important;
        background-color: #fff;
      }
      .el-upload-list--picture-card .el-upload-list__item {
        height: 78px !important;
        width: 78px !important;
      }
    }
  }
}
.gueigntwo{
    .el-form-item__label {
      width: 180px !important;
    }
  }
.lage_div {
  padding-left: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 22px;
  .el-form-item {
    margin-bottom: 0 !important;
  }
}
.app-conta {
  .header {
    padding-left: 22px;
    height: 45px;
    line-height: 40px;
    background-color: #f1f1f1;
    font-size: 18px;
    color: #343434;
    margin-bottom: 40px;
  }
  // .naue{
  // border: 1px solid #DADADA;
  // padding:  20px;
  // margin-top: 40px;
  .nuae_wtu {
    display: flex;
    justify-content: center;
    align-content: center;
    .naue_one {
      width: 30%;
      p {
        font-size: 12px;
        font-family: PingFang SC;
        font-weight: 400;
        color: #343434;
      }
      .naue_name {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #0669b2;
        margin-bottom: 30px;
      }
    }
    .naue_two {
      flex: 1;
      padding-top: 20px;
      // display: flex;
      // align-items: center;
      // justify-content: center;
    }
  }
  //tab
  .naue_tab {
    border-bottom: 1px solid #cdcdcd;
    display: flex;
    margin-top: 30px;
    padding: 0 10px;
    margin-bottom: 30px;
    p {
      font-size: 12px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #343434;
      padding: 11px 15px;
      margin: 0;
    }
    .p {
      border-bottom: 2px solid #1c84c6;
      margin-bottom: -1px;
    }
  }
  .mation {
    .enterprise {
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #1c84c6;
      margin-top: 25px;
      margin-bottom: 20px;
    }
    .enterprise_tw {
      cursor: pointer;
      i {
        margin-right: 5px;
      }
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: 600;
      color: #666666;
    }
  }

  // }
  .nvestor {
    margin-bottom: 10px;
    p {
      margin: 0;
      font-size: 14px;
      font-family: PingFang SC;
      font-weight: bold;
      color: #343434;
      height: 24px;
      line-height: 24px;
      border-left: 3px solid #1c84c6;
      padding-left: 13px;
      i {
        color: red;
      }
    }
  }
  .souu {
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #343434;
    margin-left: 5px;
  }
}
//在建项目
.nstruction {
  display: flex;
  align-items: center;
  .nstruction_nav {
    display: flex;
    align-items: center;
    p:nth-child(1) {
      margin-right: 10px;
      span {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #343434;
      }
      span:nth-child(1) {
        color: #df0024;
      }
    }
    p:nth-child(2) {
      width: 233px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #cdcdcd;
      border-radius: 3px;
      padding-left: 14px;
    }
  }
  .nstruction_navne {
    margin-left: 50px;
    display: flex;
    align-items: center;
    p:nth-child(1) {
      margin-right: 10px;
      span {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #343434;
      }
      span:nth-child(1) {
        color: #df0024;
      }
    }
    p:nth-child(2) {
      width: 233px;
      height: 30px;
      line-height: 30px;
      border: 1px solid #cdcdcd;
      border-radius: 3px;
      padding-left: 14px;
    }
  }
}
.kaieu {
  padding-left: 60px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 800;
  color: #343434;
}
.kaieu_tw {
  padding-left: 60px;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 500;
  color: #666666;
}
</style>
