update

src/pages/merchant/components/ViewMaterial.vue

@@ -4,7 +4,7 @@ import {ref} from "vue";
 
 const visible = ref(false);
 const emits = defineEmits(['edit']);
-const {id, material} = defineProps({
+const {id, material, disabled} = defineProps({
     id: {
         type: Number,
         default: null,
@@ -12,6 +12,10 @@ const {id, material} = defineProps({
     material: {
         type: Object,
         default: null,
+    },
+    disabled: {
+        type: Boolean,
+        default: false,
     }
 });
 
@@ -42,7 +46,7 @@ const edit = () => {
         </div>
         <template #footer>
             <div class="flex gap-[12px] justify-end">
-                <a-button @click="edit">编辑素材</a-button>
+                <a-button @click="edit" :disabled="disabled">编辑素材</a-button>
                 <a-button @click="visible=false" type="primary">确定</a-button>
             </div>
         </template>

src/pages/merchant/pages/task-center/manage-materials.vue

@@ -121,6 +121,7 @@ const success = async () => {
             <template v-slot:title="{record}">
                 <div class="flex flex-col gap-[12px]">
                     <a-input
+                        :disabled="record.status !== 0 && record.status !== 2"
                         v-for="v in record.childrenMaterial"
                         placeholder="请输入标题"
                         v-model:model-value="v.title">
@@ -130,6 +131,7 @@ const success = async () => {
             <template v-slot:content="{record}">
                 <div class="flex flex-col gap-[12px]">
                     <a-input
+                        :disabled="record.status !== 0 && record.status !== 2"
                         v-for="v in record.childrenMaterial"
                         placeholder="请输入正文"
                         v-model:model-value="v.content">
@@ -139,7 +141,8 @@ const success = async () => {
             <template v-slot:tags="{record}">
                 <div class="flex flex-col gap-[12px]">
                     <div class="flex gap-[12px]" v-for="v in record.childrenMaterial">
-                        <Talk v-model:model-value="v.tags"></Talk>
+                        <Talk v-model:model-value="v.tags"
+                              :disabled="record.status !== 0 && record.status !== 2"></Talk>
                     </div>
                 </div>
             </template>
@@ -147,6 +150,7 @@ const success = async () => {
                 <div class="flex flex-col gap-[12px]">
                     <div class="flex gap-[12px]" v-for="v in record.childrenMaterial">
                         <add-material
+                            v-if="record.status === 0 || record.status === 2"
                             ref="AddMaterialRef"
                             @success="val => v.material = val"
                             :id="po.id"
@@ -157,6 +161,7 @@ const success = async () => {
                             </div>
                         </add-material>
                         <view-material
+                            :disabled="record.status !== 0 && record.status !== 2"
                             @edit="editMaterial(rowIndex)"
                             :material="v"
                             :id="po.id">
@@ -173,6 +178,7 @@ const success = async () => {
                 <div class="flex flex-col gap-[12px]">
                     <div v-for="(v, index) in record.childrenMaterial" :key="index" class="flex gap-[12px]">
                         <add-comment
+                            v-if="record.status === 0 || record.status === 2"
                             @success="updateTable"
                             :material="record"
                             :item="v">
@@ -181,7 +187,11 @@ const success = async () => {
                                 <div>添加</div>
                             </div>
                         </add-comment>
-                        <comment @success="updateTable" :data="v.comment"></comment>
+                        <comment
+                            :hide-delete="record.status !== 0 && record.status !== 2"
+                            @success="updateTable"
+                            :data="v.comment">
+                        </comment>
                     </div>
                 </div>
             </template>