款式需求 数字字典添加相关字段

src/config/store/modules/base.js

@@ -97,6 +97,14 @@ const state = {
 	patternArray : [], //版型
 	basicCompany : [], //基本单位
 	materialNodeArray : [], //物料节点
+	clothWidthUnitArray: [], // 门幅单位
+	fabricWidthUnitArray: [], // 克重单位
+	developmentRulesArray: [], // 开发规则
+	productionArray: [], // 生产类别
+	priceFixedArray: [], // 价格定位
+	ageFixedArray: [], // 年龄定位
+	styleFixedArray: [], //风格定位
+	customerTypeArray: [], //客户类型
 	sizeArray:[] , //尺码
 	categoryArray: [], // 品类
 }
@@ -149,6 +157,38 @@ const getters = {
 	materialNodeDictionary:({materialNodeArray}) => {
 		return filterDictionaryLabelAndKey(materialNodeArray)
 	},
+	// 门幅单位
+	clothWidthUnitArrayDictionary: ({ clothWidthUnitArray }) => {
+		return filterDictionaryLabelAndKey(clothWidthUnitArray);
+	},
+	// 克重单位
+	fabricWidthUnitArrayDictionary: ({ fabricWidthUnitArray }) => {
+		return filterDictionaryLabelAndKey(fabricWidthUnitArray);
+	},
+	// 开发规则
+	clothWidthUnitArrayDictionary: ({ developmentRulesArray }) => {
+		return filterDictionaryLabelAndKey(developmentRulesArray);
+	},
+	// 生产类别
+	productionArrayDictionary: ({ productionArray }) => {
+		return filterDictionaryLabelAndKey(productionArray);
+	},
+	// 价格定位
+	priceFixedArrayDictionary: ({ priceFixedArray }) => {
+		return filterDictionaryLabelAndKey(priceFixedArray);
+	},
+	// 年龄定位
+	ageFixedArrayDictionary: ({ ageFixedArray }) => {
+		return filterDictionaryLabelAndKey(ageFixedArray);
+	},
+	// 风格定位
+	styleFixedArrayDictionary: ({ styleFixedArray }) => {
+		return filterDictionaryLabelAndKey(styleFixedArray);
+	},
+	// 客户类型
+	customerTypeArrayDictionary: ({ customerTypeArray }) => {
+		return filterDictionaryLabelAndKey(customerTypeArray);
+	}
 }
 
 const mutations = {
@@ -159,11 +199,13 @@ const actions = {
 		return new Promise((resolve,reject) => {
 			// 品牌  销售季 用料部位 工艺类型 工艺节点
 			// 生产类型、开发类型、销售类型、年份、系列、波段、版型、单位
-			// 物料节点
+			// 物料节点、门幅单位、克重单位、开发规则、 生产类别
+			// 价格定位、年龄定位、风格定位、客户类型
 			let codeList = [
 			  'brand','sale_season','material_position','technolog_type','technology_point',
 			  'production_type','style_type','sale_type','year','series','wave','pattern','base_unit',
-			  'material_node'
+			  'material_node','cloth_width_unit','fabric_width_unit','development_rules','production_list',
+			  'price_fixed','age_fixed','style_fixed','customer_type'
 			];
 			http('base.dictionary',{codeList}).then(res => {
 				let { code, data } = res;
@@ -182,6 +224,14 @@ const actions = {
 					state.patternArray = filterDictionary(data,"版型","pattern");
 					state.basicCompany = filterDictionary(data,"基本单位","base_unit");
 					state.materialNodeArray = filterDictionary(data,"物料节点","material_node");
+					state.clothWidthUnitArray = filterDictionary(data, '门幅单位', 'cloth_width_unit');
+					state.fabricWidthUnitArray = filterDictionary(data, '克重单位', 'fabric_width_unit');
+					state.developmentRulesArray = filterDictionary(data, '开发规则', 'development_rules');
+					state.productionArray = filterDictionary(data, '生产类别', 'production_list');
+					state.priceFixedArray = filterDictionary(data, '价格定位', 'price_fixed');
+					state.ageFixedArray = filterDictionary(data, '年龄定位', 'age_fixed');
+					state.styleFixedArray = filterDictionary(data, '风格定位', 'style_fixed');
+					state.customerTypeArray = filterDictionary(data, '客户类型', 'customer_type');
 					resolve();
 				}
 			}).catch(e => {

src/pages/home/styleEntrustment.vue

 <template>
 	<!-- 款式委托 -->
-	<view class="">
+	<view class="" style="position: relative;">
 		<u-navbar :is-back="true" :background="{ backgroundColor: '#F5F5F5' }" title="款式委托">
 			<template v-slot:right>
 				<view class="u-m-r-24"><u-icon name="search" size="38"></u-icon></view>
 			</template>
 		</u-navbar>
-		<view>
+		<view class="bg_img"></view>
+		<view class="content">
 			<!-- 总数 -->
 			<view class="u-m-b-30 entrus_sum u-flex justify-around text-center">
-				<view class="">
-					<view class="color_FA5353">123</view>
-					<view class="color_AF8D66">异常</view>
+				<view class="" @click="tabsCli(1)">
+					<view class="color_FA5353 u-font-48 hs-weight-500">123</view>
+					<view class="color_AF8D66 u-font-28 hs-weight-500">异常</view>
 				</view>
 				<view class="split_line"></view>
-				<view class="">
-					<view class="">123</view>
-					<view class="color_AF8D66">待寄样</view>
+				<view class="" @click="tabsCli(5)">
+					<view class="u-font-48 hs-weight-500">123</view>
+					<view class="color_AF8D66 u-font-28 hs-weight-500">待寄样</view>
 				</view>
 				<view class="split_line"></view>
-				<view class="">
-					<view class="">123</view>
-					<view class="color_AF8D66">待选款</view>
+				<view class="" @click="tabsCli(6)">
+					<view class="u-font-48 hs-weight-500">123</view>
+					<view class="color_AF8D66 u-font-28 hs-weight-500">待选款</view>
 				</view>
 			</view>
 			<!-- tabs -->
-			<u-sticky class="bd_rad"><u-tabs :list="list" font-size="28" :show-bar="false" active-color="#AF8D66" :current="current" @change="change"></u-tabs></u-sticky>
+			<u-sticky class="bd_rad" style="background: #fff;">
+				<u-tabs :list="list" font-size="28" :show-bar="false" active-color="#AF8D66" :current="current" @change="change"></u-tabs>
+			</u-sticky>
 			<!-- list -->
 			<view class="u-m-t-20 u-m-l-30 u-m-r-30 u-m-b-20">
 				<!-- v-for -->
@@ -94,6 +97,9 @@ export default {
 	methods: {
 		change(index) {
 			this.current = index;
+		},
+		tabsCli(v){
+			this.current = v
 		}
 	}
 };
@@ -116,12 +122,24 @@ export default {
 }
 </style>
 <style lang="scss" scoped>
+.bg_img {
+	position: absolute;
+	top: 0;
+	width: 100%;
+	height: 220px;
+	background-image: url(../../static/images/home/entrustment@2x.png);
+}
+.content {
+	position: absolute;
+	top: 220rpx;
+	width: 100%;
+}
 .entrus_sum {
 	height: 164rpx;
 	border-radius: 20rpx;
 	background: rgba(255, 255, 255, 0.8);
 	margin: 15px;
-	line-height: 1.8;
+	line-height: 1.5;
 }
 .bd_rad {
 	border-radius: 10rpx 10rpx 0 0;
@@ -157,7 +175,7 @@ export default {
 .bd_split_line {
 	width: 100%;
 	border-top: 1px solid #f6f6f6;
-	margin: auto;
+	padding: 0 20rpx;
 	position: relative;
 	&::before {
 		content: ' ';

src/static/style/common.scss

+// 定义字体(rpx)单位，大于或等于20的都为rpx单位字体
+@for $i from 40 through 100 {
+	.u-font-#{$i} {
+		font-size: $i + rpx;
+	}
+}
+
+@for $i from 500 through 900 {
+	.hs-weight-#{$i}{
+		font-weight: $i;
+	}
+}
\ No newline at end of file

src/static/style/index.scss

 @import 'uview-ui/index';
 
-
 @import './colorui';
 
 @import 'uview-ui/iconfont';
+@import './common.scss';
 
 .font-OPPOSANS {
 	font-family: OPPOSANS;