HSW_WX/pages/subPackages/addintention/addintention.vue

<template>
  <div class="addintention">
    <div class="form">
      <uni-forms label-width="100%">
        <uni-forms-item label="企业名称：">
          <!-- v-model="form.saleCpName" -->
          <input
            type="text"
            v-model="form.saleCpName"
            class="inputstyle"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="关联企业">
          <input
            type="text"
            v-model="form.companyId"
            class="inputstyle"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="企业联系人">
          <input
            v-model="form.projectManager"
            class="inputstyle"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="联系电话：">
          <input
            v-model="form.managerPhone"
            class="inputstyle"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="总计划投资">
          <input
            v-model="form.totalInvestment"
            class="inputstyle"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="拟使用载体/地块（m²）">
          <input
            v-model="form.landArea"
            class="inputstyle"
            placeholder="请输入"
          />
        </uni-forms-item>
      </uni-forms>
    </div>
    <div class="form">
      <uni-forms label-width="100%">
        <uni-forms-item label="信息来源部门：">
          <picker
            class="pickerstyle"
            immediate-change="true"
            range-key="text"
            @change="getMessageSourceDept"
            :range="MESSAGE_SOURCE_DEPT"
          >
            <view class="picklabel">
              {{
                !form.messageSourceDeptName
                  ? "请选择"
                  : form.messageSourceDeptName
              }}
            </view>
          </picker>
          <!-- <uni-data-select
            v-model="messageSourceDept"
            :localdata="MESSAGE_SOURCE_DEPT"
            @change="getMessageSourceDept"
          ></uni-data-select> -->
        </uni-forms-item>
        <uni-forms-item label="信息来源人：">
          <input
            v-model="form.messageSourcePeople"
            class="inputstyle"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="跟踪人">
          <input
            v-model="form.manageTrackingUserId"
            class="inputstyle"
            placeholder="请输入"
          />
          <!-- <uni-data-select
            v-model="form.manageTrackingUserId"
            :localdata="trackUserList"
            @change="getManageTrackingUserId"
          ></uni-data-select> -->
        </uni-forms-item>

        <uni-forms-item label="相关部门">
          <picker
            class="pickerstyle"
            range-key="text"
            @change="getRelevantDepId"
            :range="aboutDept"
          >
            <view class="picklabel">
              {{ !form.relevantDepName ? "请选择" : form.relevantDepName }}
            </view>
          </picker>
          <!-- <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">
                <picker
                  mode="date"
                  :value="date"
                  @change="getChooseTime($event, index, 2)"
                >
                  锁定
                </picker>
              </div>
              <div class="button_row">
                <picker
                  mode="date"
                  :value="date"
                  @change="getChooseTime($event, index, 3)"
                >
                  预约
                </picker>
              </div>
              <div class="button_row" @click="signing(index)">签约</div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="form">
      <uni-forms label-width="100%">
        <uni-forms-item label="项目名称：">
          <input
            v-model="form.projectName"
            class="inputstyle"
            placeholder="请输入"
          />
        </uni-forms-item>
        <uni-forms-item label="产业类别">
          <!-- <uni-data-select
            v-model="form.industryCategory"
            :localdata="INDUSTRY_CATEGORY"
          ></uni-data-select> -->
          <picker
            class="pickerstyle"
            range-key="text"
            @change="getIndustryCategory"
            :range="INDUSTRY_CATEGORY"
          >
            <view class="picklabel">
              {{
                !form.industryCategoryName
                  ? "请选择"
                  : form.industryCategoryName
              }}
            </view>
          </picker>
        </uni-forms-item>
        <uni-forms-item label="项目类型">
          <picker
            class="pickerstyle"
            range-key="text"
            @change="getProjectType"
            :range="PROJECT_TYPE"
          >
            <view class="picklabel">
              {{ !form.projectTypeName ? "请选择" : form.projectTypeName }}
            </view>
          </picker>
        </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" 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="签约载体："
          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="备注：">
          <uni-easyinput
            type="textarea"
            class="bgcF9F9F9 height218rpx"
            v-model="form.projectRemark"
            placeholder="请输入"
          />
        </uni-forms-item>
      </uni-forms>
    </div>

    <choose-time @getEndTime="getEndTime()" ref="chooseTime"></choose-time>
    <view class="‘btn-view‘">
      <div class="btn" @click="addyixiang()">添加</div>
    </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",
      ],
      saleCpName: "",
      dic_SelectList: {},
      show: false,
      aboutDept: [],
      defaultSelected: [],
      companyList_index: 0,
      companyList: [],
      range: [],
      fileList: [],
      fangyuanList: [],
      zaitiList: [],
      messageSourceDept: null,
      messageSourceDeptName: null,
      manageTrackingUserId: null,
      form: {
        manageTrackingUserId: null,
        manageTrackingUserId: null,
        messageSourceDept: null,
        messageSourceDeptName: 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: [],
      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.fangyuanList = that.fangyuanList;
        for (let i = 0; i < that.fangyuanList.length; i++) {
          for (let j = i + 1; j < that.fangyuanList.length; j++) {
            if (that.fangyuanList[i].id == that.fangyuanList[j].id) {
              if (!that.fangyuanList[i].endTime) {
                that.fangyuanList.splice(i, 1);
              } else if (!that.fangyuanList[j].endTime) {
                that.fangyuanList.splice(j, 1);
              } else {
                that.fangyuanList.splice(j, 1);
              }
            }
          }
        }
        that.fangyuanListIds = "";
        that.fangyuanListIds = e.result.join(",");
      });
    }
    that.findCompanyList();
    that.form.createdBy = JSON.parse(
      uni.getStorageSync("laocui_user_info")
    ).user.id;
    that.findDeptList();
    that.getByCodes();
    that.findTrackUserList();
    uni.$on("getuser", function (e) {
      console.log(e);
      findRoomInfoListByIds(e.result.join(",")).then((data) => {
        if (e.type == "房源") {
          //   that.fangyuanList = [];
          console.log({ data });
          let fangyuanList = [...that.fangyuanList, ...data];
          console.log(fangyuanList);
          // data.forEach((a) => {
          //   that.fangyuanList.push(a);
          // });

          for (let i = 0; i < fangyuanList.sort().length; i++) {
            for (let j = 1; j < fangyuanList.sort().length; j++) {
              console.log(i, j);
              if (i != j && fangyuanList[i].id === fangyuanList[j].id) {
                console.log(i);
                fangyuanList.splice(i, 1);
                j--;
              }
            }
          }
          console.log({ fangyuanList });
          that.fangyuanList = [];
          that.fangyuanList = fangyuanList;
          that.fangyuanListIds = "";
          that.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(",");
        }
      });
    });
  },
  onShow() {
    let that = this;
    console.log(123);
  },
  methods: {
    getChooseTime(event, i, type) {
      console.log({ event, i, type });
      this.fangyuanList[i].endTime = "";
      this.fangyuanList[i].reservationStatus = "";
      this.fangyuanList[i].reservationStatus = type;
      this.fangyuanList[i].endTime = event.detail.value;
      this.$forceUpdate();
    },
    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("MESSAGE_SOURCE_DEPT", this.MESSAGE_SOURCE_DEPT);
      let { detail } = e;
      let text = this.MESSAGE_SOURCE_DEPT[detail.value].text;
      let value = this.MESSAGE_SOURCE_DEPT[detail.value].value;
      this.form.messageSourceDept = value;
      this.form.messageSourceDeptName = text;
      this.$forceUpdate();
    },
    getIndustryCategory(e) {
      // 产业类别
      let { detail } = e;
      let text = this.INDUSTRY_CATEGORY[detail.value].text;
      let value = this.INDUSTRY_CATEGORY[detail.value].value;

      this.form.industryCategory = value;
      this.form.industryCategoryName = text;
      this.$forceUpdate();
    },
    getRelevantDepId(e) {
      let { detail } = e;
      let text = this.aboutDept[detail.value].text;
      let value = this.aboutDept[detail.value].value;
      console.log("valuevaluevalue", value);
      this.form.relevantDepId = value;
      this.form.relevantDepName = text;
      this.$forceUpdate();
    },
    getProjectType(e) {
      let { detail } = e;
      let text = this.PROJECT_TYPE[detail.value].text;
      let value = this.PROJECT_TYPE[detail.value].value;

      this.form.projectType = value;
      this.form.projectTypeName = text;
      this.$forceUpdate();
    },
    getManageTrackingUserId(e) {
      let { detail } = e;
      console.log(
        "this.trackUserList[detail.value]",
        this.trackUserList[detail.value]
      );
      let text = this.trackUserList[detail.value].text;
      let value = this.trackUserList[detail.value].value;

      this.form.manageTrackingUserId = value;
      this.form.manageTrackingUserId = text;
      this.$forceUpdate();
    },
    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,
            value: e.value,
          };
        }
      );
      this.PROJECT_TYPE = this.dic_SelectList.PROJECT_TYPE.map((e) => {
        return {
          text: e.label,
          value: e.value,
        };
      });
      this.muqianjieduan = this.dic_SelectList.project_status.map((e) => {
        return {
          text: e.label,
          value: e.value,
        };
      });
      console.log("this.muqianjieduan", this.muqianjieduan);
      this.MESSAGE_SOURCE_DEPT = this.dic_SelectList.MESSAGE_SOURCE_DEPT.map(
        (e) => {
          return {
            text: e.label,
            value: e.value,
          };
        }
      );

      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) {
      console.log(this.form.projectStatus);
    },
    deleteFileList(event) {
      this.fileList.splice(event.detail.index, 1);
    },
    async addyixiang() {
      let that = this;
      let saleRoomList;
      if (that.fangyuanList && that.fangyuanList.length > 0) {
        saleRoomList = that.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">
.inputstyle {
  border-color: #e5e5e5;
  background-color: #fff;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding-left: 10px;
  font-size: 14px;
}
.pickerstyle {
  border-color: #e5e5e5;
  background-color: #fff;
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  align-items: center;
  border: 1px solid #dcdfe6;
  border-radius: 4px;
  padding-left: 10px;
  font-size: 14px;
  .picklabel {
    height: auto;
    padding-top: 15rpx;
    background: none;
    padding-bottom: 15rpx;
    color: #606266;
    width: 600rpx;
  }
}
.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;
    z-index: 9999;
  }
  .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;
    text-align: center;
    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>