<template>
  <div>
    <!-- 平台简介幻灯片 -->
    <div class="slider-nav container">
      <ul class="">
        <li>
          <div
            class="content-item icon-supplier"
            style="cursor: pointer"
            onclick="go('s')"
          >
            <h4>供应商</h4>
            <p>协同平台</p>
          </div>
        </li>
        <li>
          <div
            class="content-item icon-distribute"
            style="cursor: pointer"
            onclick="go('d')"
          >
            <h4>配送商</h4>
            <p>协同平台</p>
          </div>
        </li>
        <li>
          <div
            class="content-item icon-hospital"
            style="cursor: pointer"
            onclick="go('h')"
          >
            <h4>医院</h4>
            <p>管控平台</p>
          </div>
        </li>
        <li>
          <div
            class="content-item icon-org"
            style="cursor: pointer"
            onclick="go('g')"
          >
            <h4>政府</h4>
            <p>监管平台</p>
          </div>
        </li>
      </ul>
    </div>
    <div class="well">
      <div class="container">
        <!-- <h3>海量订单免费送上门</h3>
      <div class="well-done">海量订单免费送上门</div> -->

        <div class="user-help"></div>
      </div>
    </div>

    <!-- 系统展示 -->
    <div class="container system-view">
      <section>
        <div class="view-header">
          <div class="vh-text">
            <div class="vh-en">Notice</div>
            <div class="vh-title">
              告示牌 <a v-link="{ path: '/list/1/101' }">查看更多</a>
            </div>
          </div>
        </div>

        <div class="notice-row">
          <!-- 置顶显示的公告 -->
          <div class="notice-top">
            <h3>
              <a
                v-link="{
                  path: '/show/' + objone.typecode + '/' + objone.guid,
                }"
              >
                {{ objone.title }}
              </a>
            </h3>
            <div class="notice-detail" style="line-height: 20px">
              {{{objone.content | html 200 }}}
            </div>
            <a
              v-link="{ path: '/show/' + objone.typecode + '/' + objone.guid }"
              style="
                padding-top: 10px;
                color: #86b8bc;
                float: right;
                text-decoration: underline;
              "
            >
              显示更多
            </a>
          </div>

          <!-- 公告查询、列表 -->
          <div class="notice-list">
            <div action="trend-type.html" class="search-form">
              <input type="text" placeholder="输入关键词" v-model="text" />
              <div class="search-btn" v-on:click="submit">
                <input type="submit" value="搜索" />
              </div>
            </div>
            <ul>
              <li v-for="item in list">
                <a
                  v-link="{ path: '/show/' + item.typecode + '/' + item.guid }"
                >
                  {{ item.title }}</a
                >
              </li>
            </ul>
          </div>
        </div>
      </section>

      <section>
        <div class="view-header">
          <div class="vh-text">
            <div class="vh-en">Trends</div>
            <div class="vh-title">市场动态</div>
          </div>
        </div>

        <div class="trend-list">
          <ul>
            <li>
              <a v-link="{ path: '/list/2/201' }">
                <div
                  class="trend-pic"
                  style="background-image: url(images/p1b.png)"
                ></div>
                <div class="trend-item trend-strong">
                  <h3>医药</h3>
                  <div class="trend-shortcut">医药工业发展动态</div>
                </div>
              </a>
            </li>
            <li>
              <a v-link="{ path: '/list/2/202' }">
                <div
                  class="trend-pic"
                  style="background-image: url(images/p2.png)"
                ></div>
                <div class="trend-item trend-primary">
                  <h3>医疗</h3>
                  <div class="trend-shortcut">医疗技术前沿、政策导向</div>
                </div>
              </a>
            </li>
            <li>
              <a v-link="{ path: '/list/2/203' }">
                <div
                  class="trend-pic"
                  style="background-image: url(images/p3.png)"
                ></div>
                <div class="trend-item trend-primary">
                  <h3>流通</h3>
                  <div class="trend-shortcut">医药物流资讯集锦</div>
                </div>
              </a>
            </li>
          </ul>
        </div>
      </section>

      <section>
        <div class="view-header">
          <div class="vh-text">
            <div class="vh-en">Resources</div>
            <div class="vh-title">
              资源共享
              <!-- <a  v-link="{path:'/list/1/1'}" >企业信息</a>
	        <a  v-link="{path:'/list/1/1'}">品种信息</a> -->
            </div>
          </div>
        </div>

        <div class="resource-image">
          <img src="/images/s10b_03.png" class="img_10" />
          <img src="/images/s10b_05.png" class="img_11" />
          <img src="/images/resource.png" alt="资源" />

          <a v-link="{ path: '/list/4/401' }">
            <img src="/images/s101.gif" class="img_1 img" />
          </a>
          <a v-link="{ path: '/list/4/402' }">
            <img src="/images/s102.gif" class="img_2 img" />
          </a>
          <a v-link="{ path: '/list/4/403' }">
            <img src="/images/s103.gif" class="img_3 img" />
          </a>

          <a v-link="{ path: '/list/4/404' }">
            <img src="/images/s104.gif" class="img_4 img" />
          </a>
          <a v-link="{ path: '/list/4/405' }">
            <img src="/images/s105.gif" class="img_5 img" />
          </a>
          <a v-link="{ path: '/list/4/406' }">
            <img src="/images/s106.gif" class="img_6 img" />
          </a>
          <a v-link="{ path: '/list/4/407' }">
            <img src="/images/s107.gif" class="img_7 img" />
          </a>
        </div>
      </section>

      <section>
        <div class="view-header">
          <div class="vh-text">
            <div class="vh-en">Policy</div>
            <div class="vh-title">政策指南</div>
          </div>
        </div>

        <ul class="policy-list">
          <li class="policy-notice">
            <a v-link="{ path: '/list/3/301' }">公告</a>
          </li>
          <li class="policy-politics">
            <a v-link="{ path: '/list/3/302' }">政务</a>
          </li>
          <li class="policy-law">
            <a v-link="{ path: '/list/3/303' }">法规</a>
          </li>
          <li class="policy-knowledge">
            <a>知识园</a>
          </li>
          <li class="policy-bidding">
            <a href="http://218.106.118.42:8123/DrugBidding/">招标平台</a>
          </li>
        </ul>
      </section>
    </div>

    <!-- 联系我们 -->
    <div class="contact-us">
      <!-- 312 240 258 -->
      <div class="container contact-row">
        <div class="contact-column">
          <h3>十方医疗器械物流有限公司</h3>
          <p class="line-normal"><span>客服电话：</span>400-056-1858</p>
          <p class="line-normal"><span>QQ客服：</span>2933108227 传世欣欣</p>
        </div>

        <div class="contact-column">
          <h3>政府支持</h3>

          <div class="line-normal">
            国家食品药品监督管理局<br /><a href="http://www.sda.gov.cn/"
              >http://www.sda.gov.cn/</a
            >
          </div>
          <div class="line-normal">
            国家卫生和计划生育委员会<br /><a href="http://www.nhfpc.gov.cn/"
              >http://www.nhfpc.gov.cn/</a
            >
          </div>
        </div>

        <div class="contact-column us-wechat">
          <img src="/images/wechat-code.png" alt="微信" />
          <div class="line-normal">扫一扫 关注传世般若</div>
        </div>

        <div class="contact-column us-wechat">
          <img src="/images/wechat-code.png" alt="微信" />
          <div class="line-normal">扫一扫 关注传世医链</div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
module.exports = {
  data: function () {
    return {
      list: [],
      objone: {},
      text: "",
    };
  },
  methods: {
    getData: function () {
      //Ajax.get('/cms/public_act_getAll?typecode=1&size=4&page=1').then(function(res){
      Ajax.post("/cms/public_act_getAll", {
        typecode: 1,
        size: 4,
        page: 1,
      }).then(
        function (res) {
          var result = res.data;
          console.log(result);
          if (result.data) {
            this.$set("list", result.data.list);
          }
        }.bind(this)
      );

      Ajax.get("/cms/public_act_getNewNotice").then(
        function (res) {
          var result = res.data;
          console.log(result);
          if (result.data) {
            this.objone = result.data;
          }
        }.bind(this)
      );
    },
    submit: function () {
      this.$router.go({ path: "/search/" + this.text });
    },
  },
  route: {
    activate: function () {
      this.getData();
    },
  },
};
</script>
<style></style>