diff --git a/pages.json b/pages.json
index 55c4c34..e416738 100644
--- a/pages.json
+++ b/pages.json
@@ -242,6 +242,13 @@
 			{
 				"navigationBarTitleText" : ""
 			}
+		},
+		{
+			"path" : "pages/procure/procure",
+			"style" : 
+			{
+				"navigationBarTitleText" : ""
+			}
 		}
 	],
 	"globalStyle": {
diff --git a/pages/NursingNew/index.vue b/pages/NursingNew/index.vue
index 951a311..80d9b58 100644
--- a/pages/NursingNew/index.vue
+++ b/pages/NursingNew/index.vue
@@ -79,8 +79,11 @@
 		</view>
 		<wuliao  :isShow="menuIndex == 'jcgn_wl'" v-if="swipedex == 'jcgn_wl'"></wuliao>
 		
-		<material :isShow="menuIndex == 'jcgn_cg'" v-if="swipedex == 'jcgn_cg'&&!specialPagedex" ref="materials"
-			@changepages="changeNumber"></material>
+		<!-- <material :isShow="menuIndex == 'jcgn_cg'" v-if="swipedex == 'jcgn_cg'&&!specialPagedex" ref="materials"
+			@changepages="changeNumber"></material> -->
+			
+		<procure :isShow="menuIndex == 'jcgn_cg'" v-if="swipedex == 'jcgn_cg'"></procure>	
+			
 		<materialcar v-if="menuIndex == 'jcgn_cg'&&specialPagedex==1" @gotoitem="specialPagedex=2"></materialcar>
 		<purchaseorder v-if="menuIndex == 1&&specialPagedex==2"></purchaseorder>
 		
@@ -114,7 +117,8 @@
 	import defaultr from '@/pages/procurement/components/default.vue';
 
 
-
+	
+	import procure from "@/pages/procure/procure.vue";
 	import material from "@/pages/procurement/material.vue";
 	import wuliao from "@/pages/material/material.vue";
 	import materialcar from "@/pages/procurement/materialcar.vue";
diff --git a/pages/procure/component/contright.vue b/pages/procure/component/contright.vue
new file mode 100644
index 0000000..a9f07fb
--- /dev/null
+++ b/pages/procure/component/contright.vue
@@ -0,0 +1,161 @@
+<template>
+	<view>
+		<view class="cont">
+			<view class="title" @click="clk">
+				<view></view>
+				采购单
+			</view>
+			<view class="boxcen">
+				<view class="boxa">
+					<view class="bianj" v-if="active==1">
+						<image src="/static/index/card/bj.png" mode="aspectFill"></image>
+					</view>
+					<view class="jszl guodu" :class="active==1?'':'jsh0'" @click.stop>
+						温馨提示：点击生成采购单
+					</view>
+					
+					<view :class="active>=1?'act':''">
+						<image src="/static/three/cgd.png" v-if="active>=1" mode="aspectFill"></image>
+						<image src="/static/three/cgd1.png" v-else mode="aspectFill"></image>
+					</view>
+					<text>采购单</text>
+				</view>
+				<text class="jiao">▶</text>
+				<view class="boxa">
+					<view :class="active>=2?'act':''">
+						<image src="/static/three/sxd.png" v-if="active>=2" mode="aspectFill"></image>
+						<image src="/static/three/sxd1.png" v-else mode="aspectFill"></image>
+					</view>
+					<text>随行单</text>
+				</view>
+				<text class="jiao">▶</text>
+				<view class="boxa">
+					<view :class="active==3?'act':''">
+						<image src="/static/three/jh.png"  v-if="active==3" mode="aspectFill"></image>
+						<image src="/static/three/jh1.png" v-else mode="aspectFill"></image>
+					</view>
+					<text>拣货</text>
+				</view>
+			</view>
+			
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+	 import { ref, onMounted, reactive, onBeforeUnmount, computed, nextTick, defineComponent, inject, watch } from 'vue';
+	 const active = ref(0)
+	 const clk = () =>{
+		 active.value++
+		 if(active.value>3){
+			active.value = 0; 
+		 }
+	 }
+</script>
+
+<style lang="less" scoped>
+.cont{
+	width: 100%;
+	height: 100%;
+	padding: 1.7vw 2.3vw;
+	.boxcen{
+		width: 50vw;
+		height: 20vw;
+		margin: 18vw auto 0;
+		display: flex;
+		justify-content: space-around;
+		align-items: center;
+		.jiao{
+			font-size: 1.4vw;
+			color: #C2C3CA;
+			margin-top: -3vw;
+		}
+		.act{
+			background: #E1F0FF !important;
+			border: 1px solid #1083F8 !important;
+		}
+		.boxa{
+			width: 7.2vw;
+			height: 10.2vw;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			position: relative;
+			
+			
+			.jszl {
+				width: 43vw;
+				height: 7vw;
+				background: #FFFFFF;
+				box-shadow: 0rpx 0rpx 0.5vw 0rpx rgba(136, 148, 167, 0.19);
+				border-radius: 2.2vw;
+				position: absolute;
+				top: 12vw;
+				left: 0;
+				z-index: 10;
+				padding: 2vw;
+				overflow: hidden;
+				font-size: 1.3vw;
+				color: #3F86CF;
+				border: 1px solid #D2D2D2;
+			}
+			.jsh0 {
+				height: 0vw !important;
+				padding: 0 2vw !important;
+				border: 0px solid #D2D2D2;
+			}
+			.bianj {
+				position: absolute;
+				width: 2.2vw;
+				height: 1.1vw;
+				top: 11.2vw;
+				left: 3.1vw;
+				z-index: 11;
+			
+				image {
+					width: 100%;
+					height: 100%;
+				}
+			}
+			
+			text{
+				font-size: 1.6vw;
+				color: #555555;
+				margin-top: 1.4vw;
+			}
+			view{
+				width: 7.2vw;
+				height: 7.2vw;
+				background: #F1F1F1;
+				border-radius: 1.4vw;
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				
+				image{
+					width: 3.8vw;
+					height: 3.8vw;
+				}
+			}
+		}
+	}
+	.title{
+		font-size: 1.7vw;
+		color: #222222;
+		display: flex;
+		align-items: center;
+		view{
+			width: 0.5vw;
+			height: 1.4vw;
+			background: radial-gradient( 0% 0% at 0% 0%, #006DC9 7.25%, #0385FA 100%), #F7F7F7;
+			border-radius: 0.2vw;
+			margin-right: 1vw;
+		}
+	}
+}
+.guodu {
+		transition: .4s;
+		-webkit-transform-style: preserve-3d;
+		-webkit-overflow-scrolling: touch;
+	}
+</style>
diff --git a/pages/procure/procure.vue b/pages/procure/procure.vue
new file mode 100644
index 0000000..a33ab6a
--- /dev/null
+++ b/pages/procure/procure.vue
@@ -0,0 +1,629 @@
+<template>
+	<view >
+		<view class="guodu contain" :style="!transition?'opacity: 0':'opacity: 1'" style="transition: opacity 1s ease;padding: 1.1vw;">
+			<view class="contain-left">
+				<view class="title-input-father">
+					<input class="title-input" type="text" v-model="plzinfo.cgdParamInfo" maxlength="15"
+						placeholder="采购单号/采购日期/供应商" @confirm="search()" />
+					<image v-show="plzinfo.cgdParamInfo" class="title-input-img" src="@/static/x.png"
+						@click="plzinfo.cgdParamInfo=``;search()" />
+					<!-- <view class="title-input-button" @click="search();">
+						检索
+					</view> -->
+					<view class="title-ball" @click="search();handleClick()">
+						<image class="title-ball-img" :src="imgSrc" mode="aspectFill"></image>
+					</view>
+					<view class="title-ball" >
+						<image class="title-ball-img" src="/static/index/procurement/sx.png" mode="aspectFill"></image>
+					</view>
+				</view>
+				<view class="left-selecttype">
+					<view :class="selectType===index?`selecttype-target`: `selecttype`" v-for="(item,index) in tagsarray"
+						@click="changetype(index)">
+						{{ item }}
+					</view>
+					<view class="heng-blue" :style="{ left: `${ 11.6 + selectType * 18.5}%` }">
+					</view>
+				</view>
+				<view class="haventmessage" v-if=" selectType == 0">
+					<view class="que">
+						<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
+						<view>暂无数据</view>
+					</view>
+				</view>
+				<view class="left-menu-father">
+					<scroll-view scroll-y="true" scroll-with-animation class="left-menu-scroll" :scroll-top="leftscrolltop"
+						@scrolltolower="plsbuytolower" :lower-threshold="400" lower-threshold="300">
+						
+						
+						<view class="pls-card" v-for="(v,i) in plsbuy" :key='i' @click="clickLeftMenu(i,v)" :style="{
+								  borderColor: i === lefttarget ? '' : 'transparent',
+								 
+								}">
+			
+							<!-- <view v-if="moreindex==i" class="more-father">
+								<view class="more-one" @click="share">
+									分享
+								</view>
+								<view class="more-one" v-if="Number(v.status)<=0" @click="bebad(v)">
+									作废
+								</view>
+							</view> -->
+							<text style="display: block;background: #ff5757;
+							position: absolute;width: 1.3vw;height: 1.3vw;border-radius: 50%;right: -0.1vw;top: -0.1vw;"
+								v-if="v.izNew=='Y'"></text>
+							<view class="pls-card-title">
+								<view class="title-left">
+									12313212313
+								</view>
+								<view class="title-right">
+									<text style="position: absolute;bottom: 4rpx;left: -30rpx;">
+										￥
+									</text>
+			
+									<view class="title-right-big">
+										{{ Number(v.totalPrice ) < 10000? Number(v.totalPrice).toFixed(2) : Number(v.totalPrice)  }}
+									</view>
+			
+									<image class="title-right-img" src="/static/more.png" @click="openmore(i)" />
+			
+								</view>
+							</view>
+							<view class="pls-card-middle">
+								<view class="middle-heng"></view>
+								<view class="pls-card-middle-one">
+									<view class="middle-title">
+										2222.2222.22
+									</view>
+									<view class="middle-heng-father">
+			
+										<image class="middle-ball-img" src="/static/index/requestform/isok.png" />
+									</view>
+									<view class="end-font">
+										<view>
+											采购
+										</view>
+										<view>
+											[ 2222.2222.22 ]
+										</view>
+									</view>
+								</view>
+								<view class="pls-card-middle-one">
+									<view class="middle-title" :style=" v?.cgdType=='9' ?{color:`#FF5757`}:{}">
+										2026.03.03
+										<!--{{ v?.cgdType=='9' ?v.zfTime?.slice(0,10).replace(/-/g, '.'):Number(v.status)<1?``:v.jhTime?.slice(0,10).replace(/-/g, '.') }}-->
+									 </view> 
+									<view class="middle-heng-father">
+										<image class="middle-ball-img" style="width: 32rpx;height: 32rpx;"
+											v-if="v?.cgdType=='9'" src="/static/index/requestform/iserror.png" />
+										<view class="middle-ball" style="background-color: #1083F8;"
+											:style=" v?.cgdType=='9' ?{backgroundColor:`#FF5757`}:{}"
+											v-else-if="Number(v.status)<2"></view>
+										<image class="middle-ball-img" v-else src="/static/index/requestform/isok.png" />
+			
+									</view>
+									<view class="end-font">
+										<view :style=" v?.cgdType=='9' ?{color:`#FF5757`}:{}">
+											{{ v?.cgdType=='9' ?`已作废`:`拣货` }}
+			
+										</view>
+										<view v-if="v?.jhBy || v?.zfBy" :style=" v?.cgdType=='9' ?{color:`#FF5757`}:{}">
+											2026.03.03
+											<!--{{ Number(v.status)>0||v?.cgdType=='9'? "[ " +  (v?.cgdType=='9' ?v?.zfBy:v?.jhBy )+ " ]":"" }}-->
+										</view>
+									</view>
+								</view>
+								<view class="pls-card-middle-one">
+									<view class="middle-title">
+										<!-- {{ v.wjTime?.slice(0,10).replace(/-/g, '.') }} -->
+										2026.03.03
+									</view>
+									<view class="middle-heng-father">
+										<view class="middle-ball" v-if="Number(v.status)<2"></view>
+										<image class="middle-ball-img" v-else src="/static/index/requestform/isok.png" />
+			
+			
+									</view>
+									<view class="end-font">
+										<view>
+											完结
+										</view>
+										<view v-if="Number(v.status)>1 && v.wjBy ">
+											2026.03.03
+										</view>
+									</view>
+								</view>
+							</view>
+							<view class="pls-card-end">
+								<view class="end-left">
+									<image class="end-left-img" src="/static/shili.png" />
+									<view class="end-left-font">
+										{{ v.gysName }}
+									</view>
+								</view>
+								<view :class="v?.cgdType=='9' ?`tag-fail`:`tag-success`">
+			
+									{{ v?.cgdType=='9' ?`已作废`:2222 }}
+								</view>
+							</view>
+						</view>
+						<view class="pls-card center" style="border-color: #fff;" v-if="plsbuy.length===1&&!shownomessage">
+							<view class="que">
+								<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
+								<view>暂无数据</view>
+							</view>
+						</view>
+						<view class="pls-card center" style="border-color: #fff;" v-if="plsbuy.length===1&&!shownomessage">
+							<view class="que">
+								<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
+								<view>暂无数据</view>
+							</view>
+						</view>
+						<view class="pls-card center" style="border-color: #fff;" v-if="plsbuy.length===2&&!shownomessage">
+							<view class="que">
+								<image src="/static/index/procurement/que.png" mode="aspectFill"></image>
+								<view>暂无数据</view>
+							</view>
+						</view>
+					</scroll-view>
+				</view>
+			</view>
+			<view class="rightscon">
+				<contright></contright>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup lang="ts">
+	 import { ref, onMounted, reactive, onBeforeUnmount, computed, nextTick, defineComponent, inject, watch } from 'vue';
+	 import contright from './component/contright.vue';
+	 const transition = ref(false)
+	 const leftscrolltop = ref(0)
+	 const tagsarray = ref(["全部", "待确认", "待完结", "待付款", "已完成"])
+	 const selectType = ref(0)
+	 const changetype = (index : number) => {
+	 	if ((selectType.value == index) && index) {
+	 		return
+	 	}
+			selectType.value = index
+	 	leftscrolltop.value = 0.01
+	 	setTimeout(() => {
+	 		leftscrolltop.value = 0
+	 	}, 50)
+	 // 	lefttarget.value = 0
+	 // 	plzinfo.pageNo = 1;
+	 // 	plzinfo.canpull = true;
+	 // 	switch (index) {
+	 // 		case 0:
+	 // 			plzinfo.status = `1,2,4,5`
+	 // 			break
+	 // 		case 1:
+	 // 			plzinfo.status = `1`
+	 // 			break
+	 // 		case 2:
+	 // 			plzinfo.status = `4`
+	 // 			break
+	 // 		case 3:
+	 // 			plzinfo.status = `5`
+	 // 			break
+	 // 		case 4:
+	 // 			plzinfo.status = `2`
+	 // 			break
+	 // 	}
+	 }
+	 const props = defineProps({
+	 	isShow: {
+	 		type: Boolean
+	 	},
+	 });
+	 watch(
+	 	() => props.isShow,
+	 	(newVal, oldVal) => {
+	 		if (!oldVal && newVal) {
+	 			transition.value = false;
+	 			setTimeout(() => {
+	 				transition.value = true;
+	 			}, 50)
+	 		} else {
+	 			transition.value = false;
+	 		}
+	 			console.log(transition.value)
+	 	}
+	 )
+	 const search = () => {}
+	 const plzinfo = reactive({
+	 	nuId: uni.getStorageSync('nuId'),
+	 	pageNo: 1,
+	 	pageSize: 30,
+	 	canpull: true,
+	 	cgdParamInfo: ""
+	 })
+	 const setout = ref(true)
+	 let times = null
+	 const plsbuytolower = () => {
+	 	if (!setout.value) { return }
+	 	plzinfo.pageNo++;
+	 	// getqueryCgdList()
+	 	setout.value = false
+	 	times = setTimeout(() => {
+	 		setout.value = true
+	 	}, 500)
+	 }
+	 const plsbuy = ref([{cgdType:9},{},{}])
+	 const lefttarget = ref(0)
+	 const basePath = '/static/index/procurement/' // 图片公共路径
+	 const imgNormal = basePath + 'sh.png'
+	 const imgActive = basePath + 'shr.png'
+	 
+	 const imgSrc = ref(imgNormal)
+	 const busy = ref(false) // 防止重复点击造成多个定时器
+	 
+	 function handleClick() {
+	 	if (busy.value) return
+	 	busy.value = true
+	 	// 切换到 active 图
+	 	imgSrc.value = imgActive
+	 	setTimeout(() => {
+	 		imgSrc.value = imgNormal
+	 		busy.value = false
+	 	}, 300)
+	 }
+</script>
+
+<style lang="less" scoped>
+	.rightscon{
+		width: 62.5vw;
+		height: 60.4vw;
+		background: #FFFFFF;
+		border-radius: 1.6vw;
+		margin-left: 1vw;
+	}
+	.left-selecttype {
+		margin-top: 8rpx;
+		width: 98%;
+		height: 85rpx;
+		border-radius: 40rpx;
+		background-color: #FFFFFF;
+		display: flex;
+		padding-right: 30rpx;
+		padding-left: 15rpx;
+		position: relative;
+	
+	
+		.heng-blue {
+			position: absolute;
+			bottom: 0;
+			left: 50%;
+			transform: translateX(-50%);
+			width: 29rpx;
+			height: 7rpx;
+			border-radius: 10rpx;
+			background-color: #1083F8;
+			transition: 0.3s all ease;
+	
+		}
+	
+		.selecttype {
+			width: 20%;
+			height: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			color: #999999;
+			font-size: 29rpx;
+			position: relative;
+	
+		}
+	
+		.selecttype-target {
+			width: 20%;
+			height: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			color: #222222;
+			font-size: 29rpx;
+			font-weight: 600;
+			position: relative;
+		}
+	}
+.contain {
+		background-color: #f4f4f4;
+		// background-color:red;
+		width: 91vw;
+		height: 100vh;
+		padding: 0 0 0 1.1vw;
+		display: flex;
+		// overflow: hidden;
+
+		.contain-left {
+			height: 100vh;
+			width: 26vw;
+			overflow: hidden;
+			// background-color: green;
+
+			.title-input-father {
+				height: 6vh;
+				width: 100%;
+				display: flex;
+				align-items: center;
+				position: relative;
+
+				.title-ball {
+					width: 5.3vh;
+					height: 5.3vh;
+					border-radius: 50%;
+					margin-left: 10rpx;
+					background-color: #fff;
+					border: 2rpx solid #D9DADC;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+
+					.title-ball-img {
+						width: 55%;
+						height: 55%;
+					}
+				}
+
+				.title-input {
+					width: 19vw;
+					height: 5.1vh;
+					background-color: #fff;
+					font-size: 27.5rpx;
+					padding-left: 26rpx;
+					border-radius: 40rpx;
+					padding-top: 2rpx;
+					border: 2rpx solid #C9C9C9;
+				}
+
+				.title-input-button {
+					width: 20%;
+					margin-left: 2%;
+					height: 5vh;
+					border-radius: 40rpx;
+					font-size: 28rpx;
+					background-color: #fff;
+					border: 0.5rpx solid #D9DADC;
+					color: #555555;
+					display: flex;
+					justify-content: center;
+					align-items: center;
+					// box-shadow: 0 2rpx 6rpx rgba(0, 0, 0, 0.1);
+				}
+
+			}
+
+			.left-menu-father {
+				margin-top: 1.3vh;
+				width: 100%;
+				height: 89.5vh;
+				// background-color: #fff;
+				border-radius: 1.6vw;
+
+				.left-menu-scroll {
+					height: 100%;
+					width: 100%;
+
+					.pls-card {
+						width: 100%;
+						height: 386rpx;
+						border: #0f9fff 4rpx solid;
+						background-color: #fff;
+						border-radius: 40rpx;
+						margin-bottom: 18rpx;
+						padding: 0 30rpx;
+						position: relative;
+
+						.pls-card-title {
+							height: 7vh;
+							width: 100%;
+							display: flex;
+							justify-content: space-between;
+							align-items: center;
+							margin-top: 5rpx;
+
+							.title-left {
+								font-weight: 600;
+								font-size: 35rpx;
+								color: #222222;
+							}
+
+							.title-right {
+								display: flex;
+								align-items: flex-end;
+								font-size: 30rpx;
+								position: relative;
+
+								.title-right-big {
+									font-weight: 600;
+									font-size: 40rpx;
+									margin-right: 35rpx;
+									color: #555555;
+								}
+
+								.title-right-img {
+									position: absolute;
+									right: -10rpx;
+									bottom: 6rpx;
+									width: 40rpx;
+									height: 40rpx;
+									filter: brightness(0.8);
+								}
+							}
+						}
+
+						.pls-card-middle {
+							width: 100%;
+							height: 11vh;
+							margin-top: 1vh;
+							position: relative;
+							display: flex;
+
+							.middle-heng {
+								position: absolute;
+								left: 4%;
+								top: 35%;
+								transform: translateY(-35%);
+								width: 92%;
+								height: 2px;
+								/* 虚线粗细 */
+								background-image: repeating-linear-gradient(to right,
+										#E5E5E5 0,
+										#E5E5E5 6px,
+										transparent 6px,
+										transparent 10px);
+
+							}
+
+							.pls-card-middle-one {
+								width: 33.3%;
+								height: 100%;
+
+								// background-color: yellow;
+								.middle-title {
+									width: 100%;
+									height: 2.1vh;
+									// background-color: #007CFF;
+									color: #888888;
+									text-align: center;
+									font-size: 25rpx;
+								}
+
+								.middle-heng-father {
+									width: 100%;
+									height: 4vh;
+									position: relative;
+
+									.middle-ball-img {
+										width: 35rpx;
+										height: 35rpx;
+										position: absolute;
+										top: 50%;
+										left: 50%;
+										transform: translate(-50%, -50%);
+									}
+
+									.middle-ball {
+										width: 20rpx;
+										height: 20rpx;
+										background-color: #EEEEEE;
+										position: absolute;
+										top: 50%;
+										left: 50%;
+										transform: translate(-50%, -50%);
+										border-radius: 50%;
+									}
+								}
+
+								.end-font {
+									width: 100%;
+									height: 6vh;
+									text-align: center;
+									color: #666666;
+									overflow: hidden;
+									text-overflow: ellipsis;
+									white-space: nowrap;
+									font-size: 25rpx;
+								}
+							}
+						}
+
+						.pls-card-end {
+							width: 100%;
+							height: 7vh;
+							margin-top: 1vh;
+							display: flex;
+							justify-content: space-between;
+							position: relative;
+
+							.end-left {
+								height: 100%;
+								display: flex;
+								align-items: center;
+
+								.end-left-img {
+									width: 30rpx;
+									height: 30rpx;
+								}
+
+								.end-left-font {
+									margin-top: 3rpx;
+									width: 350rpx;
+									// background-color: #007CFF;
+									// font-size: 26rpx;
+									color: #666666;
+									margin-left: 10rpx;
+									overflow: hidden;
+									white-space: nowrap;
+									text-overflow: ellipsis;
+								}
+							}
+
+							.tag-fail {
+								width: 120rpx;
+								height: 50rpx;
+								border-radius: 30rpx;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								background-color: #FDEBEC;
+								color: #FF5757;
+								border: 1rpx solid #FF5757;
+								position: absolute;
+								right: -5rpx;
+								bottom: 20rpx;
+							}
+
+							.tag-success {
+								width: 120rpx;
+								height: 50rpx;
+								border-radius: 30rpx;
+								display: flex;
+								align-items: center;
+								justify-content: center;
+								background-color: #ECF6FF;
+								border: 1rpx solid #0385FA;
+								color: #1083F8;
+								position: absolute;
+								right: -5rpx;
+								bottom: 20rpx;
+							}
+						}
+					}
+				}
+			}
+		}
+	}
+	.haventmessage {
+		width: 100%;
+		height: 51.9vw;
+		background-color: #fff;
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		border-radius: 1.6vw;
+		margin-top: 0.7vw;
+	}
+	
+	.que {
+		width: 10vw;
+		height: 10vw;
+		// margin: auto;
+	
+		image {
+			width: 100%;
+			height: 100%;
+		}
+	
+		view {
+			margin-top: -30rpx;
+			width: 100%;
+			text-align: center;
+			font-weight: 300;
+			font-size: 1.2vw;
+			color: #555555;
+		}
+	}
+</style>
diff --git a/static/index/procurement/sx.png b/static/index/procurement/sx.png
index b82f262..6ae1481 100644
Binary files a/static/index/procurement/sx.png and b/static/index/procurement/sx.png differ
diff --git a/static/three/cgd.png b/static/three/cgd.png
new file mode 100644
index 0000000..37a2b5e
Binary files /dev/null and b/static/three/cgd.png differ
diff --git a/static/three/cgd1.png b/static/three/cgd1.png
new file mode 100644
index 0000000..29775ee
Binary files /dev/null and b/static/three/cgd1.png differ
diff --git a/static/three/jh.png b/static/three/jh.png
new file mode 100644
index 0000000..f3829cb
Binary files /dev/null and b/static/three/jh.png differ
diff --git a/static/three/jh1.png b/static/three/jh1.png
new file mode 100644
index 0000000..86e4690
Binary files /dev/null and b/static/three/jh1.png differ
diff --git a/static/three/sxd.png b/static/three/sxd.png
new file mode 100644
index 0000000..1aca307
Binary files /dev/null and b/static/three/sxd.png differ
diff --git a/static/three/sxd1.png b/static/three/sxd1.png
new file mode 100644
index 0000000..cee16fa
Binary files /dev/null and b/static/three/sxd1.png differ