debug

杨泽宇
1 parent a561a5a8
Showing 2 changed files with 18 additions and 4 deletions
src/components/Photowall/index.vue
src/views/repair/edit.vue
@@ -21,6 +21,7 @@ import type {
  * @prop {array} fileList 默认显示的图片
  * @prop {array<string>} formats 允许上传的图片格式
  * @prop {number | null} maxSize 允许上传的最大图片尺寸 default = 1 means 1MB
+ * @prop {boolean} r 是否只读（用来判断+按钮是否显示）
  */
 interface Props {
   tagName?: string;
@@ -30,12 +31,14 @@ interface Props {
   formats?: string[];
   tip?: string;
   fileList?: string[];
+  r?: boolean;
 }
 const props = withDefaults(defineProps<Props>(), {
   tagName: "",
   moduleName: "test",
   limit: 9,
   maxSize: 1,
+  r: false,
   fileList: () => [],
   formats: () => [
     "image/jpeg",
@@ -104,10 +107,10 @@ const handleAvatarSuccess = (
   file: ElFile,
   fileList: ElFile[]
 ) => {
-  console.log(fileList)
+  console.log(fileList);
   emit(
     "finish",
-    fileList.map((item) => item.response? item.response.data: item.url),
+    fileList.map((item) => (item.response ? item.response.data : item.url)),
     props.tagName
   );
 };
@@ -120,7 +123,7 @@ const handleAvatarSuccess = (
 const handleRemove = (file: ElFile, fileList: ElFile[]) => {
   emit(
     "finish",
-    fileList.map((item) => item.response? item.response.data: item.url),
+    fileList.map((item) => (item.response ? item.response.data : item.url)),
     props.tagName
   );
 };
@@ -143,10 +146,11 @@ const emit = defineEmits&lt;{
     :on-success="handleAvatarSuccess"
     :on-remove="handleRemove"
     :before-upload="beforeAvatarUpload"
+    :class="props.r ? 'photo-wall' : ''"
   >
     <el-icon><plus /></el-icon>
   </el-upload>
-  <div class="tip">{{ props.tip }}</div>
+  <div class="tip">{{ props.tip }} {{ props.r }}</div>
   <el-dialog v-model="dialogVisible" title="图片预览">
     <div style="text-align: center">
       <el-image
@@ -157,3 +161,12 @@ const emit = defineEmits&lt;{
     </div>
   </el-dialog>
 </template>
+
+<style lang="scss">
+// 开启只读属性，不显示+按钮
+.photo-wall {
+  .el-upload--picture-card {
+    display: none;
+  }
+}
+</style>
@@ -306,6 +306,7 @@ onMounted(() =&gt; {
             @finish="handleFinish"
             moduleName="repair"
             :limit="3"
+            :r="form.dataType === 'edit'"
             tip="最多可以上传3张图片，单张图片大小不可超过1MB"
             :fileList="form.publicityPic"
           ></Photowall>