feat: add image publish function, ONLY published image show in image wall page

web/src/views/ImageMj.vue

@@ -424,6 +424,12 @@
 
                   <div class="remove">
                     <el-button type="danger" :icon="Delete" @click="removeImage(scope.item)" circle/>
+                    <el-button type="warning" v-if="scope.item.publish" @click="publishImage(scope.item, false)" circle>
+                      <i class="iconfont icon-cancel-share"></i>
+                    </el-button>
+                    <el-button type="success" v-else @click="publishImage(scope.item, true)" circle>
+                      <i class="iconfont icon-share-bold"></i>
+                    </el-button>
                   </div>
                 </div>
               </template>
@@ -442,7 +448,8 @@
 <script setup>
 import {onMounted, ref} from "vue"
 import {
-  ChromeFilled, Delete,
+  ChromeFilled,
+  Delete,
   DeleteFilled,
   DocumentCopy,
   InfoFilled,
@@ -744,6 +751,20 @@ const removeImage = (item) => {
   })
 }
 
+// 发布图片到作品墙
+const publishImage = (item, action) => {
+  let text = "图片发布"
+  if (action === false) {
+    text = "取消发布"
+  }
+  httpPost("/api/mj/publish", {id: item.id, action: action}).then(() => {
+    ElMessage.success(text + "成功")
+    item.publish = action
+  }).catch(e => {
+    ElMessage.error(text + "失败：" + e.message)
+  })
+}
+
 </script>
 
 <style lang="stylus">

web/src/views/ImageSd.vue

@@ -374,6 +374,13 @@
 
                   <div class="remove">
                     <el-button type="danger" :icon="Delete" @click="removeImage($event,scope.item)" circle/>
+                    <el-button type="warning" v-if="scope.item.publish" @click="publishImage($event,scope.item, false)"
+                               circle>
+                      <i class="iconfont icon-cancel-share"></i>
+                    </el-button>
+                    <el-button type="success" v-else @click="publishImage($event,scope.item, true)" circle>
+                      <i class="iconfont icon-share-bold"></i>
+                    </el-button>
                   </div>
                 </div>
               </template>
@@ -698,6 +705,21 @@ const removeImage = (event, item) => {
   })
 }
 
+// 发布图片到作品墙
+const publishImage = (event, item, action) => {
+  event.stopPropagation()
+  let text = "图片发布"
+  if (action === false) {
+    text = "取消发布"
+  }
+  httpPost("/api/sd/publish", {id: item.id, action: action}).then(() => {
+    ElMessage.success(text + "成功")
+    item.publish = action
+  }).catch(e => {
+    ElMessage.error(text + "失败：" + e.message)
+  })
+}
+
 </script>
 
 <style lang="stylus">

web/src/views/ImagesWall.vue

@@ -274,8 +274,7 @@ const getNext = () => {
   loading.value = true
   page.value = page.value + 1
   const url = imgType.value === "mj" ? "/api/mj/jobs" : "/api/sd/jobs"
-  // 获取运行中的任务
-  httpGet(`${url}?status=1&page=${page.value}&page_size=${pageSize.value}`).then(res => {
+  httpGet(`${url}?status=1&page=${page.value}&page_size=${pageSize.value}&publish=true`).then(res => {
     loading.value = false
     if (res.data.length === 0) {
       isOver.value = true

web/src/views/Member.vue

@@ -60,7 +60,7 @@
                     <div class="info-line">
                       <span class="label">有效期：</span>
                       <span class="expire" v-if="scope.item.days > 0">{{ scope.item.days }}天</span>
-                      <span class="expire" v-else>当月有效</span>
+                      <span class="expire" v-else>长期有效</span>
                     </div>
 
                     <div class="pay-way">