fix

src/pages/batchimport/index.jsx

@@ -8,11 +8,12 @@ import { AtImagePicker } from "taro-ui";
 import request, { uploadFiles } from "../../util/request";
 import uploadicon from "../../assets/uploadicon.png";
 import IsLogin from "../../layout/IsLogin";
+import "taro-ui/dist/style/components/flex.scss";
 
 const batchimport = props => {
   const [pageState, setPageState] = useState("1");
   const [labelList, setLabelList] = useState([]);
-  const [imgUrl, setImgUrl] = useState({});
+  const [imgUrl, setImgUrl] = useState([]);
   const [tagList, setTagList] = useState([]);
 
   let [arrList, setArrList] = useState({});
@@ -31,8 +32,12 @@ const batchimport = props => {
   };
 
   const onSave = e => {
-    const data = labelList.map(x => {
-      return { tagId: x.tagId, imageId: imgUrl.imageId };
+    let data = [];
+
+    imgUrl.map(item => {
+      labelList.map(x => {
+        data.push({ tagId: x.tagId, imageId: item.imageId });
+      });
     });
 
     request({ url: "/taMetaImageTag", data: data, method: "post" }).then(
@@ -71,11 +76,12 @@ const batchimport = props => {
   const onUpImage = () => {
     Taro.chooseImage({
       sourceType: ["album"],
+      count: 9,
       success: res => {
         const tempFilePaths = res.tempFilePaths;
-        uploadFiles(tempFilePaths, "/api/mp/taMetaImage").then(res => {
-          console.log(res, "uploadFiles");
-          setImgUrl(res[0]);
+
+        uploadFiles(tempFilePaths, "/api/mp/taMetaImage").then(res1 => {
+          setImgUrl(res1);
         });
       }
     });
@@ -105,13 +111,52 @@ const batchimport = props => {
           </View>
 
           <Text>照片</Text>
-          <View style={{ padding: "30px" }}>
-            <Image
-              className="guide-view-img"
-              style={{ width: imgUrl.image ? "100%" : "10%", height: "100%" }}
-              onClick={() => onUpImage()}
-              src={imgUrl.image || uploadicon}
-            ></Image>
+          <View>
+            {imgUrl.length === 0 && (
+              <Image
+                className="guide-view-img"
+                style={{ width: "10%", height: "100%" }}
+                onClick={() => onUpImage()}
+                src={uploadicon}
+              ></Image>
+            )}
+            {imgUrl.length > 0 && (
+              <View className="at-row at-row--wrap">
+                {imgUrl.map(x => {
+                  return (
+                    <View
+                      className="at-col at-col-3"
+                      style={{ padding: "3px", height: "94px" }}
+                    >
+                      <Image
+                        className="guide-view-img"
+                        style={{
+                          width: "100%",
+                          height: "100%"
+                        }}
+                        mode="aspectFit"
+                        onClick={() => onUpImage()}
+                        src={x.image}
+                      ></Image>
+                    </View>
+                  );
+                })}
+                <View
+                  className="at-col at-col-3"
+                  style={{ padding: "30px", height: "94px" }}
+                >
+                  <Image
+                    className="guide-view-img"
+                    style={{
+                      width: "100%",
+                      height: "100%"
+                    }}
+                    onClick={() => onUpImage()}
+                    src={uploadicon}
+                  ></Image>
+                </View>
+              </View>
+            )}
           </View>
 
           {/* <Tab value={['取消','']}  onClick={() => { Taro.navigateTo({ url: `/pages/label/edit/index` }) }} ></Tab> */}
@@ -138,9 +183,7 @@ const batchimport = props => {
                     list={item.taMateTagList}
                     onChange={e => onLabelChange(e, index)}
                     style={{ marginTop: "90rpx" }}
-                  >
-                    {" "}
-                  </Tags>
+                  ></Tags>
                 </View>
               );
             })}
@@ -151,9 +194,13 @@ const batchimport = props => {
             value={["取消", "选择"]}
             onClick={[
               e => {
-                setPageState("2");
+                Taro.navigateBack({
+                  delta: 1
+                });
               },
-              e => setPageState("2")
+              e => {
+                if (labelList.length > 0) setPageState("2");
+              }
             ]}
           ></Tab>
         </View>

src/pages/batchimport/index.scss

@@ -1,6 +1,6 @@
 // @import "~taro-ui/dist/style/components/image-picker.scss";
 // @import "~taro-ui/dist/style/components/icon.scss";
-
+@import "~taro-ui/dist/style/components/flex.scss";
 .batchimport {
   padding-top: 30rpx;