zhangwei
2025-12-19 348247468ec9fe4998af66620de420ffbd460e22
src/views/servecustomers/index.vue
@@ -12,24 +12,24 @@
        <p class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%]  align-middle capitalize text-center py-4">多行业覆盖,合作版图持续扩展</p>
        <div class="content">
        <ul style="width:60%;" class="chuany-flex chuany-justify-between chuany-align-center content chuany-font20 chuany-padding10 h-[60px]">
            <li :class="['chuany-cursor', data.tab == 1 ? 'actived' : '']" ><a href="#part0">政府单位</a></li>
            <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" ><a href="#part1">医疗机构</a></li>
            <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" ><a href="#part2">教育机构</a></li>
            <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" ><a href="#part3">学校</a></li>
            <li :class="['chuany-cursor', data.tab == 0 ? 'actived' : '']" @click="tabchange(0)"><a href="#part0">政府单位</a></li>
            <li :class="['chuany-cursor', data.tab == 1 ? 'actived' : '']" @click="tabchange(1)"><a href="#part1">医疗机构</a></li>
            <li :class="['chuany-cursor', data.tab == 2 ? 'actived' : '']" @click="tabchange(2)"><a href="#part2">教育机构</a></li>
            <li :class="['chuany-cursor', data.tab == 3 ? 'actived' : '']" @click="tabchange(3)"><a href="#part3">学校</a></li>
        </ul>
        </div>
    </div>
    <div :class="index1%2==0?'':'bg-white'" v-for="(item,index1) in arrayList" :key="index1" :id="`part${index1}`">
      <p class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%]  align-middle capitalize text-center py-4">{{ item.name }}</p>
      <div class="content" :class="index1==arrayList.length-1?'':'pb-16'">
    <div :class="data.tab%2==0?'':'bg-white'" v-for="(item,index1) in [arrayList[data.tab]]" :key="index1">
      <p class="font-['Source_Code_Pro'] font-semibold text-[36px] leading-[50px] tracking-[10%]  align-middle capitalize text-center pt-12">{{ item.name }}</p>
      <div class="content py-10" >
        <el-row :gutter="20">
            <el-col :span="6" v-for="(value,index) in item.value" :key="index" class="rounded-lg">
                <p class="text-center py-4 rounded-lg my-3" :class="index1%2==0?'bg-white':'bg-[#F2F6FF]'">{{ value }}</p>
                <p class="text-center py-4 rounded-lg my-3" :class="data.tab%2==0?'bg-white':'bg-[#F2F6FF]'">{{ value }}</p>
            </el-col>
        </el-row>
      </div>
      <p class="text-center  py-4">* 部分客户名单</p>
    </div>
    <p class="text-center bg-white py-4">* 部分客户名单</p>
    <div class="bannerbg1 h-96  text-center text-white flex justify-center items-center">
        <div>
@@ -44,7 +44,7 @@
<script setup>
const {  $route } = getCurrentInstance().appContext.config.globalProperties
const {  $route,$router } = getCurrentInstance().appContext.config.globalProperties
import $store from "@/store/index.js";
@@ -52,122 +52,148 @@
const data = reactive({
  tab: 1,
})
const tabchange = (el) => {
  data.isdistribution = true
  $router.push({
    path: '/servecustomers',
    query: { id: el }
  })
  data.tab = el
  $route.query.id = el
}
const arrayList = [
    {
        name:'政府单位',
        value:[
        "成都市金牛区融媒体中心",
        "四川省法学会",
        "绵竹博物馆",
        "成都地铁运营有限公司",
        "成都市税务局",
        "四川省医疗保障服务中心",
        "绵阳市公安局",
        "四川新华强制隔离戒毒所",
        "四川省社会科学院",
        "四川省人民检察院",
        "成都住房公积金管理中心",
        "成都市公安局成华区分局",
        "四川省委政法委员会",
        "四川省团校",
        "绵阳市市场监督管理局市局",
        "中共绵阳市委党校",
        "成都人大办公厅",
        "四川省成都市中级人民法院",
        "四川省疾控中心",
        "南充市公安局顺庆区分局",
        "资阳市自然资源和规划局",
        "中共中江县委党史研究室",
        "四川省公安厅战训中心",
        "成都市公安局天府新区分局"
          "四川省委政法委员会",
          "四川省法学会",
          "四川省成都市中级人民法院",
          "四川省人力资源和社会保障厅",
          "四川省疾控中心",
          "四川省医疗保健服务中心",
          "成都住房公积金管理中心",
          "成都市公安局成华区分局",
          "四川省公安厅战训中心",
          "四川省人民检察院",
          "绵竹博物馆",
          "成都市公安局天府新区分局",
          "四川省社会科学院",
          "成都人大办公厅",
          "绵阳市公安局",
          "成都市金牛区融媒体中心",
          "资阳市自然资源和规划局",
          "成都市税务局",
          "绵阳市市场监督管理局市局",
          "南充市公安局顺庆区分局",
          "成华区人民法院",
          "中江县委党史研究室",
          "成都市成华区应急管理局",
          "达州市教育科学研究所",
          "广安市广安区教师发展中心",
          "雅安市雨城区八步镇人民政府",
          "成都市公安局双流区分局",
          "成都市公安局武侯区分局"
        ]
    },
    {
        name:'医疗机构',
        value:[
            "宜宾市第五人民医院",
            "新都蜀都社区卫生服务中心",
            "绵阳市第三人民医院",
            "达州市中心医院",
            "白庙镇中心卫生院",
            "双流区东升社区卫生服务中心",
            "成都市中西医结合医院",
            "泸州市中医医院",
            "成都市第四人民医院",
            "双流区西航港社区卫生服务中心",
            "遂宁市安居区人民医院",
            "双流区中医医院",
            "遂宁市第一人民医院",
            "武侯区红牌楼社区卫生服务中心",
            "联保保障部队第九四医院",
            "富顺县中医医院",
            "自贡市第一人民医院",
            "成都市公共卫生临床医疗中心",
            "成都高新区妇女儿童医院",
            "雅安市中医医院",
            "武警四川省总队医院",
            "德阳经济技术开发区人民医院",
            "成都中医药大学附属医院",
            "德阳市人民医院"
          "成都市中西医结合医院",
          "成都第一骨科医院",
          "成都市公共卫生临床医疗中心",
          "成都市第四人民医院",
          "成都中医药大学附属医院",
          "成都高新区妇女儿童医院",
          "绵阳市第三人民医院",
          "达州市中心医院",
          "宜宾市第五人民医院",
          "双流区中医医院",
          "自贡市第一人民医院",
          "泸州市中医医院",
          "德阳市人民医院",
          "德阳经济技术开发区人民医院",
          "武警四川省总队医院",
          "成都市第五人民医院",
          "泸州市人民医院",
          "资阳市人民医院",
          "遂宁市安居区人民医院",
          "雅安市中医医院",
          "遂宁市第一人民医院",
          "中国人民武装警察部队四川省总队医院",
          "联勤保障部队第九四医院",
          "宜宾市第一人民医院",
          "内江第一人民医院",
          "兵池县人民医院",
          "雅安市中医医院",
          "乐山市人民医院",
          "德阳市旌阳区中医医院",
          "富顺县中医医院",
          "成都市第三人民医院物",
          "简阳市中医医院采"
        ]
    },
    {
        name:'教育机构',
        value:[
            "蒲江县教育局",
            "简阳市教育局",
            "乐至县教育和体育局",
            "自贡市沿滩区教育和体育局",
            "金堂县教育局",
            "阿坝县教育局",
            "色达县教育和体育局",
            "布拖县教育体育和科学技术局",
            "邻水县教局",
            "黑水县教育局",
            "青神县教育和体育局",
            "木里县教育体育和科学技术局",
            "汉源县教育局",
            "天全县教育局",
            "康定市教育和体育局",
            "四川省教育考试院",
            "雷波县教育局",
            "什邡市教育局",
            "得荣县教育和体育局",
            "武侯区教科院",
            "龙泉驿区教科院",
            "白玉县教育局",
            "什邡市教育和体育局",
            "乐山市招生考试中心"
          "蒲江县教育局",
          "简阳市教育局",
          "乐至县教育和体育局",
          "自贡市沿滩区教育和体育局",
          "金堂县教育局",
          "阿坝县教育局",
          "色达县教育和体育",
          "布拖县教育体育和科学技术局",
          "邻水县教局",
          "黑水县教育局",
          "青神县教育和体育局",
          "木里县教育体育和科学技术局",
          "汉源县教育局",
          "天全县教育局",
          "康定市教育和体育局",
          "四川省教育考试院",
          "雷波县教育局",
          "什邡市教育局",
          "得荣县教育和体育局",
          "武侯区教科院",
          "龙泉驿区教科院",
          "白玉县教育局",
          "仕邡市教育和体育局",
          "乐山市招生考试中心"
        ]
    },
    {
        name:'学校',
        value:[
            "西南交通大学",
            "成都理工大学",
            "西南交通大学",
            "四川警察学院",
            "四川农业大学",
            "成都职业技术学院",
            "西华大学包",
            "成都医学院",
            "绵阳师范学院",
            "西南财经大学",
            "绵阳师范学院",
            "四川财经学院",
            "成都市树德中学",
            "四川华新现代职业学院",
            "德阳市第一小学校",
            "四川省内江医科学校",
            "四川省成都高新区实验小学",
            "四川省信息通信学校",
            "四川省乐山市第一中学校",
            "南充职业技术学院",
            "成都东部新区养马高级中学",
            "成都农业科技职业学院",
            "四川文理学院",
            "西藏中学校"
        ]
        "西南交通大学",
        "成都理工大学",
        "西南交通大学",
        "四川警察学院",
        "四川农业大学",
        "成都职业技术学院",
        "西华大学",
        "成都医学院",
        "绵阳师范学院",
        "西南财经大学",
        "绵阳师范学院",
        "四川财经学院",
        "成都市树德中学",
        "四川华新现代职北学院",
        "德阳市第一小学校",
        "四川省内江医科学校",
        "四川省成都高新区实验小学",
        "四川省信息通信学校",
        "四川省乐山第一中学校",
        "南充职业技术学院",
        "成都东部新区养马高级中学",
        "成都农业科技职业学院",
        "四川文理学院",
        "西藏中学校",
        "四川省团校",
        "中共绵阳市委党校",
        "四川省退役军人宣传教育中心",
        "四川省德阳中学校"
      ]
    }
]
onMounted(() => {