hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-15 22:06:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

受众名称限制30，停用受众弹框提示

Browse Source
This commit is contained in:
weixiaobo@boe.com.cn
2023-08-04 14:32:22 +08:00
parent 4be1c0c915
commit 3911a4663e
1 changed files with 20 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/audience/audienceManage.vue
View File

@@ -76,7 +76,7 @@
v-if="
record.status === 1
"
@click="handleStop(record)"
@click="handleStopClick(record)"
type="link"
>停用
</a-button>
@@ -201,7 +201,7 @@
show-count
:type="4"
></NameInput> -->
<a-input v-model:value="audienceName" placeholder="请输入受众名称" :maxlength="50" show-count/>
<a-input v-model:value="audienceName" placeholder="请输入受众名称" :maxlength="30" show-count/>
</div>
</div>
<div class="btn">
@@ -253,6 +253,9 @@
</div>
</div>
</a-modal> -->
<a-modal v-model:visible="visibleStopAudience" width="500px" title="停用受众" @ok="handleStop">
<div style="margin: 20px 50px">您确定要删除此受众吗？</div>
</a-modal>
<a-modal v-model:visible="visibleDeleteAudience" width="500px" title="删除受众" @ok="handleDelete">
<div style="margin: 20px 50px">您确定要删除此受众吗？</div>
</a-modal>
@@ -282,7 +285,7 @@
name="audienceName"
:rules="[{ required: true, message: '请填写名称!' }]"
>
<a-input style="width:300px" v-model:value="ruleForm.audienceName" placeholder="请填写名称" />
<a-input style="width:300px" show-count :maxlength="30" v-model:value="ruleForm.audienceName" placeholder="请填写名称" />
</a-form-item>
<a-form-item
@@ -884,6 +887,7 @@ const tableTotal = ref(0);
const tableTotalMember = ref(0);
const tableTotalUser = ref(0);
const visibleCopyAudience = ref(false);
const visibleStopAudience = ref(false);
const visibleDeleteAudience = ref(false);
const visibleDeleteAudienceMember = ref(false);
const visibleBatchDeleteAudienceMember = ref(false);
@@ -1204,6 +1208,10 @@ const handleCopyClick = (record) => {
}
const handleCopy = async () => {
console.log("handleCopy audienceId:",audienceId.value);
if(audienceName.value.length>30){
message.warning("受众名称小于30字符");
return;
}
let res = await copyAudience({
audienceId: audienceId.value,
audienceName: audienceName.value,
@@ -1239,19 +1247,25 @@ const handlePublish = async (record,type) => {
message.error(res.data.message);
}
}
const handleStop = async (record) => {
console.log("handleStop record:",record);
const handleStop = async () => {
console.log("handleStop:",);
let res = await stopAudience({
audienceId: record.audienceId,
audienceId: audienceId.value,
})
console.log("stopAudience res:",res);
if(res&&res.data.status==200){
message.success("停用成功");
visibleStopAudience.value = false;
getAudiencePageList();
}else{
message.error(res.data.message);
}
}
const handleStopClick = (record) => {
console.log("handleStopClick record:",record);
audienceId.value = record.audienceId;
visibleStopAudience.value = true;
}
const handleDeleteClick = (record) => {
console.log("handleDeleteClick record:",record);
audienceId.value = record.audienceId;