settle_down_wx/pages/subPackages/addintention/addintention.vue

<template>
  <div class="addintention">
    <div class="form">
      <uni-forms ref="baseForm" :modelValue="null" label-width="100%">
        <uni-forms-item label="企业名称：">
          <!-- v-model="form.saleCpName" -->
          <uni-easyinput
            @blur="getFormData($event, 'saleCpName')"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="关联企业">
          <uni-easyinput
            @blur="getFormData($event, 'companyId')"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="企业联系人">
          <uni-easyinput
            @blur="getFormData($event, 'projectManager')"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="联系电话：">
          <uni-easyinput
            @blur="getFormData($event, 'managerPhone')"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="总计划投资">
          <uni-easyinput
            @blur="getFormData($event, 'totalInvestment')"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="拟使用载体/地块（m²）">
          <uni-easyinput
            @blur="getFormData($event, 'landArea')"
            placeholder="请输入"
          />
        </uni-forms-item>
      </uni-forms>
    </div>
    <div class="form">
      <uni-forms label-width="100%">
        <uni-forms-item label="信息来源部门：">
          <uni-data-select
            v-model="messageSourceDept"
            :localdata="MESSAGE_SOURCE_DEPT"
            @change="getMessageSourceDept"
          ></uni-data-select>
        </uni-forms-item>
        <uni-forms-item label="信息来源人：">
          <uni-easyinput
            @blur="getFormData($event, 'messageSourcePeople')"
            v-model="form.messageSourcePeople"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="跟踪人">
          <uni-data-select
            v-model="form.manageTrackingUserId"
            :localdata="trackUserList"
            @change="getManageTrackingUserId"
          ></uni-data-select>
        </uni-forms-item>

        <uni-forms-item label="相关部门">
          <uni-data-select
            v-model="form.industryCategory"
            :localdata="aboutDept"
          ></uni-data-select>
        </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>
          <van-icon
            name="add"
            class="ml16"
            size="50rpx"
            color="#2527AA"
            @click="jumpChosseHouse('房源')"
          />
        </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 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
            @blur="getFormData($event, 'projectName')"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="产业类别">
          <uni-data-select
            v-model="form.industryCategory"
            :localdata="INDUSTRY_CATEGORY"
          ></uni-data-select>
        </uni-forms-item>
        <uni-forms-item label="项目类型">
          <uni-data-select
            v-model="form.projectType"
            :localdata="PROJECT_TYPE"
          ></uni-data-select>
        </uni-forms-item>
        <uni-forms-item label="项目简介：">
          <uni-easyinput
            type="textarea"
            class="bgcF9F9F9 height218rpx"
            v-model="form.projectInfo"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="租赁需求：">
          <uni-easyinput
            type="textarea"
            class="bgcF9F9F9 height218rpx"
            v-model="form.leaseRequirements"
            placeholder="请输入"
          />
        </uni-forms-item>
      </uni-forms>
    </div>

    <div class="form" style="padding-bottom: 192rpx">
      <uni-forms ref="baseForm" :modelValue="form" label-width="100%">
        <uni-forms-item label="目前阶段：">
          <uni-data-checkbox
            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"
            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"
        >
          <van-icon
            @click="jumpChosseHouse('载体')"
            name="add"
            class="marginl8"
            size="40rpx"
            color="#2527AA"
            style="position: absolute; top: -28px; left: 68px"
          />
          <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>
              <van-icon
                class="ml8 float_left"
                name="clear"
                size="50rpx"
                color="#777777"
                @click="zaitiListSplice(index)"
              />
            </div>
          </div>
        </uni-forms-item>
        <uni-forms-item
          label="签约附件（支持图片，最多12张）："
          required
          :eletable="true"
        >
          <van-uploader
            :max-count="12"
            @delete="deleteFileList"
            :file-list="fileList"
            @after-read="afterRead"
            :show-upload="true"
          />
        </uni-forms-item>
      </uni-forms>
    </div>

    <choose-time @getEndTime="getEndTime()" ref="chooseTime"></choose-time>
    <view class="‘btn-view‘">
      <button class="btn" @click="addyixiang()">添加</button>
    </view>
  </div>
</template>
  
  <script>
import tools from "../../subPackages/components/tkitree/tools.js";
import vantUploader from "../../../wxcomponents/weapp/dist/uploader";
import chooseTime from "./chooseTime.vue";

import {
  getSelectUserTwo,
  getSelectDeptTwo,
  findRoomInfoListByIds,
  findCompanyList,
  addyixiang,
  findDeptList,
  getByCodes,
  findTrackUserList,
} from "@/js_sdk/http";
export default {
  name: "addintention",
  components: {
    chooseTime,

    vantUploader,
  },
  data() {
    return {
      dic_key: [
        "PROJECT_TYPE",
        "project_status",
        "INDUSTRY_CATEGORY",
        "MESSAGE_SOURCE_DEPT",
      ],
      dic_SelectList: {},
      show: false,
      aboutDept: [],
      defaultSelected: [],
      companyList_index: 0,
      companyList: [],
      range: [],
      fileList: [],
      fangyuanList: [],
      zaitiList: [],
      messageSourceDept: null,
      manageTrackingUserId: null,
      form: {
        manageTrackingUserId: null,
        messageSourceDept: null,
        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: "请输入正确的邮箱地址",
            },
          ],
        },
      },
      INDUSTRY_CATEGORY: [],
      PROJECT_TYPE: [],
      range: [
        { value: 0, text: "篮球" },
        { value: 1, text: "足球" },
        { value: 2, text: "游泳" },
      ],
      muqianjieduan: [
        { text: "跟进中", value: 1 },
        { text: "已确认", value: 2 },
        { text: "已签约", value: 3 },
        { text: "关闭", value: 4 },
      ],
      MESSAGE_SOURCE_DEPT: [],
      trackUserList: [],
    };
  },
  onLoad(option) {
    let that = this;

    if (option.ids != "null" && option.id) {
      findRoomInfoListByIds(option.ids).then((data) => {
        //   that.fangyuanList = [];
        data.forEach((a) => {
          that.fangyuanList.push(a);
        });
        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) {
              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(",");
      });
    }
    that.findCompanyList();
    that.form.createdBy = JSON.parse(
      uni.getStorageSync("laocui_user_info")
    ).user.id;
    that.findDeptList();
    that.getByCodes();
    that.findTrackUserList();
  },
  onShow() {
    let that = this;

    uni.$on("getuser", function (e) {
      console.log(e);
      findRoomInfoListByIds(e.result.join(",")).then((data) => {
        if (e.type == "房源") {
          //   that.fangyuanList = [];
          data.forEach((a) => {
            that.fangyuanList.push(a);
          });
          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
              ) {
                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];
          //   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++) {
              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: {
    getFormData(key, data) {
      console.log(key);
      this.form[key] = data.detail.value;
      console.log(data);
    },
    getManageTrackingUserId() {
      this.manageTrackingUserId = this.form.manageTrackingUserId;
    },
    async findTrackUserList() {
      let data = await findTrackUserList();
      this.trackUserList = data.map((e) => {
        return {
          text: e.truename,
          value: e.id,
        };
      });
      console.log(data);
    },
    getMessageSourceDept(e) {
      console.log(e);
      this.messageSourceDept = this.form.messageSourceDept;
    },
    async getByCodes() {
      let data = await getByCodes(JSON.stringify(this.dic_key));
      console.log(data);
      this.dic_SelectList = this.$common.handleDicList(data);
      this.INDUSTRY_CATEGORY = this.dic_SelectList.INDUSTRY_CATEGORY.map(
        (e) => {
          return {
            text: e.label,
            id: e.id,
          };
        }
      );
      this.PROJECT_TYPE = this.dic_SelectList.PROJECT_TYPE.map((e) => {
        return {
          text: e.label,
          id: e.id,
        };
      });
      this.muqianjieduan = this.dic_SelectList.project_status.map((e) => {
        return {
          text: e.label,
          id: e.id,
        };
      });
      this.MESSAGE_SOURCE_DEPT = this.dic_SelectList.MESSAGE_SOURCE_DEPT.map(
        (e) => {
          return {
            text: e.label,
            id: e.id,
          };
        }
      );

      console.log(this.dic_SelectList);
    },
    async findDeptList() {
      let aboutDept = await findDeptList();
      this.aboutDept = aboutDept.map((e) => {
        return {
          text: e.deptName,
          label: e.deptName,
          value: e.id,
        };
      });
      this.aboutDept = [
        ...this.aboutDept,
        {
          text: "安居服务中心",
          label: "安居服务中心",
          value: "安居服务中心",
        },
        { text: "经济发展局", label: "经济发展局", value: "经济发展局" },
        { text: "产业集团", label: "产业集团", value: "产业集团" },
        { text: "招商局", label: "招商局", value: "招商局" },
      ];
    },
    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) {
      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) {
            that.fangyuanList.splice(i, 1);
            this.$showToast("已删除");
          } else {
          }
        },
      });
    },
    getjieduan(e) {},
    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,
          };
        });
      } else {
        saleRoomList = [];
      }
      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,
          };
        });
      } else {
        successSaleRoomList = [];
      }
      let successPictureAddress = [];
      if (that.fileList.length > 0) {
        successPictureAddress = that.fileList.map((e) => {
          return {
            name: e.name,
            size: e.size,
            url: e.imgUrl,
          };
        });
      }
      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(","),
      });
      console.log(JSON.stringify(successPictureAddress));
      console.log(successPictureAddress);
      if (data.code == 200) {
        uni.navigateBack({});
      } else {
        that.$showToast(data.msg);
      }
    },
    getQymc(index) {
      let that = this;
      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);
          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;

      callback(file.type === "image");
    },
    binddata() {},
    submit() {},
  },
};
</script>
  
  <style lang="scss">
.form_row {
  height: 40rpx;
  font-weight: 400;
  font-size: 24rpx;
}
.uni-select__selector {
  /* #ifndef APP-NVUE */
  box-sizing: border-box;
  /* #endif */
  position: absolute;
  top: calc(100% + 12px);
  left: 0;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #ebeef5;
  border-radius: 6px;
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  z-index: 99999 !important;
  padding: 4px 0;
}
.addintention {
  .btn-view {
    width: 100%;
    height: 100rpx;
    padding: 20rpx 10%;
    background-color: #ffffff;
    position: fixed;
    bottom: 0;
    left: 0;
  }
  .inputstyle {
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    height: 35px;
    line-height: 1;
    display: flex;
    align-items: center;
  }
  .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: 100%;
    height: 42rpx;
    display: flex;
    justify-content: flex-end;
  }

  .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>