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

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