feat: #照片库管理 - 照片商品管理，编辑弹框时把所有规则图片列出来

src/views/photoManagement/imageGoodsManagement/index.vue

@@ -39,12 +39,17 @@ export default {
           name: '上传位置',
           minWidth: this.$col.b,
           render: (h, { row }) =>
-            h('span', `${row.kindergartenName}/${row.activityName}`)
+            h(
+              'span',
+              `${row.kindergartenName}${
+                row.activityName ? '/' + row.activityName : ''
+              }`
+            )
         },
         {
           key: 'listPreview',
           name: '图片',
-          width: this.$col.b,
+          minWidth: this.$col.b,
           render: (h, { row }) => {
             if (!row.listPreview) {
               return h('span', '图片正在处理中请稍等...');

src/views/photoManagement/imageGoodsManagement/modal/ItemModal.vue

@@ -10,8 +10,8 @@
       }
     "
   >
-    <el-form ref="form" :model="form" :rules="rules" label-width="100px">
-      <el-form-item label="图片"
+    <el-form ref="form" :model="form" :rules="rules" label-width="140px">
+      <el-form-item label="列表预览图图片"
         ><img
           :src="form.listPreview"
           class="pre-img"
@@ -23,6 +23,42 @@
           "
         />
       </el-form-item>
+      <el-form-item label="详情页面预览图图片"
+        ><img
+          :src="form.detailPreview"
+          class="pre-img"
+          @click="
+            () =>
+              this.$AdvanceViewImageModal({
+                items: [{ src: form.detailPreview }]
+              })
+          "
+        />
+      </el-form-item>
+      <el-form-item label="原图"
+        ><img
+          :src="form.originPhoto"
+          class="pre-img"
+          @click="
+            () =>
+              this.$AdvanceViewImageModal({
+                items: [{ src: form.originPhoto }]
+              })
+          "
+        />
+      </el-form-item>
+      <el-form-item label="高清图"
+        ><img
+          :src="form.hdLogoPhoto"
+          class="pre-img"
+          @click="
+            () =>
+              this.$AdvanceViewImageModal({
+                items: [{ src: form.hdLogoPhoto }]
+              })
+          "
+        />
+      </el-form-item>
 
       <el-form-item label="高清价格图">
         <el-input-number
@@ -156,4 +192,8 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped></style>
+<style lang="scss" scoped>
+.pre-img {
+  height: 80px;
+}
+</style>

src/views/photoManagement/photoVerifyManagement/index.vue

@@ -36,12 +36,17 @@ export default {
           name: '上传位置',
           minWidth: this.$col.b,
           render: (h, { row }) =>
-            h('span', `${row.kindergartenName}/${row.activityName}`)
+            h(
+              'span',
+              `${row.kindergartenName}${
+                row.activityName ? '/' + row.activityName : ''
+              }`
+            )
         },
         {
           key: 'listPreview',
           name: '图片',
-          width: this.$col.b,
+          minWidth: this.$col.b,
           render: (h, { row }) => {
             if (!row.listPreview) {
               return h('span', '图片正在处理中请稍等...');

src/views/photographerManagement/photoVerify/index.vue

@@ -40,12 +40,17 @@ export default {
           name: '上传位置',
           minWidth: this.$col.b,
           render: (h, { row }) =>
-            h('span', `${row.kindergartenName}/${row.activityName}`)
+            h(
+              'span',
+              `${row.kindergartenName}${
+                row.activityName ? '/' + row.activityName : ''
+              }`
+            )
         },
         {
           key: 'listPreview',
           name: '图片',
-          width: this.$col.b,
+          minWidth: this.$col.b,
           render: (h, { row }) => {
             if (!row.listPreview) {
               return h('span', '图片正在处理中请稍等...');