<template>
  <div class="addintention">
    <div class="form">
      <uni-forms ref="baseForm" :modelValue="form" label-width="100%">
        <uni-forms-item label="企业名称：">
          <!--					<uni-easyinput v-model="form.name" placeholder="请输入"/>-->
          <uni-easyinput
            v-model="form.companyId"
            placeholder="请输入"
            :disabled="true"
          />
        </uni-forms-item>
        <uni-forms-item label="招商负责人：">
          <uni-easyinput
            v-model="form.projectManager"
            placeholder="请输入"
            :disabled="true"
          />
        </uni-forms-item>
        <uni-forms-item label="联系电话：">
          <uni-easyinput
            v-model="form.managerPhone"
            placeholder="请输入"
            :disabled="true"
          />
        </uni-forms-item>
      </uni-forms>
    </div>
    <div class="list">
      <div class="project-column pdt32 pdl32 pdr32 border_bottom_ccc">
        <div
          class="pdb16 height50rpx chuzuborder lh50rpx disflex align_items_center"
        >
          <div class="lh50rpx">关联房源</div>
        </div>
      </div>
      <div
        class="list-row"
        v-if="fangyuanList.length != 0"
        v-for="(item, index) in fangyuanList"
        :key="item.id"
      >
        <div class="cell_1">
          <div class="width100 height50rpx mgb20">
            <div class="first_title width80 float_left">
              {{ item.roomString }}
            </div>
            <div
              class="status_label txt_center width20 float_left"
              v-if="item.reservationStatus == 1"
            >
              意向
            </div>
            <div
              class="status_label txt_center width20 float_left"
              v-if="item.reservationStatus == 2"
            >
              锁定
            </div>

            <div
              class="status_label txt_center width20 float_left"
              v-if="item.reservationStatus == 3"
            >
              预约
            </div>

            <div
              class="status_label txt_center width20 float_left"
              v-if="item.reservationStatus == 4"
            >
              到期时间
            </div>

            <div
              class="status_label txt_center width20 float_left"
              v-if="item.reservationStatus == 5"
            >
              签约
            </div>

            <div
              class="status_label txt_center width20 float_left"
              v-if="item.reservationStatus == 6"
            >
              签约合同
            </div>
            <div
              class="status_label txt_center width20 float_left"
              v-if="item.reservationStatus == 7"
            >
              锁定到期
            </div>
          </div>
          <div class="width100 height40rpx pdb16 border_bottom_ccc">
            <div class="second_title height40rpx">
              到期日期：{{ !item.endTime ? "暂无" : item.endTime }}
            </div>
          </div>

          <div class="button_list pdb20 pdt20">
            <div class="bottom_cell">
              <div class="button_row" @click="fangyuanListSplice(index)">
                解绑
              </div>
              <div class="button_row" @click="yuyueChooseTime(index, 2)">
                锁定
              </div>
              <div class="button_row" @click="yuyueChooseTime(index, 3)">
                预约
              </div>
              <div class="button_row" @click="signing(index)">签约</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="form">
      <uni-forms ref="baseForm" :modelValue="form" label-width="100%">
        <uni-forms-item label="项目名称：">
          <uni-easyinput
            v-model="form.projectName"
            placeholder="请输入"
            :disabled="true"
          />
        </uni-forms-item>
        <uni-forms-item label="项目简介：">
          <uni-easyinput
            :disabled="true"
            type="textarea"
            class="bgcF9F9F9 height218rpx"
            v-model="form.projectInfo"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="租赁需求：">
          <uni-easyinput
            :disabled="true"
            type="textarea"
            class="bgcF9F9F9 height218rpx"
            v-model="form.leaseRequirements"
            placeholder="请输入"
          />
        </uni-forms-item>
      </uni-forms>
    </div>
    <div class="form">
      <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"
        >
          {{ form.manageTrackingDepIdName }}
        </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"
        >
          {{ form.xiangguanbumen }}
        </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"
        >
          {{ form.xiangguanren }}
        </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"
        >
          {{ form.xinxidengji }}
        </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('selectXiangmanger')"
        >
          <div class="float_left width30 first_title height50rpx">项目登记人</div>
          <div
            class="float_left width60 whitespacenowrap first_title height50rpx font28rpx color292d98"
          >
            {{ form.xiangmudengji }}
          </div>
  
          <img
            class="height40rpx width40rpx float_right"
            src="../../../../static/mine/youjiantou.png"
            alt=""
          />
        </div> -->
    </div>
    <div class="form" style="padding-bottom: 192rpx">
      <uni-forms ref="baseForm" :modelValue="form" label-width="100%">
        <uni-forms-item label="目前阶段：">
          <uni-data-checkbox
            :disabled="true"
            style="padding: 8rpx 0 8rpx 0"
            v-model="form.projectStatus"
            mode="tag"
            :localdata="muqianjieduan"
            selectedTextColor="#1D18BC"
            selectedColor="rgba(29,24,188,0.05);"
            @change="getjieduan"
          />
        </uni-forms-item>
        <uni-forms-item label="备注：">
          <uni-easyinput
            type="textarea"
            :disabled="true"
            class="bgcF9F9F9 height218rpx"
            v-model="form.name"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item
          label="签约日期："
          required
          v-if="form.projectStatus == 3"
        >
          <uni-datetime-picker
            type="date"
            :clear-icon="false"
            v-model="form.successTime"
          />
        </uni-forms-item>
        <uni-forms-item
          label="签约载体："
          required
          v-if="form.projectStatus == 3"
        >
          <div class="zaiti_list">
            <div
              v-for="(item, index) in zaitiList"
              :key="index"
              style="display: flex"
            >
              <div class="pdb8 zaiti ml16 float_left">
                {{ item.roomString }}#
              </div>
            </div>
          </div>
        </uni-forms-item>
        <uni-forms-item
          label="签约附件（支持图片，最多12张）："
          required
          :eletable="true"
        >
          <van-uploader
            :disabled="true"
            :max-count="12"
            @delete="deleteFileList"
            :file-list="fileList"
            @after-read="afterRead"
            :show-upload="true"
          />
        </uni-forms-item>
      </uni-forms>
    </div>
    <tki-tree
      ref="tkitree"
      :multiple="true"
      :range="range"
      :selectParent="true"
      :foldAll="true"
      rangeKey="name"
      idKey="id"
      @confirm="userSelectorConfirm"
    >
    </tki-tree>
    <select-dengjiyuan
      ref="selectDengjiyuan"
      :multiple="false"
      :range="range"
      :selectParent="false"
      :foldAll="true"
      rangeKey="name"
      idKey="id"
      @selectDengjiyuan="selectDengjiyuan"
    >
    </select-dengjiyuan>
    <select-dengjiren
      ref="selectXiangmanger"
      :multiple="true"
      :range="range"
      :selectParent="true"
      :foldAll="true"
      rangeKey="name"
      idKey="id"
      @xiangmudengji="xiangmudengji"
    >
    </select-dengjiren>
    <select-genzongdep
      ref="selectGenzongDep"
      :multiple="false"
      :range="range"
      :selectParent="false"
      :foldAll="true"
      rangeKey="name"
      idKey="id"
      @selectGenzongDep="selectGenzongDep"
    />
    <select-xiangguandep
      ref="selectXiangguanDep"
      :multiple="true"
      :range="range"
      :selectParent="true"
      :foldAll="true"
      rangeKey="name"
      idKey="id"
      @selectXiangguanDep="selectXiangguanDep"
    />
    <multiple-select
      v-model="show"
      :data="aboutDept"
      :default-selected="defaultSelected"
      @confirm="confirm"
    ></multiple-select>
    <choose-time @getEndTime="getEndTime()" ref="chooseTime"></choose-time>
  </div>
</template>
    
    <script>
import tkiTree from "../../../subPackages/components/tkitree/tkitree.vue";
import selectDengjiyuan from "../../../subPackages/components/select_dengjiyuan/tkitree.vue";
import selectDengjiren from "../../../subPackages/components/select_dengjiren/tkitree.vue";
import selectGenzongdep from "../../../subPackages/components/selectGenzongDep/tkitree.vue";
import selectXiangguandep from "../../../subPackages/components/selectXiangguanDep/tkitree.vue";
import tools from "../../../subPackages/components/tkitree/tools.js";
import vantUploader from "../../../../wxcomponents/weapp/dist/uploader";
import chooseTime from "./chooseTime.vue";
import multipleSelect from "../../../subPackages/components/momo-multipleSelect/momo-multipleSelect";

import {
  getSelectUserTwo,
  getSelectDeptTwo,
  findRoomInfoListByIds,
  findCompanyList,
  addyixiang,
  findDeptList,
  saleControllerGetById,
} from "@/js_sdk/http";
import vanPicker from "../../../../wxcomponents/weapp/dist/picker";
export default {
  name: "addintention",
  components: {
    tkiTree,
    multipleSelect,
    chooseTime,
    selectDengjiyuan,
    selectDengjiren,
    vantUploader,
    vanPicker,
    selectGenzongdep,
    selectXiangguandep,
  },
  data() {
    return {
      detail: {},
      show: false,
      aboutDept: [],
      defaultSelected: [],
      companyList_index: 0,
      companyList: [],
      range: [],
      fileList: [],
      fangyuanList: [],
      zaitiList: [],
      form: {
        createdBy: "",
        projectType: 1,
        successTime: "",
        companyId: null,
        xiangguanren: "",
        xinxidengji: "",
        xiangmudengji: "",
        relevantUserId: "",
        manageMessengerId: "",
        xiangmudengjiIds: "",
        genzongbumen: "",
        manageTrackingDepId: "",
        xiangguanbumen: "",
        relevantDepId: "",
        fangyuanlistIds: "",
        successSaleRoomList: "",
        projectManager: "",
        managerPhone: "",
        projectName: "",
        projectInfo: "",
        leaseRequirements: "",
      },
      currentDate: new Date().getTime(),
      minDate: new Date().getTime(),
      formatter(type, value) {
        if (type === "year") {
          return `${value}年`;
        }
        if (type === "month") {
          return `${value}月`;
        }
        return value;
      },
      value: null,
      rules: {
        // 对name字段进行必填验证
        name: {
          rules: [
            {
              required: true,
              errorMessage: "请输入",
            },
            {
              minLength: 3,
              maxLength: 5,
              errorMessage: "姓名长度在 {minLength} 到 {maxLength} 个字符",
            },
          ],
        },
        // 对email字段进行必填验证
        email: {
          rules: [
            {
              format: "email",
              errorMessage: "请输入正确的邮箱地址",
            },
          ],
        },
      },
      muqianjieduan: [
        { text: "跟进中", value: 1 },
        { text: "已确认", value: 2 },
        { text: "已签约", value: 3 },
        { text: "关闭", value: 4 },
      ],
    };
  },
  onLoad(option) {
    this.saleControllerGetById(option.id);

    // /wx/SaleController/getById
    // SaleControllerGetById
  },
  onShow() {
    let that = this;
    uni.$on("getuser", function (e) {
      findRoomInfoListByIds(e.result.join(",")).then((data) => {
        if (e.type == "房源") {
          //   that.fangyuanList = [];
          data.forEach((a) => {
            that.fangyuanList.push(a);
          });
          console.log("that.fangyuanList", that.fangyuanList);
          that.form.fangyuanlist = that.fangyuanList;
          for (let i = 0; i < that.form.fangyuanlist.length; i++) {
            for (let j = i + 1; j < that.form.fangyuanlist.length; j++) {
              if (
                that.form.fangyuanlist[i].id == that.form.fangyuanlist[j].id
              ) {
                console.log(that.form.fangyuanlist);
                if (!that.form.fangyuanlist[i].endTime) {
                  that.form.fangyuanlist.splice(i, 1);
                } else if (!that.form.fangyuanlist[j].endTime) {
                  that.form.fangyuanlist.splice(j, 1);
                } else {
                  that.form.fangyuanlist.splice(j, 1);
                }
              }
            }
          }
          that.form.fangyuanlistIds = "";
          that.form.fangyuanlistIds = e.result.join(",");
        }
        if (e.type == "载体") {
          let all = [...that.zaitiList, ...data];
          console.log(all);
          //   for (let i = 0; i < all.length; i++) {
          //     for (let j = 1; j < all.length; j++) {
          //       if (all[i] == all[j]) {
          //         all.splice(i, 1);
          //       }
          //     }
          //   }
          for (let i = 0; i < all.sort().length; i++) {
            for (let j = i + 1; j < all.sort().length; j++) {
              console.log(all[i].id == all[j].id);
              if (all[i].id == all[j].id) {
                all.splice(i, 1);
                j--;
              }
            }
          }
          that.zaitiList = all;
          //   that.form.successSaleRoomList = "";
          //   that.form.successSaleRoomList = e.result.join(",");
        }
      });
    });
  },
  methods: {
    async saleControllerGetById(id) {
      let data = await saleControllerGetById(id);
      this.form = data;
      this.form.xiangguanbumen = data.relevantDepId;
      this.form.xiangguanren = data.relevantUserId;
      this.form.xinxidengji = data.manageMessengerIdName;
      this.form.genzongbumen = data.manageTrackingDepIdName;

      this.fileList = JSON.parse(data.successPictureAddress).map((e) => {
        console.log(e);
        return {
          name: e.name,
          size: e.size,
          url: this.$constant.BASE_URI + e.url,
          isImage: true,
        };
      });
      this.$forceUpdate();
      console.log(this.fileList);
    },
    async findDeptList() {
      let aboutDept = await findDeptList();
      this.aboutDept = aboutDept.map((e) => {
        return {
          label: e.deptName,
          value: e.id,
        };
      });
    },
    confirm(e) {
      var xiangguanbumen = [];
      var relevantDepId = [];
      for (var p in e) {
        xiangguanbumen.push(e[p].label);
        relevantDepId.push(e[p].value);
      }
      this.form.xiangguanbumen = xiangguanbumen.join(",");
      this.form.relevantDepId = relevantDepId.join(",");
    },
    chosseAboutCompany() {
      this.show = true;
    },
    signing(i) {
      let that = this;
      if (that.zaitiList.length > 0) {
        let isReport = false;
        for (let index = 0; index < that.zaitiList.length; index++) {
          if (that.zaitiList[index].id === that.fangyuanList[i].id) {
            that.$showToast("该载体已存在与签约载体列表内");
            isReport = true;
            return;
          }
        }
        if (!isReport) {
          that.zaitiList.push(this.fangyuanList[i]);
        }
      } else {
        that.zaitiList.push(this.fangyuanList[i]);
      }
    },
    getEndTime(i, time, type) {
      console.log(i, time);
      console.log(this.fangyuanList[i]);
      this.fangyuanList[i].endTime = "";
      this.fangyuanList[i].reservationStatus = "";
      this.fangyuanList[i].reservationStatus = type;
      this.fangyuanList[i].endTime = time;
      this.$forceUpdate();
    },
    yuyueChooseTime(i, type) {
      this.$refs.chooseTime.onOpen(i, type);
    },
    fangyuanListSplice(i) {
      let that = this;
      uni.showModal({
        title: "提示",
        content: "解绑后该房源将从项目绑定记录中删除，是否确认？",
        cancelText: "取消", // 取消按钮的文字
        confirmText: "确认", // 确认按钮的文字
        showCancel: true, // 是否显示取消按钮，默认为 true
        success: (res) => {
          if (res.confirm) {
            console.log("comfirm"); //点击确定之后执行的代码
            that.fangyuanList.splice(i, 1);
            this.$showToast("已删除");
          } else {
            console.log("cancel"); //点击取消之后执行的代码
          }
        },
      });
    },
    getjieduan(e) {
      console.log(this.form.projectStatus);
    },
    deleteFileList(event) {
      this.fileList.splice(event.detail.index, 1);
    },
    async addyixiang() {
      let that = this;
      let saleRoomList;
      if (that.form.fangyuanlist && that.form.fangyuanlist.length > 0) {
        saleRoomList = that.form.fangyuanlist.map((e) => {
          return {
            remark: !e.roomString ? null : e.roomString,
            reservationStatus: !e.reservationStatus ? 1 : e.reservationStatus,
            parkRoomId: e.id,
            endTime: !e.endTime ? null : e.endTime,
            successStatus: null,
          };
        });
      }
      let successSaleRoomList;
      if (that.zaitiList && that.zaitiList.length > 0) {
        successSaleRoomList = that.zaitiList.map((e) => {
          return {
            remark: !e.roomString ? "" : e.roomString,
            reservationStatus: !e.reservationStatus ? 1 : e.reservationStatus,
            parkRoomId: e.id,
            endTime: !e.endTime ? null : e.endTime,
            successStatus: null,
          };
        });
      }
      let successPictureAddress = [];
      if (that.fileList.length > 0) {
        successPictureAddress = that.fileList.map((e) => {
          return {
            name: e.name,
            size: e.size,
            url: e.imgUrl,
          };
        });
      }
      console.log({ saleRoomList: JSON.stringify(saleRoomList) });
      let data = await addyixiang({
        ...that.form,
        saleRoomList: JSON.stringify(saleRoomList),
        successPictureAddress: JSON.stringify(successPictureAddress),
        successSaleRoomList: JSON.stringify(successSaleRoomList),
        successRoom: this.zaitiList
          .map((e) => {
            return e.roomString;
          })
          .join(","),
      });
      if (data.code == 200) {
        uni.navigateBack({});
      } else {
        that.$showToast(data.msg);
      }
    },
    getQymc(index) {
      let that = this;
      console.log(that.companyList[index]);
      that.form.companyId = that.companyList[index].id;
      return that.companyList[index].qymc;
    },
    bindPickerChange(e) {
      let that = this;
      that.companyList_index = 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[names.length - 1];
      this.form.manageTrackingDepId = ids[ids.length - 1];
    },
    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.xinxidengji = names.join(",");
      this.form.manageMessengerId = 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) {},

    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();
    },
    jumpChosseHouse(e) {
      uni.navigateTo({
        url: "/pages/subPackages/chosseHouse/chosseHouse?type=" + e,
      });
    },
    afterRead(event) {
      let that = this;
      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);
          console.log("处理后的data", data);
          console.log(
            that.$constant.BASE_URI + "/FileController/download/" + data.data[1]
          );
          that.fileList.push({
            name: JSON.parse(data.data[0]).name,
            size: JSON.parse(data.data[0]).size,
            imgUrl: "/FileController/download/" + data.data[1],
            url:
              that.$constant.BASE_URI +
              "/FileController/download/" +
              data.data[1],
            isImage: true,
          });
        },
        fail(res) {},
      });
    },
    beforeRead(event) {
      const { file, callback } = event.detail;

      console.log("我日历吗", file);
      callback(file.type === "image");
    },
    binddata() {},
    submit() {},
  },
};
</script>
    
    <style lang="scss">
.form_row {
  height: 40rpx;
  font-weight: 400;
  font-size: 24rpx;
}

.addintention {
  .btn-view {
    width: 100%;
    height: 100rpx;
    padding: 20rpx 10%;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .btn {
    width: 80%;
    height: 90rpx;
    border-radius: 50rpx 50rpx 50rpx 50rpx;
    background: #1d18bc;
    line-height: 90rpx;
    color: white;
  }
  .uni-forms-item__label {
    text {
      font-size: 28rpx;
      font-weight: 500;
      //color: #333333;
    }
  }

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

  .zaiti {
    color: #777777;
  }

  .zaiti:first-child {
    margin: 0 !important;
  }

  .bottom_cell {
    float: right;
    width: 460rpx;
    height: 42rpx;
  }

  .button_row {
    color: #1d18bc;
    width: 96rpx;
    height: 42rpx;
    border-radius: 60rpx 60rpx 60rpx 60rpx;
    opacity: 1;
    margin-left: 16rpx;
    float: left;
    text-align: center;
    line-height: 42rpx;
    font-size: 24rpx;
    border: 2rpx solid #1d18bc;
  }

  .project-column {
    border-radius: 8rpx 8rpx 0rpx 0rpx;
    //height: 44rpx;
    font-size: 32rpx;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #333333;
    background: #ffffff;
  }

  .status_label {
    width: 96rpx;
    height: 50rpx;
    line-height: 50rpx;
    background: rgba(29, 24, 188, 0.05);
    color: #1d18bc;
    font-weight: 500;
    font-size: 24rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
  }

  .first_title {
    line-height: 50rpx;

    font-weight: 500;
  }

  .uni-forms-item {
    display: block !important;
    margin: 0;
  }

  .addyixiang {
    color: #3f3fb4;
    background: #eaeaf2;
    width: 170rpx;
    height: 50rpx;
    text-align: center;
    line-height: 50rpx;
    border: 2rpx #a6a6a9 dashed;
  }

  .list-row {
    width: calc(100% - 64rpx);
    padding: 16rpx 32rpx 18rpx 32rpx;
    background: #ffffff;
    margin-bottom: 16rpx;
    display: flex;
    //height: 278rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
  }

  .icon_phone {
  }

  .list-row {
    width: calc(100% - 64rpx);
    padding: 32rpx 32rpx 38rpx 32rpx;
    background: #ffffff;
    margin-bottom: 16rpx;
    display: flex;
    //height: 278rpx;
    border-radius: 8rpx 8rpx 8rpx 8rpx;
  }

  .mb32rpx {
    margin-bottom: 32rpx;
  }

  .second_title {
    float: left;
    font-size: 28rpx;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #777777;
    width: 100%;
  }

  .call_icon {
    height: 40rpx;
    width: 40rpx;
    margin-top: -5rpx;
    margin-left: 5rpx;
    float: left;
  }

  .second_title_2 {
    float: left;
    width: 38%;
    font-size: 28rpx;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    text-align: right;
    color: #777777;
  }

  .list {
    width: calc(100% - 64rpx);

    margin: 32rpx;
  }

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

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

  .checklist-box {
    margin: 0 !important;
    margin-right: 16rpx !important;
  }

  .labelcolmt26 {
    .van-cell {
      padding: 0 0 0 28rpx !important;
    }

    .van-col {
      margin-top: 26rpx !important;
    }

    label {
      color: #333333;
      font-size: 30rpx;
      margin-top: 10rpx !important;
    }

    .uni-data-checklist {
      margin-top: -10rpx !important;
    }
  }

  .status {
    .uni-data-checklist {
      margin-top: 0rpx !important;
    }

    label {
      color: #333333;
      font-size: 30rpx;
      padding-right: 0rpx !important;
    }
  }
}
</style>
    
    