HSW_WX/pages/subPackages/addCompany/addCompany.vue

<template>
  <div class="addcompany">
    <div class="list">
      <div class="list-row" style="padding-top: 0">
        <div style="height: auto" class="width100">
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">
              <span style="color: red">*&nbsp;</span> 企业名称
            </view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.qymc" />
          </view>
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left" style="width: 41%; white-space: break-spaces">
<!--              <span style="color: red">*&nbsp;</span>-->

              统一社会信用代码:</view>
            <input style="color: #777; width: 59%" class="input_value float_left" placeholder="请输入"
              v-model="form.shxydm" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">注册资金（万元）:</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.zczj" />
          </view>
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">币别</view>
            <picker style="float: left; width: 360rpx; height: 40rpx; color: #777" @change="getBizhongtype"
              range-key="label" :range="dic_SelectList.CURRENCY">
              <div style="width: 315rpx; float: left">
                {{ dic_SelectList.CURRENCY[bizhongIndex].label }}
              </div>
              <img class="height40rpx width40rpx float_left" src="../../../static/mine/youjiantou.png" alt="" />
            </picker>
          </view>
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left"> 注册时间： </view>
            <picker style="float: left; width: 360rpx; height: 40rpx; color: #777" mode="date" :value="form.zcsj"
              @change="getZcsj">
              <div style="width: 315rpx; float: left">
                {{ form.zcsj == "" ? "请选择" : form.zcsj }}
              </div>
              <img class="height40rpx width40rpx float_left" src="../../../static/mine/youjiantou.png" alt="" />
            </picker>
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">
              <span style="color: red">*&nbsp;</span> 法定代表人：
            </view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.fddbr" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left"> 法人电话 ：</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入"
              v-model="form.legalPersonPhone" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">法人邮箱 ：</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.frEmail" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">企业联系人</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.qylxr" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">联系人手机：</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.lxdh" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">联系人邮箱：</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.email" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">财务负责人：</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.cwfzr" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left"><span style="color: red">*&nbsp;</span>负责人电话：</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.cwfzrdh" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">其他联系方式：</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.otherContact" />
          </view>
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">股票代码:</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入"
              v-model="form.shareCertificateCode" />
          </view>
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">土地面积:</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.leaseArea" />
          </view>
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">注册地址：</view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.zcdz" />
          </view>
          <view @click="openTreeData3Dialog" class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">
              <span style="color: red">*&nbsp;</span>
              所属园区
            </view>
            <div style="width: 315rpx; float: left">{{ form.parkInfoName || '请选择' }}</div>
            <img class="height40rpx width40rpx float_left" src="../../../static/mine/youjiantou.png" alt="" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">
              <span style="color: red">*&nbsp;</span>

              面积:
            </view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.areaSize" />
          </view>

          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height40rpx">
            <view class="input_title float_left">
              <span style="color: red">*&nbsp;</span>
              经营地址：
            </view>
            <input style="color: #777" class="input_value float_left" placeholder="请输入" v-model="form.jydzValue" />
          </view>
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date"
            style="    display: flex;align-items: center;flex-direction: column;">
            <view class="input_title float_left" style="width: 100%;display: flex;justify-content: space-between;">
              <div>经营地址载体：</div>
              <van-button type="default" size="mini" color="#1f1fbe" @click="addJydzAry()">添加</van-button>
            </view>
            <div v-for="item in jydzAry" class="jydzList">
              <div class="jydzList-row">{{ item.name }}</div>
              <van-button type="default" size="mini" color="rgba(236, 128, 141, 1)"
                @click="deletZt(index)">删除</van-button>
            </div>
          </view>

          <textarea class="mt24rpx border_bottom_ccc" :maxlength="2000" placeholder="请输入经营地址说明"
            v-model="form.jydzRemark" type="textarea" style="
                height: 270rpx;
                background: rgba(249, 249, 249, 1);
                padding: 20rpx;
                width: calc(100% - 40rpx);
              " />
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date"
            style="display: flex; align-items: center">
            <view class="input_title float_left">
              <span style="color: red">*&nbsp;</span> 主营业务：
            </view>
            <div>
              <div style="display: flex" v-for="(item, index) in form.jyfwAry" :key="index">
                <input style="color: #050505; width: 80%" class="input_value" placeholder="请输入" v-model="item.name" />
                <van-button v-if="index == 0" type="default" size="mini" color="#1f1fbe"
                  @click="addJyfw()">添加</van-button>
                <van-button v-if="index != 0" type="default" size="mini" color="rgba(236, 128, 141, 1)"
                  @click="deleteJyfw(index)">删除</van-button>
              </div>
            </div>
          </view>

          <view class="width100 mt24rpx list_date height40rpx">
            <view class="input_title float_left" style="width: 52%">营业执照副本：（限1张）</view>
          </view>
          <view class="custom-image-box" style="position: relative">
            <van-icon v-if="form.YYZZFBZP" @click="spliceYYZZFBZP()" name="cross"
              style="position: absolute; top: 0; left: 282rpx; font-size: 42rpx" />
            <img v-if="form.YYZZFBZP" @click="chooseYYZZFBZP()"
              :src="BASE_URI + '/FileController/download/' + form.YYZZFBZP"
              style="color: #777; width: 300rpx; height: 260rpx" placeholder="请输入" />
            <img v-else @click="chooseYYZZFBZP()" src="../../../static/unuploadzhizhao.png"
              style="color: #777; width: 300rpx; height: 260rpx" placeholder="请输入" />
          </view>
          <view class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height300rpxs">
            <view class="input_title float_left">荣誉信息（限6张）</view>
            <textarea :maxlength="2000" placeholder="请输入" v-model="form.honorInformation" type="textarea" style="
                height: 270rpx;
                background: rgba(249, 249, 249, 1);
                padding: 20rpx;
                width: calc(100% - 40rpx);
              " />
            <div style="
                background: rgba(249, 249, 249, 1);
                text-align: right;
                padding-right: 10px;
                padding-bottom: 10rpx;
                margin-bottom: 10rpx;
              ">
              {{ form.honorInformation.length }}/2000
            </div>
            <view class="custom-image-box" style="margin-top: 20rpx">
              <van-uploader :max-count="6" @delete="deleteRYXXZP" :file-list="form.RYXXZPList"
                @after-read="uploadRYXXZP" :show-upload="true" />
            </view>
          </view>
          <!-- <view
            class="width100 mt24rpx padb24rpx border_bottom_ccc list_date height300rpxs"
            style="height: 170rpx"
          >
            <view class="input_title float_left" style="width: 100%"
              >法人身份证</view
            >

            <view class="width100" style="position: relative">
              <van-icon
                v-if="form.FRSFZHZM != '../../../static/idzhengmian.png'"
                @click="spliceFRSFZHZM()"
                name="cross"
                style="
                  position: absolute;
                  top: 32rpx;
                  left: 133rpx;
                  font-size: 42rpx;
                "
              />
              <van-icon
                v-if="form.FRSFZHFM != '../../../static/idfanmian.png'"
                @click="spliceFRSFZHFM()"
                name="cross"
                style="
                  position: absolute;
                  top: 32rpx;
                  left: 300rpx;
                  font-size: 23px;
                "
              />
              <img
                @click="chooseFRSFZHZM()"
                :src="
                  form.FRSFZHZM == '../../../static/idzhengmian.png'
                    ? form.FRSFZHZM
                    : BASE_URI + '/FileController/download/' + form.FRSFZHZM
                "
                class="idclass margin12rpx float_left"
                placeholder="请输入"
              />

              <img
                @click="chooseFRSFZHFM()"
                :src="
                  form.FRSFZHFM == '../../../static/idfanmian.png'
                    ? form.FRSFZHFM
                    : BASE_URI + '/FileController/download/' + form.FRSFZHFM
                "
                class="idclass margin12rpx float_left"
                placeholder="请输入"
              />
            </view>
          </view> -->
        </div>
      </div>

      <div class="form">
        <div class="form_row pdt32 pdb32 border_bottom_ccc width100" @click="chosseAboutCompany()">
          <div class="float_left width30 first_title height50rpx">关联企业</div>
          <div class="float_left width60 whitespacenowrap first_title height50rpx font28rpx color292d98">
            {{
              form.associationCompanyString
                ? form.associationCompanyString
                : "暂无"
            }}
          </div>
          <img class="height40rpx width40rpx float_right" src="../../../static/mine/youjiantou.png" alt="" />
        </div>
        <div class="form_row pdt32 pdb32 border_bottom_ccc width100" @click="getSelectUserTwo('selectDengjiyuan')">
          <div class="float_left width30 first_title height50rpx">招商经理</div>
          <div class="float_left width60 whitespacenowrap first_title height50rpx font28rpx color292d98">
            {{ form.investmentManagerString }}
          </div>
          <img class="height40rpx width40rpx float_right" src="../../../static/mine/youjiantou.png" alt="" />
        </div>
        <div class="form_row pdt32 pdb32 border_bottom_ccc width100">
          <div class="float_left width30 first_title height50rpx">入驻类型</div>
          <div class="float_left width60 whitespacenowrap first_title height50rpx font28rpx color292d98">
            <picker style="float: left; width: 300rpx; height: 40rpx; color: #777" @change="getSettleInType"
              range-key="label" :range="dic_SelectList.MNP_BUILDING_TYPE">
              <span style="color: #292d98">
                {{ dic_SelectList.MNP_BUILDING_TYPE[settleInTypeIndex].label }}
              </span>
            </picker>
          </div>

          <img class="height40rpx width40rpx float_right" src="../../../static/mine/youjiantou.png" alt="" />
        </div>
        <!-- <div class="form_row pdt32 pdb32 border_bottom_ccc width100">
          <div class="float_left width30 first_title height50rpx">入驻类型</div>
          <div
            class="float_left width60 whitespacenowrap first_title height50rpx font28rpx color292d98"
          >
            <picker
              style="float: left; width: 300rpx; height: 40rpx; color: #777"
              @change="getSettleInType"
              range-key="label"
              :range="dic_SelectList.MNP_BUILDING_TYPE"
            >
              <span style="color: #292d98">
                {{ dic_SelectList.MNP_BUILDING_TYPE[settleInTypeIndex].label }}
              </span>
            </picker>
          </div>

          <img
            class="height40rpx width40rpx float_right"
            src="../../../static/mine/youjiantou.png"
            alt=""
          />
        </div> -->
      </div>
      <div class="form">
        <div class="height50rpx first_title">附件：</div>
        <div class="fujian">
          <van-uploader accept="all" :max-count="6" :file-list="form.fileList" @after-read="uploadFileList"
            :show-upload="false">
            <van-button type="primary" size="small" style="margin-bottom: 15rpx">文件选择</van-button>
          </van-uploader>
          <div @click="openFile(item)" class="file" v-for="(item, index) in form.fileList" :key="index">
            <div class="filename">{{ item.name }}</div>

            <uni-icons type="closeempty" size="20" @click="deleteFileList(index)"></uni-icons>
          </div>
        </div>
      </div>
      <div class="form">
        <div class="first_title" style="height: auto">关联社会载体：</div>
        <div class="form_row pdt32 pdb32 border_bottom_ccc width100"
          style="display: flex; height: auto; align-items: center">
          <div class="width30 first_title" style="height: auto">自有：</div>
          <div @click="jumpChosseHouse('自有')" style="width: 65%" class="float_left font28rpx color292d98">
            {{
              form.socialCarrierStrName ? form.socialCarrierStrName : "请选择"
            }}
          </div>
          <img class="height40rpx width40rpx" src="../../../static/mine/youjiantou.png" alt="" />
        </div>
        <div class="form_row pdt32 pdb32 border_bottom_ccc width100"
          style="display: flex; height: auto; align-items: center">
          <div class="width30 first_title" style="height: auto">租赁：</div>
          <div @click="jumpChosseHouse('租赁')" style="width: 65%" class="float_left font28rpx color292d98">
            {{
              form.socialCarrierLeaseStrName
                ? form.socialCarrierLeaseStrName
                : "请选择"
            }}
          </div>
          <img class="height40rpx width40rpx" src="../../../static/mine/youjiantou.png" alt="" />
        </div>
        <div class="form_row pdt32 pdb32 border_bottom_ccc width100"
          style="display: flex; height: auto; align-items: center">
          <div class="width30 first_title" style="height: auto">未确定：</div>
          <div @click="jumpChosseHouse('未确定')" style="width: 65%" class="float_left font28rpx color292d98">
            {{
              form.socialCarrierNoTrueName
                ? form.socialCarrierNoTrueName
                : "请选择"
            }}
          </div>
          <img class="height40rpx width40rpx" src="../../../static/mine/youjiantou.png" alt="" />
        </div>

        <!-- <div
          style="height: 45px; width: 500px; background: black"

        ></div> -->
      </div>
      <div class="form">
        <div class="first_title" style="height: auto">关联自有载体：</div>

        <!-- <div
          class="form_row pdt32 pdb32 border_bottom_ccc width100"
          style="display: flex; height: auto; align-items: center"
        >
          <div class="width30 first_title" style="height: auto">
            有合同
            <br />
            <van-button
              type="default"
              size="mini"
              color="#1f1fbe"
              @click="jumpAddZati()"
              >添加</van-button
            >
          </div>
          <div
            @click="jumpChosseHouse('有合同')"
            style="width: 65%"
            class="float_left font28rpx color292d98"
          >
            {{ form.socialCarrierName ? form.socialCarrierName : "请选择载体" }}
          </div>
          <img
            class="height40rpx width40rpx"
            src="../../../static/mine/youjiantou.png"
            alt=""
          />
        </div> -->
        <div class="form_row pdt32 pdb32 border_bottom_ccc width100"
          style="display: flex; height: auto; align-items: center">
          <div class="width30 first_title" style="height: auto">无合同：</div>
          <div @click="jumpChosseHouse('无合同')" style="width: 65%" class="float_left font28rpx color292d98">
            {{
              form.contractCarrierNoStrName
                ? form.contractCarrierNoStrName
                : "请选择"
            }}
          </div>
          <img class="height40rpx width40rpx" src="../../../static/mine/youjiantou.png" alt="" />
        </div>
        <!-- <div
          style="height: 45px; width: 500px; background: black"

        ></div> -->
      </div>
      <div class="save_button" @click="save()">保存</div>
    </div>
    <tki-tree ref="selectDengjiyuan" :multiple="true" :range="range" :selectParent="true" :foldAll="true"
      rangeKey="name" idKey="id" @confirm="selectDengjiyuan">
    </tki-tree>

    <uni-file-picker v-show="false" ref="files" :auto-upload="false" />
    <multiple-select v-model="show" @getCompanyAll="getCompanyAll" :data="companyAllList"
      :default-selected="defaultSelected" @confirm="confirm" ref="multipleSelect" />
    <van-popup :show="treeData3DialogVisible" position="bottom">

      <van-cascader :options="treeData3List" :title="null" :field-names="{ text: 'label', value: 'value' }"
        @close="onClose" @finish="onFinish" />
    </van-popup>

    <van-popup :show="treeData7DialogVisible" position="bottom">

      <van-cascader :options="trueData7List" :title="null" :field-names="{ text: 'label', value: 'value' }"
        @close="onClose" @finish="onFinishTreeData7" />
    </van-popup>
  </div>


</template>

<script>
const form = {
  socialCarrierLeaseStr: "",
  socialCarrierLeaseStrName: "",
  socialCarrierNoTrue: "",
  socialCarrierNoTrueName: "",
  socialCarrierStr: "",
  socialCarrierName: "",
  socialCarrierStrName: "",
  settleInType: null,
  FRSFZHZM: "../../../static/idzhengmian.png",
  FRSFZHFM: "../../../static/idfanmian.png",
  YYZZFBZP: "",
  investmentManagerString: "",
  investmentManager: "",
  associationCompanyString: "",
  associationCompany: "",
  zcsj: "",
  createdBy: "",
  projectType: 1,
  successTime: "",
  companyId: null,
  xiangguanren: "",
  xinxidengji: "",
  xiangmudengji: "",
  relevantUserId: "",
  manageMessengerId: "",
  xiangmudengjiIds: "",
  genzongbumen: "",
  genzongbumenIds: "",
  xiangguanbumen: "",
  relevantDepId: "",
  fangyuanlistIds: "",
  zaitilistIds: "",
  projectManager: "",
  managerPhone: "",
  projectName: "",
  projectInfo: "",
  projectRemark: "",
  honorInformation: "",
  jyfwAry: [{ name: "" }],
  RYXXZPList: [],
  RYXXZP: "",
  fileList: [],
  file: "",
  frEmail: "",
  zscqgs: "",
  fddbr: "",
};

import multipleSelect from "./momo-multipleSelect";
// import zaitiTree from "@/components/zaiti-tree/index.vue";
import vanPopup from "../../../wxcomponents/weapp/dist/popup/index";
import vanCascader from '../../../wxcomponents/weapp/dist/cascader/index';
// import vanField from "../../../wxcomponents/weapp/dist/field/index";
import tkiTree from "../../subPackages/components/tkitree/tkitree.vue";
import tools from "../../subPackages/components/tkitree/tools.js";
import {
  companyExamineAdd,
  getSelectUserTwo,
  getSelectDeptTwo,
  getByCodes,
  getCompanyAll,
  getUserLocalStorageInfo,
  findRoomInfoListByIds,
  getTreeData3,
  getTreeData7,
  getAreaByIds
} from "@/js_sdk/http";
export default {
  components: {
    multipleSelect,
    tkiTree,
    vanCascader,
    vanPopup
  },
  data() {
    return {
      jydzAry: [],
      trueData7List: [],
      jydzAry: [],
      treeData3DialogVisible: false,
      treeData7DialogVisible: false,
      treeData6: [],
      treeData4: [],
      BASE_URI: this.$constant.BASE_URI,
      companyAllList: [],
      defaultSelected: [],
      show: false,
      bizhongIndex: 0,
      settleInTypeIndex: 0,
      range: [],
      zaitiList: [],
      imageStyles: {},
      listStyles: {},
      fileLists: [],
      activeNames: [],
      StatusBar: 0,
      treeData3List: [],
      dic_key: [
        "PROPERTY_NATURE",
        "HOUSE_USAGE",
        "CURRENCY",
        "MNP_BUILDING_TYPE",
      ],
      dic_SelectList: {},
      search: {
        pageSize: 10,
        pageNum: 1,
      },
      zaitikey: "",
      form: { ...form },
      companyAllList: [],
      value: ["0"],
      modeIndex: -1,
      styleIndex: -1,
      current: 0,
      mode: "default",
      dotsStyles: {},
      swiperDotIndex: 0,

    };
  },
  onLoad() {
    this.getByCodes();
    this.getCompanyAll();
    this.getTreeData3()
    this.getTreeData7()
  },
  onShow() {
    let that = this;
    uni.$on("getuser", function (e) {
      console.log(e);
      findRoomInfoListByIds(e.result.join(",")).then((data) => {
        let roomString = data.map((e) => {
          return e.roomString;
        });
        let ids = data.map((e) => {
          return e.id;
        });
        if (e.housetype == "自有") {
          that.form.socialCarrierStr = ids.join(",");
          that.form.socialCarrierStrName = roomString.join(",");
        }
        if (e.housetype == "租赁") {
          that.form.socialCarrierLeaseStr = ids.join(",");
          that.form.socialCarrierLeaseStrName = roomString.join(",");
          console.log(roomString);
        }
        if (e.housetype == "未确定") {
          that.form.socialCarrierNoTrue = ids.join(",");
          that.form.socialCarrierNoTrueName = roomString.join(",");
          console.log(roomString);
        }
        if (e.housetype == "无合同") {
          that.form.contractCarrierNoStr = ids.join(",");
          that.form.contractCarrierNoStrName = roomString.join(",");
          console.log(
            "that.form.contractCarrierNoStr",
            that.form.contractCarrierNoStr
          );
          console.log(
            "that.form.contractCarrierNoStrName",
            that.form.contractCarrierNoStrName
          );
        }
        if (e.housetype == "有合同") {
          that.form.socialCarrierStr = ids.join(",");
          that.form.socialCarrierName = roomString.join(",");
        }
        that.form = { ...that.form };
        this.$forceUpdate();
      });
    });
  },
  methods: {
    onFinish(e) {
      console.log(e.detail.selectedOptions)
      console.log(JSON.stringify(e))
      this.form.parkInfoId = e.detail.selectedOptions[e.detail.selectedOptions.length - 1].id
      this.form.parkInfoName = e.detail.selectedOptions[e.detail.selectedOptions.length - 1].label
      this.treeData3DialogVisible = false
    },
    onClose() {
      this.treeData3DialogVisible = false
      this.treeData7DialogVisible = false
    },
    async onFinishTreeData7(e) {
      console.log(e)
      if (e.detail.selectedOptions.length != 4) {
        this.$showToast('该载体下无楼栋或房间')
        return
      }
      const data = await getAreaByIds({
        ids: e.detail.selectedOptions[e.detail.selectedOptions.length - 1].value
      })
      let name = ''
      const id = e.detail.selectedOptions[e.detail.selectedOptions.length - 1].value
      const areaSize = `；${data}㎡`

      for (let i = 0; i < e.detail.selectedOptions.length; i++) {
        console.log(e.detail.selectedOptions.length, i + 1)
        if (i + 1 != e.detail.selectedOptions.length) {
          name += e.detail.selectedOptions[i].label + '/'
        } else {
          name += e.detail.selectedOptions[i].label
        }
      }
      console.log('this.company.jydzAry', this.jydzAry)
      if (this.jydzAry.findIndex((e) => e.id == id) != -1) {
        this.$showToast('请勿重复添加相同地址')
      } else {
        this.jydzAry.push({ name: name + areaSize, id })
        this.treeData7DialogVisible = false
      }
    },
    openTreeData3Dialog() {
      console.log(123123)
      this.treeData3DialogVisible = true
    },
    addJydzAry() {
      this.treeData7DialogVisible = true
    },
    deletZt(index) {
      this.jydzAry.splice(index, 1)
    },
    openFile(item) {
      uni.downloadFile({
        url: item.url,
        success: function (res) {
          var filePath = res.tempFilePath;
          console.log("下载文件：", res);
          uni.openDocument({
            filePath: filePath,
            success: function (res) {
              console.log("打开文档成功");
            },
            fail: function (res) {
              console.log("uni.openDocument,fail");
              console.log(res);
            },
            complete: function (res) {
              console.log("uni.openDocument,complete");
              console.log(res);
            },
          });
        },
        fail: function (res) {
          console.log("uni.downloadFile,fail");
          console.log(res);
        },
        complete: function (res) {
          console.log("uni.downloadFile,complete");
          console.log(res);
        },
      });
      console.log(item);
    },

    async getTreeData7() {
      let that = this
      let datdepartmentList = await getTreeData7()
      console.log(datdepartmentList)
      that.trueData7List = datdepartmentList.data
    },
    async getTreeData3() {
      let that = this
      let datdepartmentList = await getTreeData3()
      console.log(datdepartmentList)
      that.treeData3List = datdepartmentList.data
    },
    jumpChosseHouse(e) {
      uni.navigateTo({
        url: "/pages/subPackages/chosseHouse/chosseHouse?housetype=" + e,
      });
    },
    async openZaitiTree() {
      this.$refs.zaitiTree._show();
    },

    jumpAddZati() {
      uni.navigateTo({
        url: "/pages/subPackages/addZaiti/index",
      });
    },
    addJyfw() {
      console.log(this.form.jyfwAry);
      this.form.jyfwAry = [...this.form.jyfwAry, { name: "" }];
    },
    deleteJyfw(i) {
      this.form.jyfwAry.splice(i, 1);
    },
    async selectZaiti(e) {
      console.log(e);
      let ids = [];
      let names = [];
      for (let i = 0; i < e.length; i++) {
        ids.push(e[i].id);
        names.push(e[i].label);
      }

      this.form.socialCarrierStr = ids.join(",");
      this.form.socialCarrierName = names.join(",");
    },
    selectZaiti4(e) {
      console.log(e);
      let ids = [];
      let names = [];
      for (let i = 0; i < e.length; i++) {
        ids.push(e[i].id);
        names.push(e[i].label);
      }
      this.form[this.zaitiKey] = ids.join(",");
      this.form[this.zaitiName] = names.join(",");
    },
    selectZaiti1(e) {
      console.log(e);
      let ids = [];
      let names = [];
      for (let i = 0; i < e.length; i++) {
        if (e[i].id) {
          ids.push(e[i].id);
        }
        names.push(e[i].label);
      }

      this.form[this.zaitiKey] = ids.join(",");
      this.form[this.zaitiName] = names.join(",");
    },
    chooseFRSFZHFM() {
      let that = this;
      if (that.form.FRSFZHFM == "../../../static/idfanmian.png") {
        uni.chooseImage({
          count: 1, //默认9
          sizeType: "original", //可以指定是原图还是压缩图，默认二者都有
          success: function (res) {
            uni.uploadFile({
              url: that.$constant.BASE_URI + "/wx/fileController/upload",
              filePath: res.tempFilePaths[0],
              name: "file",
              formData: { user: "test" },
              success(res) {
                // 上传完成需要更新 fileList
                let data = JSON.parse(res.data);
                that.form.FRSFZHFM = data.data[0];
              },
              fail(res) { },
            });
          },
        });
      } else {
        uni.previewImage({
          urls: [
            this.BASE_URI + "/FileController/download/" + that.form.FRSFZHFM,
          ],
          longPressActions: {
            itemList: ["发送给朋友", "保存图片", "收藏"],
            success: function (data) { },
            fail: function (err) { },
          },
        });
      }
    },
    spliceFRSFZHZM() {
      this.form.FRSFZHZM = "../../../static/idzhengmian.png";
    },
    spliceFRSFZHFM() {
      this.form.FRSFZHFM = "../../../static/idfanmian.png";
    },
    chooseFRSFZHZM() {
      let that = this;
      if (that.form.FRSFZHZM == "../../../static/idzhengmian.png") {
        uni.chooseImage({
          count: 1, //默认9
          sizeType: "original", //可以指定是原图还是压缩图，默认二者都有
          success: function (res) {
            uni.uploadFile({
              url: that.$constant.BASE_URI + "/wx/fileController/upload",
              filePath: res.tempFilePaths[0],
              name: "file",
              formData: { user: "test" },
              success(res) {
                // 上传完成需要更新 fileList
                let data = JSON.parse(res.data);
                that.form.FRSFZHZM = data.data[0];
              },
              fail(res) { },
            });
          },
        });
      } else {
        uni.previewImage({
          urls: [
            this.BASE_URI + "/FileController/download/" + that.form.FRSFZHZM,
          ],
          longPressActions: {
            itemList: ["发送给朋友", "保存图片", "收藏"],
            success: function (data) { },
            fail: function (err) { },
          },
        });
      }
    },
    deleteRYXXZP(event) {
      this.form.RYXXZPList.splice(event.detail.index, 1);
    },
    deleteFileList(event) {
      this.form.fileList.splice(event.detail.index, 1);
    },
    uploadFileList(event) {
      let that = this;
      that.form.fileList = !that.form.fileList ? [] : that.form.fileList;
      const { file } = event.detail;
      uni.uploadFile({
        url: that.$constant.BASE_URI + "/wx/fileController/upload2",
        filePath: file.url,
        name: "file",
        formData: { user: "test" },
        success(res) {
          // 上传完成需要更新 fileList
          let data = JSON.parse(res.data);
          that.form.fileList.push({
            name: JSON.parse(data.data[0]).name,
            size: JSON.parse(data.data[0]).size,
            imgUrl: "/FileController/download/" + data.data[1],
            id: data.data[1],
            url:
              that.$constant.BASE_URI +
              "/FileController/download/" +
              data.data[1],
          });
        },
        fail(res) { },
      });
    },
    uploadRYXXZP(event) {
      let that = this;
      const { file } = event.detail;
      uni.uploadFile({
        url: that.$constant.BASE_URI + "/wx/fileController/upload",
        filePath: file.url,
        name: "file",
        formData: { user: "test" },
        success(res) {
          // 上传完成需要更新 fileList
          let data = JSON.parse(res.data);
          that.form.RYXXZPList.push({
            imgUrl: "/FileController/download/" + data.data[0],
            id: data.data[0],
            url:
              that.$constant.BASE_URI +
              "/FileController/download/" +
              data.data[0],
            isImage: true,
          });
        },
        fail(res) { },
      });
    },

    spliceYYZZFBZP() {
      this.form.YYZZFBZP = null;
    },
    chooseYYZZFBZP() {
      let that = this;
      if (!that.form.YYZZFBZP) {
        uni.chooseImage({
          count: 1, //默认9
          sizeType: "original", //可以指定是原图还是压缩图，默认二者都有
          success: function (res) {
            uni.uploadFile({
              url: that.$constant.BASE_URI + "/wx/fileController/upload",
              filePath: res.tempFilePaths[0],
              name: "file",
              formData: { user: "test" },
              success(res) {
                // 上传完成需要更新 fileList
                let data = JSON.parse(res.data);
                that.form.YYZZFBZP = data.data[0];
              },
              fail(res) { },
            });
          },
        });
      } else {
        uni.previewImage({
          urls: [
            this.BASE_URI + "/FileController/download/" + that.form.YYZZFBZP,
          ],
          longPressActions: {
            itemList: ["发送给朋友", "保存图片", "收藏"],
            success: function (data) { },
            fail: function (err) { },
          },
        });
      }
    },

    confirm(e) {
      var associationCompanyString = [];
      var associationCompany = [];
      for (var p in e) {
        associationCompanyString.push(e[p].label);
        associationCompany.push(e[p].value);
      }

      this.form.associationCompanyString = associationCompanyString.join(",");
      this.form.associationCompany = associationCompany.join(",");
    },
    chosseAboutCompany() {
      this.show = true;
      this.$refs.multipleSelect.getAllList(this.companyAllList);
    },
    async getCompanyAll(e) {
      let name = e ? e : "";
      if (!e || e.length == 0) return;
      let companyAllList = await getCompanyAll(name);
      this.companyAllList = companyAllList.map((e) => {
        return {
          label: e.qymc,
          value: e.id,
        };
      });
      this.$refs.multipleSelect.getAllList(this.companyAllList);
    },
    async getByCodes() {
      let data = await getByCodes(JSON.stringify(this.dic_key));
      this.dic_SelectList = this.$common.handleDicList(data);
      this.form.settleInType = this.dic_SelectList.MNP_BUILDING_TYPE[0].value;
      this.form.currency = this.dic_SelectList.CURRENCY[0].value;
      this.bizhongIndex = 0;
    },
    getjieduan(e) { },
    getZcsj: function (e) {
      this.form.zcsj = e.detail.value;
    },
    async addyixiang() {
      let data = await addyixiang(this.form);
      if (data.code == 200) {
        uni.navigateBack({});
      }
    },
    getQymc(index) {
      let that = this;
      that.form.companyId = that.companyList[index].id;
      return that.companyList[index].qymc;
    },
    getBizhongtype(e) {
      let that = this;
      that.form.currency = that.dic_SelectList.CURRENCY[e.detail.value].value;
      that.bizhongIndex = e.detail.value;
    },
    getSettleInType(e) {
      let that = this;
      that.form.settleInType =
        that.dic_SelectList.MNP_BUILDING_TYPE[e.detail.value].value;
      that.settleInTypeIndex = e.detail.value;
    },
    async findCompanyList() {
      let data = await findCompanyList();
      this.companyList = data;
      this.companyList[0].id;
    },
    zaitiListSplice(index) {
      this.zaitiList.splice(index, 1);
    },
    // /wx/SaleController/findRoomInfoListByIds
    async findRoomInfoListByIds() {
      let data = await findRoomInfoListByIds(ids);
      return data;
    },
    xiangmudengji(e) {
      var names = [];
      var ids = [];
      for (var p in e) {
        if (e[p].type == "u") {
          names.push(e[p].name);
          ids.push(e[p].id);
        }
      }
      this.form.xiangmudengji = names.join(",");
      this.form.xiangmudengjiIds = ids.join(",");
    },
    selectGenzongDep(e) {
      var names = [];
      var ids = [];
      for (var p in e) {
        names.push(e[p].name);
        ids.push(e[p].id);
      }
      this.form.genzongbumen = names.join(",");
      this.form.genzongbumenIds = ids.join(",");
    },
    selectXiangguanDep(e) {
      var names = [];
      var ids = [];
      for (var p in e) {
        names.push(e[p].name);
        ids.push(e[p].id);
      }
      this.form.xiangguanbumen = names.join(",");
      this.form.relevantDepId = ids.join(",");
    },

    selectDengjiyuan(e) {
      var names = [];
      var ids = [];

      for (var p in e) {
        if (e[p].type == "u") {
          names.push(e[p].name);
          ids.push(e[p].id);
        }
      }
      this.form.investmentManagerString = names.join(",");
      this.form.investmentManager = ids.join(",");
    },
    userSelectorConfirm(e) {
      var names = [];
      var ids = [];
      for (var p in e) {
        if (e[p].type == "u") {
          names.push(e[p].name);
          ids.push(e[p].id);
        }
      }
      this.form.xiangguanren = names.join(",");
      this.form.relevantUserId = ids.join(",");
    },
    // 取消回调事件
    treeCancel(e) { },
    // openZaitiTree

    async getSelectUserTwo(key) {
      let that = this;
      let departmentList = await getSelectUserTwo("");
      that.range = tools.transData(
        departmentList.data,
        "id",
        "parentid",
        "children"
      );
      that.$refs[key]._show();
    },
    async getSelectDeptTwo(key) {
      let that = this;
      let departmentList = await getSelectDeptTwo("");
      that.range = tools.transData(
        departmentList.data,
        "id",
        "parentid",
        "children"
      );
      that.$refs[key]._show();
    },

    binddata() { },
    submit() { },
    checkFormValue() {
      let that = this;
      //   if (that.form.zcsj == "") {
      //     that.$showToast("请选择注册时间");
      //     return false;
      //   }
      if (that.form.fddbr == "" || !that.form.fddbr) {
        that.$showToast("请输入法人电话");
        return false;
      }
      if (that.form.fddbr == "" || !that.form.fddbr) {
        that.$showToast("请输入法定代表人");
        return false;
      }

      if (that.form.jyfwAry.length == 0 || !that.form.fddbr) {
        that.$showToast("请输入主营业务");
        return false;
      }
      if (that.form.qymc == "" || !that.form.qymc) {
        that.$showToast("请输入企业名称");
        return false;
      }

      // if (that.form.shxydm == "" || !that.form.shxydm) {
      //   that.$showToast("请输入社会统一信用代码");
      //   return false;
      // }

      if (that.form.cwfzrdh == "" || !that.form.cwfzrdh) {
        that.$showToast("请输入负责人电话");
        return false;
      }
      if (that.form.jydzValue.length == 0 || !that.form.jydzValue) {
        that.$showToast("请输入经营地址");
        return false;
      }

      if(that.form.parkInfoName.length == 0 || !that.form.parkInfoName) {
        that.$showToast("请选择所属园区");
        return false;
      }
      if(that.form.areaSize.length == 0 || !that.form.areaSize) {
        that.$showToast("请选择所属园区");
        return false;
      }
      return true;
    },
    async save() {
      let that = this;
      if (!this.checkFormValue()) return; //判断一下有没有没填的字段
      let RYXXZP = [];
      let fileList = [];
      let jyfwAry = [];
      if (that.form.RYXXZPList.length > 0) {
        RYXXZP = that.form.RYXXZPList.map((e) => e.id);
      }
      if (that.form.fileList.length > 0) {
        fileList = that.form.fileList.map((e) => e.id);
      }
      if (that.form.jyfwAry.length > 0) {
        jyfwAry = that.form.jyfwAry.map((e) => e.name);
      }

      that.form.ryxxzp = RYXXZP.toString();
      that.form.file = fileList.toString();
      let zm = that.form.FRSFZHZM == form.FRSFZHZM ? "" : that.form.FRSFZHZM;
      let fm = that.form.FRSFZHFM == form.FRSFZHFM ? "" : that.form.FRSFZHFM;
      that.form.frsfzh = zm + "," + fm;
      that.form.jyfw = jyfwAry.join(",");
      that.form.yyzzfbzp = that.form.YYZZFBZP;
      that.form.czr = getUserLocalStorageInfo().user.truename;
      that.form.czrid = getUserLocalStorageInfo().user.id;
      that.form.jydz = that.jydzAry.map((e) => e.id).join(',')
      let data = await companyExamineAdd(that.form);
      if (data.code == 200) {
        that.$showToast("新增成功");
        uni.navigateBack({});
      } else {
        that.$showToast(data.msg);
      }
    },
    chossseFile() {
      this.$refs.files.upload();
    },
    onChange(event) {
      this.activeNames = event.detail;
    },
  },
};
</script>
<style scoped lang="scss" >
.jydzList {
  display: flex;
  justify-content: space-between;
  margin-top: 10rpx;
  margin-bottom: 10rpx;
  width: 100%;

  .jydzList-row {
    width: 80%;
  }
}

.save_button {
  width: calc(100% - 64rpx);
  margin: 64rpx 32rpx 0 32rpx;
  background: #1d18bc;
  border-radius: 50rpx;
  height: 88rpx;
  color: white;
  text-align: center;
  line-height: 88rpx;
}

.form {
  width: calc(100% - 64rpx);
  background: #ffffff;
  padding: 32rpx;
  margin-top: 64rpx;

  .label {
    height: 53rpx;
    line-height: 53rpx;
  }
}

.form_row {
  height: 40rpx;
  font-weight: 400;
  font-size: 24rpx;
}

.zaiti_list {
  width: 100%;
  height: 50rpx;
  line-height: 50rpx;
}

.idclass {
  width: 147rpx;
  height: 100rpx;
}

.dengjibutton {
  margin-top: 24rpx;
  margin-left: 60rpx;
  margin-right: 60rpx;
  width: calc(100% - 120rpx);
  height: 60rpx;
  text-align: center;
  background: #1d18bc;
  color: white;
  line-height: 60rpx;
}

.addcompany {
  margin-bottom: 200rpx;
}

.addcompany {
  .detailstitle {
    height: 42rpx;
    font-size: 30rpx;
    font-weight: 500;
    color: #333333;
    padding-bottom: 16rpx;
  }

  .typestitle {
    height: 42rpx;
    font-size: 24rpx;
    font-weight: 500;
    padding-bottom: 16rpx;
    margin-bottom: 16rpx;
  }
}
</style>
<style lang="scss">
.fujian {
  .van-uploader__preview {
    display: none;
  }
}

.file {
  display: flex;
  width: 100%;
  flex: 1;
  font-size: 14px;
  color: #666;
  /* margin-right: 25px; */
  word-break: break-all;
  word-wrap: break-word;
  margin-bottom: 15rpx;
  align-items: center;
  justify-content: space-between;
}

.filename {
  width: 80%;
  overflow: hidden;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

::v-deep .is-open+.uni-collapse-item__wrap {
  height: auto !important;
}

::v-deep .uni-collapse-item__wrap-content {
  height: auto !important;
}

.pageconfig {
  background: #ffffff;
  padding: 32rpx;
}

.input_title {
  width: 40%;
  font-size: 28rpx;
  height: 40rpx;
  line-height: 40rpx;
  color: #333333;
}

.input_value {
  width: 60%;
  font-size: 28rpx;
  height: 40rpx;
  line-height: 40rpx;
  color: #777777;
}

.uni-collapse-item__title-box {
  padding: 0 !important;
}

.uni-collapse-item__title-text {
  color: #1d18bc !important;
  font-size: 32rpx !important;
}
</style>
<style lang="scss">
.example-body {
  padding: 10px;
  padding-top: 0;
}

.custom-image-box {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.text {
  font-size: 14px;
  color: #333;
}

.uni-file-picker__item {
  display: none;
}

.uploadbutton {
  width: 162rpx;
  height: 44rpx;
}
</style>