feat: 配件选择API对接

src/common/api/parts.js

 let partsApiFun = function(vm){
 	// 接口公共前缀
 	const prefix = '/wxh-worker-rest/rest/'
-	let coverage = '/wxh-worker-rest/rest/coverage/' 
-	let parts = '/wxh-worker-rest/rest/parts/'
+	const coverage = '/wxh-worker-rest/rest/coverage/' 
+	const parts = '/wxh-worker-rest/rest/parts/'
+	const base = '/wxh-worker-rest/rest/base/'
 	
 	/**
 	 * 配件申请单-查询网点地址信息
 	 */
 	let getSiteAddress = async () => await vm.$u.get(coverage + vm.vuex_token + '/getSiteAddress');
+	/**
+	 * 配件过滤-品类列表
+	 */
+	let getCategoryList = async () => await vm.$u.get(base + vm.vuex_token + '/allow/category/list');
+	/**
+	 * 配件过滤-品牌列表
+	 */
+	let getBrandList = async (params = {}) => await vm.$u.get(base + vm.vuex_token + '/allow/brand/list', params);
+	 /**
+	 * 查询配件列表
+	 */
+	let getPartsList = async (params = {}) => await vm.$u.get(parts + vm.vuex_token + '/parts', params);
 	
 	const partsApi = {
-		getSiteAddress
+		getSiteAddress,
+		getCategoryList,
+		getBrandList,
+		getPartsList
 	}
 	return partsApi
 }

src/components/select-parts/adjust.md

@@ -18,7 +18,7 @@
 ```json
 {
   "name": "正泰漏保", // 配件名称
-  "num": 1, // 配件数量
+  "quantity": 1, // 配件数量
   "min": 1, // 数量最小值
   "max": 100 // 数量最大值
 }
@@ -56,14 +56,14 @@ export default {
         {
           id: 1,
           name: "正泰漏保",
-          num: 1,
+          quantity: 1,
           min: 1,
           max: 100,
         },
         {
           id: 1,
           name: "挚达广汽充电桩",
-          num: 3,
+          quantity: 3,
           min: 1,
           max: 5,
         },

src/components/select-parts/adjust.vue

@@ -5,7 +5,7 @@
         {{info.name}}
       </view>
       <view class="num">
-        <u-number-box v-if="!disabled" v-model="info.num" :min="info.min || 0" :max="info.max || info.num" @change="numChange"></u-number-box>
+        <u-number-box v-if="!disabled" v-model="info.quantity" :min="info.min || 0" :max="info.max || info.quantity" @change="numChange"></u-number-box>
         <text class="nums" v-else>x{{ info.num || 1 }}</text>
       </view>
     </view>

src/components/select-parts/index.md

@@ -19,12 +19,12 @@
 {
   id: 1,
   name: "正泰漏保", // 名称
-  no: 'NO.202006170015', // 编号
-  desc: '这个空开盒子和其他的空开有什么不一样，这里可以写一下', // 描述
-  num: 1, // 默认数量
+  code: 'NO.202006170015', // 编号
+  remark: '这个空开盒子和其他的空开有什么不一样，这里可以写一下', // 描述
+  quantity: 1, // 默认数量
   min: 1, // 数量最小值
   max: 100, // 数量最大值
-  img: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png", // 图片
+  images: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png", // 图片
   checked: false, // 是否勾选
   disabled: true // 是否禁用数量调整，如果禁用则会显示添加申请按钮
 }
@@ -66,24 +66,24 @@ export default {
         {
             id: 1,
             name: "正泰漏保",
-            no: 'NO.202006170015',
-            desc: '这个空开盒子和其他的空开有什么不一样，这里可以写一下',
-            num: 1,
+            code: 'NO.202006170015',
+            remark: '这个空开盒子和其他的空开有什么不一样，这里可以写一下',
+            quantity: 1,
             min: 1,
             max: 100,
-            img: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png",
+            image: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png",
             checked: false,
             disabled: true
           },
           {
             id: 1,
             name: "挚达广汽充电桩",
-            no: 'NO.202006170014',
-            desc: '这个空开盒子和其他的空开有什么不一样，这里可以写一下',
-            num: 3,
+            code: 'NO.202006170014',
+            remark: '这个空开盒子和其他的空开有什么不一样，这里可以写一下',
+            quantity: 3,
             min: 1,
             max: 5,
-            img: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png",
+            image: "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png",
             checked: false,
             disabled: true
           },

src/components/select-parts/index.vue

@@ -5,17 +5,17 @@
     </view>
     <view class="u-flex right">
       <view class="right-img">
-        <u-image :src="info.img" width="200rpx" height="200rpx" />
+        <u-image :src="info.images" width="200rpx" height="200rpx" />
       </view>
       <view class="u-flex right-content">
         <view class="right-content-name">{{ info.name }}</view>
-        <view class="right-content-desc">{{ info.desc }}</view>
+        <view class="right-content-desc">{{ info.remark }}</view>
         <view class="u-flex right-content-opera">
           <view class="no">
-            {{ info.no }}
+            {{ info.code }}
           </view>
           <view class="num">
-            <u-number-box v-if="!info.disabled" v-model="info.num" :min="info.min || 0" :max="info.max || info.num" @change="numChange"></u-number-box>
+            <u-number-box v-if="!info.disabled" v-model="info.quantity" :min="info.min || 0" :max="info.max || info.quantity" @change="numChange"></u-number-box>
             <u-button v-if="info.disabled" type="primary" size="mini" shape="circle" @click="addApply">加入申请</u-button>
           </view>
         </view>