<template>
  <div class="container">
    <div style="height: 200px;position: relative">
        <MtSuspensionCode
          type="static"
          title="tesdfsdfsdfsdfsdfsdfst"
          subtitle="123sdfsdfsd123"
          imgUrl="https://wlmvp-cos.weiling.cn/1633952362921_7c28b467-2b33-4941-83db-05676a084711.png"
          :needCos="true"
          :position="'suspension'"
          @onClick="onClick"
        />
      </div>
    <!-- <MtReplyRecommendList
      @onSelect="onSelectRecommendList"
      :list.sync="recommendList"
      :spaceTime="20"
    /> -->
    <!-- <MtReplyDialog
      :keyWords="['廖傻狗', '廖傻狗', '廖傻狗']"
      :list.sync="replyDialog"
      title="啊十大杀手电话卡就是德拉啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是克斯建档立卡是"
      dialogMaxHeight="90%"
      style="position: fixed;bottom: 10px; z-index: 6"
      :isPc="true"
      @onClose="onChange"
      @onClickFile="onChange"
      @onSend="onChange"
      @onClickImg="onChange"
      @onClickPreview="onChange"
    /> -->
    <div @click.stop="onClick"> <WlInput @blur="onClick" v-model="testData" /></div>   
    <!-- <ClChatList
      :params="chatListParams"
      :base_setting="{ node_env: 'dev_uat' }"
      type="inheritDialogueList"
      :is_trial="true"
    >
    </ClChatList> -->
    <div @click.stop="onChange(1)">
      <BOCard
        :data="cardData"
        :stage_list="stageList"
        :stage_fail_list="stageFailList"
        :businessOppDetail="businessOppDetail"
        @onClickItem="onChange"
        @onFail="onChange"
        @onSuccess="onChange"
        @onEdit="onChange"
      />
    </div>
    <BOStagePopup
      v-model="bo"
      :isEdit="false"
      :stageList="stageList"
      :businessOppDetail="businessOppDetail"
      :stageFailList="stageFailList"
    />
    <BOStagePopup
      v-model="bo"
      :stageList="stageList"
      :stageFailList="stageFailList"
      :businessOppDetail="businessOppDetail"
      @onFail="onChange"
    /> -->
    <!-- <EnSearchEnterprise v-model="showPicker" :recommendList="['123','234']"></EnSearchEnterprise> -->
    <!-- <EnLogo name="傻廖狗傻廖狗廖狗" />
    <EnLogo name="傻廖狗傻廖狗廖" />
    <EnLogo name="傻廖狗傻廖狗" />
    <EnLogo name="傻廖狗廖狗" />
    <EnLogo name="傻廖狗廖" />
    <EnLogo name="傻廖廖" />
    <EnLogo name="傻廖" />
    <EnLogo name="傻" />
    <EnLogo name="傻廖狗傻廖狗廖狗傻廖狗傻廖狗廖狗傻廖狗傻廖狗廖狗傻廖狗傻廖狗廖狗" />
    <MtSearch @onClear="onChange" @onChange="onChange" placeholder="搜索" /> -->
    <!-- <MtReplyRecommendList
      @onSelect="onSelectRecommendList"
      :list.sync="recommendList"
      :spaceTime="20"
    /> -->
    <!-- <MtReplyRecommend :keyWords="['廖傻狗', '廖傻狗', '廖傻狗']" />
    <van-overlay :show="true" z-index="3"> </van-overlay>
    <MtReplyDialog
      :keyWords="['廖傻狗', '廖傻狗', '廖傻狗']"
      :list.sync="replyDialog"
      title="啊十大杀手电话卡就是德拉啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是啊十大杀手电话卡就是德拉克斯建档立卡是克斯建档立卡是"
      dialogMaxHeight="90%"
      style="position: fixed;bottom: 10px; z-index: 6"
      :isPc="true"
      @onClose="onChange"
      @onClickFile="onChange"
      @onSend="onChange"
      @onClickImg="onChange"
      @onClickPreview="onChange"
    /> -->
    <!-- <MtReplyRecommendList
      @onSelect="onSelectRecommendList"
      :list.sync="recommendList"
      :spaceTime="20"
    /> -->
    <!-- <img
      src="https://wlmvp-cos.weiling.cn/1633952362921_7c28b467-2b33-4941-83db-05676a084711.png?imageView2/1/w/100/h/100/q/85"
      class="sdasd"
    />
    <div class="aaa">
      <MtTabs />
    </div>
    <div style="float:right">
      <MtOperIcon :sortPopoverActions="sortPopover" />
    </div>
    <WlSteps :onSelectIndex="2" :list="step" />
    <div class="test-container">
      表单
      <WlRenderForm v-model="renderFromData" labelPosition="top" :list="renderform">
        <div slot="test">13245</div>
      </WlRenderForm>
    </div>
    <MtPicList
      imgKey="img"
      valueKey="key"
      :unChosedColor="'white'"
      :isMultiple="true"
      :list="picList"
      @onChange="onChange"
      v-model="data"
    /> -->
    <!-- <MtUpdateDialog
      title=" to do，我今do，我今do，我今do，我今do，我今do，我今"
      version="version"
      subtitle="不一般的「销售报表」，直接告不一般的「销售报表」，直接告不一般的「销售报表」，直接告不一般的「销售报表」，直接告不一般的「销售报表」，直接告"
      :isH5="true"
      :avatarShow="false"
      triangleColor="#91D4DA"
    >
      <div class="msg">😱😱不一般的「销售报表」，直接告诉你what to do，我今天有8个客户需要处理合同/发票噢~<br><br>😎😎可以在「发现」里看到所有“@”、评论和点赞了！还可以看到隔壁组销冠每天都发一条朋友圈，悄咪咪学习的时候别忘了给人家点赞噢~<br><br>😔😔对接人过多，没完没了的拉齐怎么破？！「企业视图」整合了所有企业相关信息，协作力拉到顶！</div>
    </MtUpdateDialog> -->
    <!-- <div class="test-container">
      按钮
      <WlButton @onClick="onClick">默认按钮</WlButton>
      <WlButton size="small" icon="&#xe75a;" type="default" url="https://www.baidu.com"
        >test</WlButton
      >
      <WlButton size="large" type="success" to="/lxl">test</WlButton>
      <WlButton size="mini" type="info">test</WlButton>
      <WlButton shape="round" type="warning">test</WlButton>
      <WlButton shape="circle" type="danger">test</WlButton>
      <WlButton shape="circle" size="mini">test</WlButton>
      <WlButton plain type="success" themeColor="green">test</WlButton>
      <WlButton disabled type="success">test</WlButton>
      <WlButton type="link" textColor="red">test</WlButton>
    </div> -->
    <WlSearchList />
    <!-- <div class="test-container">
      悬浮码
      <div style="height: 200px;position: relative">
        <MtSuspensionCode
          type="static"
          title="tesdfsdfsdfsdfsdfsdfst"
          subtitle="123sdfsdfsd123"
          imgUrl="https://wlmvp-cos.weiling.cn/1633952362921_7c28b467-2b33-4941-83db-05676a084711.png"
          :needCos="true"
          :position="'suspension'"
          @onClick="onClick"
        />
      </div>
      <div style="height: 200px;position: relative">
        <MtSuspensionCode
          type="static"
          title="tesdfsdfsdfsdfsdfsdfst"
          subtitle="123sdfsdfsd123"
          imgUrl="https://wlmvp-cos.weiling.cn/1633952362921_7c28b467-2b33-4941-83db-05676a084711.png"
          :needCos="true"
          :position="'suspension'"
          suspensionSize="small"
          @onClick="onClick"
        />
      </div>
      <div style="height: 200px;">
        <MtSuspensionCode
          type="static"
          title="test"
          subtitle="123123"
          imgUrl="https://wlmvp-cos.weiling.cn/1633952362921_7c28b467-2b33-4941-83db-05676a084711.png"
          :needCos="true"
          position="fixed"
        />
        <MtSuspensionCode
          type="static"
          title="test"
          subtitle="123123"
          imgUrl="https://wlmvp-cos.weiling.cn/1633952362921_7c28b467-2b33-4941-83db-05676a084711.png"
          :needCos="true"
          fixedSize="small"
          position="fixed"
        />
      </div>
      <div style="position: relative;height: 80px">
        <MtSuspensionCode
          type="avtatar"
          text="test"
          imgUrl="https://pica.zhimg.com/80/6a10d31f4ad8f62ae3920d846d94be79_720w.jpg?source=1940ef5c"
          :needCos="true"
        />
      </div>
      <div style="position: relative;height: 80px">
        <MtSuspensionCode
          type="circular"
          text="test"
          imgUrl="https://pica.zhimg.com/80/6a10d31f4ad8f62ae3920d846d94be79_720w.jpg?source=1940ef5c"
          :needCos="true"
        />
      </div>
      <MtSuspensionCode
        type="msg"
        text="test"
        imgUrl="https://pica.zhimg.com/80/6a10d31f4ad8f62ae3920d846d94be79_720w.jpg?source=1940ef5c"
        subtitle="123123"
        :needCos="true"
      />
    </div> -->
  </div>
</template>

<script>
import { picList, step, renderform, replyDialog } from "../utils/testData";
import Store from "../../packages/store/index";
export default {
  name: "yxTestPage",
  data() {
    return {
      testData: "111111",
      defaultTime: 0,
      chatListParams: {
        keyword: "",
        user_id: "1467751592217554944",
        corp_id: "ww6a2c940f42712c74",
        sid: "ad63ca089e3c7cae6254c946f2812bbd",
        external_userid: "woK9-UBwAA4_YM4p-kcBY5WR-AS0hQZw",
      },
      cardData: {
        business_id: "1514595543467974656",
        stage: 2,
        hidden: {
          owner: false,
        },
        name: "a的国防大厦股份山豆根发射点风格a的国防大厦股份山豆根发射点风格",
        owner: {
          id: "1356946737750749184",
          nick_name: "王朝勇哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈",
          head_img_url: "https://wework.qpic.cn/wwpic/604798_0Iun_-ChTbKzE4t_1649952900/0",
        },
        create_time: "1649942692000",
        is_focus: 0,
        is_related: 0,
        is_owner: 0,
        tag: "与我相关",
        stage_text: "需求沟通",
        is_edit: true,
        input_edit: true,
        tagShow: true,
        indexID: "15145955434679746561",
        href:
          "https://demo.weiling.cn//h5/worktable-h5/?corp_id=ww90b1ab33636e7da5&sid=ce7078e213cdf5631beafcfa28c94c2e&user_id=1357167653223018496#/business-detail?business_id=1514595543467974656",
      },
      businessOppDetail: {
        business_id: "1515887288507981824",
        company_id: "1447164914925592576",
        winning_amount: "",
        winning_date: "",
        // company_info: {
        //   company_id: "1447164914925592576",
        //   company_name: "泾河新城确认去百货店",
        //   credit_code: "92611102MAB2N5P74C",
        //   start_date: 1620230400000,
        //   address: "陕西省西咸新区泾河新城泾河新城孵化中心1号楼3层东南角113",
        // },
        create_time: "1650250668000",
        create_user: {
          id: "1395217664250621952",
          userid_third: "LiYunLiang",
          nick_name: "李云亮",
          head_img_url:
            "http://wework.qpic.cn/bizmail/PswJiagCu3USYljDM4X8PY9kv1kzibJ64OMlegpc9WwshOJhR8U9darA/0",
          position: "测试侧哈啡",
        },
        customers: [
          {
            external_userid: "wmWAFzDwAAYW4Aq979NGec9azKwJ1Cmg",
            head_img_url:
              "http://wx.qlogo.cn/mmhead/5hUKx8syeicjtGfu3ZSclwpV69PPvEbqpWhUjcknzmCc/0",
            id: "1506856976999825408",
            is_rel_company: false,
            nick_name: "CHANG",
            type: 1,
            unionid: "o3uHk52xLOxCoDKFfE1YdF3_BBLs",
            user_type: 1,
          },
          {
            external_userid: "wmWAFzDwAAYW4Aq979NGec9azKwJ1Cmg",
            head_img_url:
              "http://wx.qlogo.cn/mmhead/5hUKx8syeicjtGfu3ZSclwpV69PPvEbqpWhUjcknzmCc/0",
            id: "1506856976999825408",
            is_rel_company: false,
            nick_name: "CHANG",
            type: 1,
            unionid: "o3uHk52xLOxCoDKFfE1YdF3_BBLs",
            user_type: 1,
          },
        ],
        except_amount: 1123123123.12,
        except_date: 1650297600000,
        name: "商机名称1",
        permission_level: 4,
        stage: 2,
        update_time: "1650334179000",
      },
      bo: {
        key: "1",
      },
      picList: picList,
      step,
      renderform,
      data: [],
      showPicker: true,
      renderFromData: {
        color: "black",
        ipt: "",
        pic: 0,
        select: 0,
      },
      sortPopover: [
        {
          text: "按修改时间",
          value: 0,
          sort: "desc",
          prop: "time",
        },
        {
          text: "按发送次数",
          value: 1,
          sort: "desc",
          prop: "view",
        },
      ],
      replyDialog: replyDialog,
      recommendList: [
        {
          keywords: ["廖傻够", "廖傻够", "廖傻够", "廖傻够", "廖傻够", "廖傻够", "廖傻够"],
          number: 1,
          key: 1,
        },
        {
          words: ["廖傻🐕"],
          number: 3,
          key: 2,
        },
        {
          words: ["廖傻够"],
          number: 2,
          key: 3,
        },
        {
          words: ["廖傻够"],
          number: 1,
          key: 4,
        },
      ],
      showDialog: true,
      stageList: [
        { name: "business_stage", key: "1", value: "需求a啊飒飒大苏实的沟通需求a啊飒飒大苏实的沟通需求a啊飒飒大苏实的沟通", remark: "商机阶段", order: 1 },
        { name: "business_stage", key: "4w", value: "需求沟通1", remark: "商机阶段", order: 1 },
        { name: "business_stage", key: "4s", value: "需求沟通1", remark: "商机阶段", order: 1 },
        { name: "business_stage", key: "2", value: "方案评估", remark: "商机阶段", order: 2 },
        { name: "business_stage", key: "3", value: "方案3", remark: "商机阶段", order: 3 },
        { name: "business_stage", key: "99", value: "丢单", remark: "商机阶段", order: 99 },
        { name: "business_stage", key: "100", value: "赢单", remark: "商机阶段", order: 100 },
      ],
      stageFailList: [
        {
          name: "business_fail_reason",
          key: "1",
          value: "无法满足客户需求",
          remark: "商机失败原因",
          order: 1,
        },
        {
          name: "business_fail_reason",
          key: "2",
          value: "价格超出预期",
          remark: "商机失败原因",
          order: 2,
        },
        {
          name: "business_fail_reason",
          key: "3",
          value: "同行调研",
          remark: "商机失败原因",
          order: 3,
        },
        {
          name: "business_fail_reason",
          key: "99",
          value: "其它",
          remark: "商机失败原因",
          order: 4,
        },
      ],
    };
  },
  methods: {
    onClick(data) {
      this.defaultTime = 10
      console.log(data)
      this.renderFromData = {
        ...this.renderFromData,
        ipt: "1232134321455645zasfdasdasdf",
      };
    },
    onChange(data) {
      console.log(data);
    },
    onSelectRecommendList() {},
  },
  mounted() {
    Store.domain = "https://demo.weiling.cn";
    setTimeout(() => {
      const list = [1, 2, 3].map((ele) => {
        return {
          words: ["廖傻够" + ele],
          number: ele,
          key: Math.random(),
        };
      });
      this.recommendList = this.recommendList.concat(list);
    }, 1000);

    setTimeout(() => {
      const list = [1, 2, 3].map((ele) => {
        return {
          words: ["廖傻够" + ele],
          number: ele,
          key: Math.random(),
        };
      });
      this.recommendList = this.recommendList.concat(list);
    }, 5000);
  },
};
</script>

<style lang="scss" scope>
.container {
  background-color: white;
  height: 100%;
  margin-top: 100px;
}
.test {
  width: 100%;
  max-width: j(200) !important;
  word-break: break-word;
  text-overflow: ellipsis;
  box-sizing: border-box;
}
.test-container {
  margin: 50px 0;

  background-color: white;
}

.aaa {
  background-image: url("https://wlmvp-cos.weiling.cn/1633952362921_7c28b467-2b33-4941-83db-05676a084711.png?imageView2/1/w/100/h/100/q/85");
  width: 300px;
  height: 300px;
  background-size: cover;
}
</style>
