纸张贸易

zhangwei

2025-12-23 2fba5f9629b217fcda168fcd945b214002d3c410

纸张贸易

 src/components/header/index.vue

@@ -20,7 +20,8 @@
          <el-menu-item index="/assembly" @click="inmenu('/assembly')">资料汇编</el-menu-item>
          <el-menu-item index="/magazine" @click="inmenu('/magazine')">期刊杂志</el-menu-item>
          <el-menu-item index="/enrollment" @click="inmenu('/enrollment')">招生资料</el-menu-item>
          <el-menu-item index="/other" @click="inmenu('/other')">其他印刷品</el-menu-item>
          <el-menu-item index="/other" @click="inmenu('/other')">其它印刷品</el-menu-item>
          <el-menu-item index="/zhizhang" @click="inmenu('/zhizhang')">纸张贸易</el-menu-item>
        </el-sub-menu>
        <el-menu-item index="/servecustomers" @click="inmenu('/servecustomers',{id:0})">服务客户</el-menu-item>
        <el-menu-item index="/equipment" @click="inmenu('/equipment',{id:1})">设备实力</el-menu-item>

 src/router/index.js

@@ -87,6 +87,12 @@
        meta: { title: "其它印刷品" }
      },
      {
        path: "/zhizhang",
        name: "zhizhang",
        component: () => import("../views/business/zhizhang.vue"),
        meta: { title: "其它印刷品" }
      },
      {
        path: "/servecustomers",
        name: "servecustomers",
        component: () => import("../views/servecustomers/index.vue"),

 src/static/img/zhizhang1.png

 src/static/img/zhizhang2.png

 src/static/img/zhizhang3.png

 src/static/img/zhizhang4.png

 src/static/img/zhizhang5.png

 src/static/img/zhizhangbg.png

 src/static/img/zhizhangbg1.png

 src/views/business/zhizhang.vue

New file
@@ -0,0 +1,78 @@
<template>
  <div class="bannerbg chuany-width100 h-[450px] flex items-center">
    <div
      class="content text-white font-['Source_Han_Sans_SC'] font-bold text-[50px] leading-[80px] tracking-[11%] capitalize ">
      <p class="pb-3">川印集团——</p>
      <p>专注品质，成就卓越</p>
    </div>
  </div>
  <div class="w-100 chuany-font14 chuany-text-black ">
    
  </div>
</template>

<script setup>
import usbanner from '@/static/img/usbanner.png'
import contentimg from '@/static/img/content-img.png'
const { $meth } = getCurrentInstance().appContext.config.globalProperties
import { articleInfo } from '@/api/text.js'
const { $route } = getCurrentInstance().appContext.config.globalProperties
import $store from "@/store/index.js";

const data = reactive({
  activeName: "1",
  gettab4: {}
})
onMounted(() => {

  articleInfos(1)
});
const handleClick = (el) => {//tab切换
  console.log("el:", el.props.name)
  data.gettab4 = {}
  if (el.props.name == 1 || el.props.name == 4) {
    articleInfos(el.props.name)
  }

}
const articleInfos = (el) => {
  articleInfo({ id: el }).then(res => {
    if (res.status == true) {
      data.gettab4 = res.data.contentBody

      // 
    } else {
      $message({
        message: res.msg,
        grouping: true,
        type: 'error',
      })
    }
  })

}
</script>
<style scoped>
.demo-tabs>.el-tabs__content {
  padding: 32px;
  color: #6b778c;
  font-size: 32px;
  font-weight: 600;
}

.jianjietab p {
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 2.5em;
}

.phonetab {
  padding: 100px;
}

.bannerbg {
  background:
    linear-gradient(90deg, #0e61ce 10%, rgba(108, 160, 255, 0.5) 100%),
    url('@/static/img/usbanner.png') center/cover no-repeat;
}
</style>