清运桶编码下拉

jnpf-java-boot/jnpf-web/src/views/recyclecleanorder/form.vue

@@ -83,6 +83,22 @@
               </jnpf-form-tip-item>
             </el-col>
             <el-col :span="8">
+              <jnpf-form-tip-item label="桶编号" prop="bucketCode">
+                <JnpfCascader
+                  v-model="dataForm.bucketCode"
+                  @change="changeData('bucketCode', -1)"
+                  placeholder="请选择"
+                  show-all-levels
+                  clearable
+                  :style="{ width: '100%' }"
+                  separator="/"
+                  :options="bucketCodeOptions"
+                  :props="bucketCodeProps"
+                >
+                </JnpfCascader>
+              </jnpf-form-tip-item>
+            </el-col>
+            <!-- <el-col :span="8">
               <jnpf-form-tip-item label="桶编码" prop="bucketCode">
                 <JnpfInput
                   v-model="dataForm.bucketCode"
@@ -93,7 +109,7 @@
                 >
                 </JnpfInput>
               </jnpf-form-tip-item>
-            </el-col>
+            </el-col> -->
             <el-col :span="8">
               <jnpf-form-tip-item label="门号" prop="doorNum">
                 <JnpfSelect
@@ -533,7 +549,7 @@ export default {
             message: "请输入",
             trigger: "blur"
           }
-        ],
+        ]
         // tenantId: [
         //   {
         //     required: true,
@@ -577,7 +593,18 @@ export default {
       interfaceRes: {
         orderNo: [],
         deviceCode: [],
-        bucketCode: [],
+        bucketCode: [
+          {
+            dataType: "varchar",
+            defaultValue: "",
+            field: "device_code",
+            fieldName: "",
+            id: "ow3vw72",
+            jnpfKey: "select",
+            relationField: "deviceCode",
+            required: "0"
+          }
+        ],
         doorNum: [],
         productCode: [],
         productSubCode: [
@@ -622,6 +649,12 @@ export default {
         { fullName: "12号", id: "12" }
       ],
       doorNumProps: { label: "fullName", value: "id" },
+      bucketCodeOptions: [],
+      bucketCodeProps: {
+        label: "show_name",
+        value: "bucket_code",
+        children: "children"
+      },
     };
   },
   computed: {
@@ -714,6 +747,40 @@ export default {
     dataAll() {
       this.getproductCodeOptions();
       this.getproductSubCodeOptions();
+      this.getbucketCodeOptions();
+    },
+    getbucketCodeOptions() {
+      const index = this.childIndex;
+      let templateJsonList = JSON.parse(
+        JSON.stringify(this.interfaceRes.bucketCode)
+      );
+      for (let i = 0; i < templateJsonList.length; i++) {
+        let json = templateJsonList[i];
+        if (json.relationField) {
+          let relationFieldAll = json.relationField.split("-");
+          let val = json.defaultValue;
+          if (relationFieldAll.length > 1 && index > -1) {
+            val =
+              this.dataForm[relationFieldAll[0] + "List"] &&
+              this.dataForm[relationFieldAll[0] + "List"].length
+                ? this.dataForm[relationFieldAll[0] + "List"][index][
+                    relationFieldAll[1]
+                  ]
+                : "";
+          } else {
+            val = this.dataForm[relationFieldAll];
+          }
+          json.defaultValue = val;
+        }
+      }
+      let template = {
+        paramList: templateJsonList
+      };
+      getDataInterfaceRes("565524506681020549", template).then(res => {
+        let data = res.data;
+        this.bucketCodeOptions = data;
+        this.changeDataFormData(1, "bucketCode", "bucketCode", index, []);
+      });
     },
     getproductCodeOptions() {
       const index = this.childIndex;