perf(order):勘查材料信息优化调整

package.json

@@ -11,7 +11,7 @@
 	"dependencies": {
 		"@dcloudio/uni-app-plus": "^2.0.0-31820210406002",
 		"@dcloudio/uni-h5": "^2.0.0-31820210406002",
-		"@dcloudio/uni-helper-json": "*",
+		"@dcloudio/uni-helper-json": "^1.0.13",
 		"@dcloudio/uni-i18n": "^2.0.0-31820210406002",
 		"@dcloudio/uni-mp-360": "^2.0.0-31820210406002",
 		"@dcloudio/uni-mp-alipay": "^2.0.0-31820210406002",

src/common/index.scss

@@ -35,3 +35,31 @@ display:none;
 		width: 460rpx;
 	}
 }
+
+
+$w-main-color: #333333;
+$w-type-primary: #2272FF;
+$w-type-warning: #ff9900;
+$w-type-success: #19be6b;
+$w-type-error: #FA5A49 ;
+$w-type-info: #999999;
+$u-content-color: #333333;
+
+.w-main-color {
+	color: $w-main-color;
+}
+.w-content-color {
+	color: $w-main-color;
+}
+.w-primary-color {
+	color: $w-type-primary;
+}
+.w-warning-color {
+	color: $w-type-warning;
+}
+.w-success-color {
+	color: $w-type-success;
+}
+.w-error-color {
+	color: $w-type-error;
+}

src/components/createCom/XhServiceMore.vue

 <!-- *******************  输入框  *******************  -->
 <template>
-	<view>
-		<view class="list u-flex item-row-between">
-			<view class="item-title">
-				<image class="item-image" :src="mixingImage" v-if="item.required"></image>
-				<view class="u-m-r-20">{{item.fieldsTitle}}</view>
-			</view>
-			<view class="location-name" @click="toMaterialPage">
-				<text class="arrow-text">{{arrowText}}</text>
-				<u-icon name="arrow-right" color="#2979ff" size="30"></u-icon>
-			</view>
-		</view>
-		<!-- <view class="u-flex-1 location">{{valueTxt || '正在获取中...'}}</view> -->
-	</view>
+  <view>
+    <view class="list u-flex item-row-between">
+      <view class="item-title">
+        <image
+          class="item-image"
+          :src="mixingImage"
+          v-if="item.required"
+        ></image>
+        <view class="u-m-r-20">{{ item.fieldsTitle }}</view>
+        <view class="u-m-r-20 w-error-color" v-show="item.subtitle">{{
+          item.subtitle
+        }}</view>
+      </view>
+      <view class="location-name" @click="toMaterialPage">
+        <text class="arrow-text">{{ arrowText }}</text>
+        <u-icon name="arrow-right" color="#2979ff" size="30"></u-icon>
+      </view>
+    </view>
+    <!-- <view class="u-flex-1 location">{{valueTxt || '正在获取中...'}}</view> -->
+  </view>
 </template>
 
 <script>
-	import arrMixin from './arrMixin'
-	export default {
-		name: 'XhInput', // 新建 input
-		components: {},
-		mixins: [arrMixin],
-		props: {
-			placeholder: {
-				type: String,
-				default: '请输入'
-			},
-			orderId: {
-				type: String,
-				default: '请输入'
-			},
-		},
-		data() {
-			return {
-				maxlength: 140,
-			}
-		},
-		computed: {
-			mixingImage() {
-				return process.uniEnv.qn_base_url + 'mixing.png'
-			},
-			arrowText() {
-				return this.dataValue && this.dataValue.length > 0 ? '已选择' : '请选择'
-			}
-		},
-		watch: {},
-		mounted() {},
-		methods: {
-			toMaterialPage(){
-				let self = this
-				uni.navigateTo({
-					url: 'pages/order/material?orderId='+this.orderId + '&fieldName='+ this.item.fieldsName,
-					// 接口调用成功的回调函数，即跳转到B页面 test.vue 后的回调函数
-					success: function(res) {
-						// 通过eventChannel向被打开页面传送数据
-						res.eventChannel.emit('showMaterialData', self.dataValue);
-					}
-
-				})
-			},
-		}
-	}
+import arrMixin from "./arrMixin";
+export default {
+  name: "XhInput", // 新建 input
+  components: {},
+  mixins: [arrMixin],
+  props: {
+    placeholder: {
+      type: String,
+      default: "请输入",
+    },
+    orderId: {
+      type: String,
+      default: "请输入",
+    },
+  },
+  data() {
+    return {
+      maxlength: 140,
+    };
+  },
+  computed: {
+    mixingImage() {
+      return process.uniEnv.qn_base_url + "mixing.png";
+    },
+    arrowText() {
+      return this.dataValue && this.dataValue.length > 0 ? "已选择" : "请选择";
+    },
+  },
+  watch: {},
+  mounted() {},
+  methods: {
+    toMaterialPage() {
+      let self = this;
+      uni.navigateTo({
+        url:
+          "pages/order/material?orderId=" +
+          this.orderId +
+          "&fieldName=" +
+          this.item.fieldsName,
+        // 接口调用成功的回调函数，即跳转到B页面 test.vue 后的回调函数
+        success: function (res) {
+          // 通过eventChannel向被打开页面传送数据
+          res.eventChannel.emit("showMaterialData", self.dataValue);
+        },
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss" scoped>
-	.required {
-		padding-right: 10rpx;
-		font-size: 28rpx;
-		line-height: 40rpx;
-		color: #fa3534;
-	}
-	.item-image {
-		width: 24rpx;
-		height: 24rpx;
-		margin-right: 10rpx;
-	}
-	.item-row-between {
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
-		.item-title {
-			display: flex;
-			font-size: 26rpx;
-			color: #333333;
-			align-items: center;
-		}
-		.location-name {
-			color: #2272FF;
-			text-align: right;
-			font-size: 26rpx;
-			display: flex;
-			align-items: center;
-			.arrow-text {
-				margin-right: 6rpx;
-			}
-		}
-	}
-
+.required {
+  padding-right: 10rpx;
+  font-size: 28rpx;
+  line-height: 40rpx;
+  color: #fa3534;
+}
+.item-image {
+  width: 24rpx;
+  height: 24rpx;
+  margin-right: 10rpx;
+}
+.item-row-between {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  .item-title {
+    display: flex;
+    font-size: 26rpx;
+    color: #333333;
+    align-items: center;
+  }
+  .location-name {
+    color: #2272ff;
+    text-align: right;
+    font-size: 26rpx;
+    display: flex;
+    align-items: center;
+    .arrow-text {
+      margin-right: 6rpx;
+    }
+  }
+}
 
-	.location {
-		background: #F4F5F7;
-		padding: 10rpx 20rpx;
-		border-radius: 12rpx;
-	}
+.location {
+  background: #f4f5f7;
+  padding: 10rpx 20rpx;
+  border-radius: 12rpx;
+}
 </style>