<template>
  <div class="page flex-col">
    <div class="section_1 flex-row justify-between">
      <span class="text_1">9:41</span>
      <img
        class="image_1"
        referrerpolicy="no-referrer"
        src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng413f9d678a24a9b746fdc981fa579b56b2cbd98eddd024ab1279ef48ae59291e"
      />
    </div>
    <div class="section_2 flex-col">
      <div class="box_1 flex-row justify-between">
        <img
          class="label_1"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng8d9b1510cae8946e1251bb518347ad321d8ce71de7b15fe74d7322e00d291ac6"
        />
        <span class="text_2">我的计划书</span>
        <img
          class="label_2"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng18c84189e37bc6cadf64cbf211b12bc413e557fbf9e640b22bf3ad042dd85ec4"
        />
      </div>
      <div class="box_2 flex-row">
        <div class="image-text_1 flex-row justify-between">
          <img
            class="thumbnail_1"
            referrerpolicy="no-referrer"
            src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbb008ef38dbea4061d893137cdb5d5e77bb053a7ec4082623fdb29b05872cd56"
          />
          <span class="text-group_1">搜索计划书名称、客户姓名...</span>
        </div>
      </div>
      <div class="box_3 flex-row justify-between">
        <div class="text-wrapper_1 flex-col">
          <span class="text_3">全部</span>
        </div>
        <div class="text-wrapper_2 flex-col">
          <span class="text_4">处理中</span>
        </div>
        <div class="text-wrapper_3 flex-col">
          <span class="text_5">已生成</span>
        </div>
      </div>
      <div class="list_1 flex-col">
        <div
          class="list-items_1 flex-col"
          v-for="(item, index) in loopData0"
          :key="index"
        >
          <span class="text_6" v-html="item.lanhutext0"></span>
          <div class="box_4 flex-row">
            <span class="text_7" v-html="item.lanhutext1"></span>
            <div v-if="item.slot2 === 2" class="text-wrapper_4 flex-col">
              <span class="text_8">年金保险</span>
            </div>
            <div v-if="item.slot1 === 1" class="text-wrapper_5 flex-col">
              <span class="text_9" v-html="item.specialSlot1.lanhutext0"></span>
            </div>
          </div>
          <span class="text_10" v-html="item.lanhutext2"></span>
          <img
            class="image_2"
            referrerpolicy="no-referrer"
            :src="item.lanhuimage0"
          />
          <div class="box_5 flex-row">
            <img
              class="thumbnail_2"
              referrerpolicy="no-referrer"
              :src="item.lanhuimage1"
            />
            <span class="text_11" v-html="item.lanhutext3"></span>
            <img
              class="thumbnail_3"
              referrerpolicy="no-referrer"
              :src="item.lanhuimage2"
            />
            <span class="text_12" v-html="item.lanhutext4"></span>
          </div>
        </div>
      </div>
      <div class="box_6 flex-col">
        <img
          class="image_3"
          referrerpolicy="no-referrer"
          src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbf3e746af52a38753bd540d5f486761a166161ff3c8f2985aa5e994a36349ea4"
        />
        <div class="group_1 flex-row justify-between">
          <div class="image-text_2 flex-col">
            <img
              class="label_3"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbd9205e4b62cd8bbf2ca836033731f8941362539da1b5092b7238c1d20a8b893"
            />
            <span class="text-group_2">首页</span>
          </div>
          <div class="image-text_3 flex-col">
            <img
              class="label_4"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge3c905d9bf073c4382e089264cf3a9bbaa6d9f6e2b13ca001c973e0a0e99e546"
            />
            <span class="text-group_3">AI答疑</span>
          </div>
          <div class="image-text_4 flex-col">
            <img
              class="label_5"
              referrerpolicy="no-referrer"
              src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd682274e12d83204c6fe38541ed229be1287f4906b1649a2f43087e9a1663141"
            />
            <span class="text-group_4">我的</span>
          </div>
        </div>
      </div>
    </div>
    <img
      class="image_4"
      referrerpolicy="no-referrer"
      src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng830c4568c4d0141e1fa97f7fad1e075e2178ab08e5613734b08eaf46dcdd4207"
    />
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhutext0: '家庭财富传承保障计划（分红）',
          lanhutext1: '客户：李*生',
          lanhutext2: '2024-03-15&nbsp;10:12',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271',
          lanhuimage1:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb1045d06d33eade9ee01fe890c8c92fa7b58d8055a4e445ea358549bf67887a6',
          lanhutext3: '查看',
          lanhuimage2:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf99185314cb70d4f3b4aa60c2bd6be3938ac672fe6ed7e422916be0843954772',
          lanhutext4: '删除',
          specialSlot1: { lanhutext0: '年金保险' },
          slot1: 1,
        },
        {
          lanhutext0: '财富传承保障金融理财计划（分红）',
          lanhutext1: '客户：孙*',
          lanhutext2: '2024-03-14&nbsp;12:01',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271',
          lanhuimage1:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb1045d06d33eade9ee01fe890c8c92fa7b58d8055a4e445ea358549bf67887a6',
          lanhutext3: '查看',
          lanhuimage2:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf99185314cb70d4f3b4aa60c2bd6be3938ac672fe6ed7e422916be0843954772',
          lanhutext4: '删除',
          slot2: 2,
        },
        {
          lanhutext0: '企业高管年金计划',
          lanhutext1: '客户：王*江',
          lanhutext2: '2024-03-13&nbsp;9:23',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271',
          lanhuimage1:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb1045d06d33eade9ee01fe890c8c92fa7b58d8055a4e445ea358549bf67887a6',
          lanhutext3: '查看',
          lanhuimage2:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf99185314cb70d4f3b4aa60c2bd6be3938ac672fe6ed7e422916be0843954772',
          lanhutext4: '删除',
          specialSlot1: { lanhutext0: '年金保险' },
          slot1: 1,
        },
        {
          lanhutext0: '家庭财富传承保障计划',
          lanhutext1: '客户：李*生',
          lanhutext2: '2024-03-12&nbsp;15:12',
          lanhuimage0:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf546c69e1a7b33e53d1d0acd31c237f7b1c75a5bd856058be438277083ae4271',
          lanhuimage1:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngb1045d06d33eade9ee01fe890c8c92fa7b58d8055a4e445ea358549bf67887a6',
          lanhutext3: '查看',
          lanhuimage2:
            'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf99185314cb70d4f3b4aa60c2bd6be3938ac672fe6ed7e422916be0843954772',
          lanhutext4: '删除',
          specialSlot1: { lanhutext0: '年金保险' },
          slot1: 1,
        },
      ],
      constants: {},
    };
  },
  methods: {},
};
</script>
<style src="./common.css" />
<style src="./index.css" />