merge

src/assets/style/index.scss

@@ -82,7 +82,7 @@ $primary-color: #3173FF!important;
 }
 .el-dialog__footer{
   text-align: center;
-  padding: 10px;
+  padding: 15px;
 }
 :root{
   --el-border-color: #d9d9d9;

src/assets/style/self.scss

@@ -339,6 +339,10 @@
   align-items: center;
   justify-content: space-between;
 }
+.flex_start{
+  display: flex;
+  align-items: flex-start;
+}
 .flexWrap {
   display: flex;
   align-items: center;

src/components/businessMoudle/batchGdt/configArea/basicInfo/outer.scss

@@ -8,56 +8,55 @@
   .tabelCon {
     flex: 1;
   }
+}
+.ids {
+  display: flex;
+  flex-basis: 140px;
+  flex-direction: column;
+  flex-grow: 0;
+  flex-shrink: 0;
+  max-width: 175px;
+  height: 100%;
+  border-right: 1px solid #ebeef5;
+}
 
-  .ids {
-    display: flex;
-    flex-basis: 140px;
-    flex-direction: column;
-    flex-grow: 0;
-    flex-shrink: 0;
-    max-width: 175px;
-    height: 100%;
-    border-right: 1px solid #ebeef5;
-  }
-
-  .title {
-    padding: 6px 30px 6px 8px;
-    font-weight: 700;
-    line-height: 23px;
-    border-bottom: 1px solid #ebeef5;
-    color: #606266;
-    height: 36px;
-  }
+.title {
+  padding: 6px 30px 6px 8px;
+  font-weight: 700;
+  line-height: 23px;
+  border-bottom: 1px solid #ebeef5;
+  color: #606266;
+  height: 36px;
+}
 
-  .refresh {
-    font-size: 12px;
-    font-weight: 400;
-    color: #197afb;
-    cursor: pointer;
-    margin-left: 20px;
-  }
+.refresh {
+  font-size: 12px;
+  font-weight: 400;
+  color: #197afb;
+  cursor: pointer;
+  margin-left: 20px;
+}
 
-  .accItem {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: nowrap;
-    align-items: center;
-    height: 60px;
-    padding: 6px 8px;
-    color: #606266;
-    cursor: pointer;
-    border-bottom: 1px solid #ebeef5;
+.accItem {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  height: 60px;
+  padding: 6px 8px;
+  color: #606266;
+  cursor: pointer;
+  border-bottom: 1px solid #ebeef5;
 
-    &.active {
-      color: #197afb;
-      background-color: #fafafa;
+  &.active {
+    color: #197afb;
+    background-color: #fafafa;
 
-    }
-  }
-  .conInfo {
-    padding: 20px;
   }
 }
+.conInfo {
+  padding: 20px;
+}
 .warn-content{
   color: #f1902b;
   font-size: 12px;

src/components/businessMoudle/batchGdt/configArea/copywriter/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="flex">
-    <el-select v-model="selectValue" placeholder="请选择">
+    <el-select v-model="selectValue" placeholder="请选择" @change="selectValueChange">
       <el-option
         v-for="item in selectOptions"
         :key="item.value"
@@ -13,7 +13,11 @@
       <span><el-icon class="questionFilled"><QuestionFilled /></el-icon></span>
     </el-tooltip>
   </div>
-  <WriterDialog ref="WriterDialogRef"></WriterDialog>
+  <div class="add-sec" v-if="writer_list?.length > 0">
+    <p class="add-sec-title">文案：</p>
+    <div class="add-sec-span" v-for="item in writer_list">{{ item }}</div>
+  </div>
+  <WriterDialog ref="WriterDialogRef" @close="closeWriterDialog"></WriterDialog>
 </template>
 <script setup lang="ts">
 import { nextTick, ref } from 'vue';
@@ -22,20 +26,31 @@ const selectOptions = [
   { label: '自动分配', value: 1 },
   { label: '程序化测试', value: 2 },
 ]
-const props = defineProps({
-  showFlag: {
-    type: Boolean,
-    default: false
-  }
-})
+const writer_list = ref<any[]>([])
+
+const emit = defineEmits<{
+  (event: "writerCallBack", val?: any): void;
+}>();
 const WriterDialogRef = ref()
 const selectValue = ref(1)
 const tooltip = `自动匹配：将文案组分配至广告或创意中。<br/>程序化测试：文案组与定向和创意进行叉乘测试。`
 
+/**分配切换选择 清空选中 */
+const selectValueChange = () => {
+  closeWriterDialog([])
+}
+const closeWriterDialog = (obj) => {
+  writer_list.value = obj
+  emit('writerCallBack',{
+    writer: obj,
+    allocation_type: selectValue.value
+  })
+}
+
 /**初始化 */
 const initFun = (flag) => {
   nextTick(()=>{
-    WriterDialogRef.value!.initFun(flag)
+    WriterDialogRef.value!.initFun(flag, selectValue.value)
   })
 }
 // 暴露自己的属性供父组件使用
@@ -49,4 +64,27 @@ defineExpose({
   font-size: 16px;
   margin-left: 6px;
 }
+.add-sec-title{
+  display: block;
+  margin-top: 10px;
+  margin-bottom: 8px;
+  font-size: 12px;
+  color: #666;
+}
+.add-sec-span{
+  display: block;
+  padding: 0 8px;
+  margin-bottom: 6px;
+  overflow: hidden;
+  line-height: 32px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background-color: #fafafa;
+  border-radius: 2px;
+  font-size: 12px;
+}
+.add-sec{
+  max-height: 88%;
+  overflow-y: auto;
+}
 </style>

src/components/businessMoudle/batchGdt/configArea/copywriter/writerDialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-dialog class="gdt-dialog" :close-on-click-modal="false" v-model="visible" title="选择标签" width="1000px" top="40px"
+  <el-dialog class="gdt-dialog" :close-on-click-modal="false" v-model="visible" title="选择标签" width="800px" top="40px"
     :before-close="handleClose">
     <div v-loading="loading">
       <div class="flex marT15">
@@ -15,67 +15,131 @@
           </el-tooltip>
         </div>
       </div>
-      <div class="flex marT15">
+      <div class="flex_start marT15">
         <label class="form-block-item-title">文案（1-30字）</label>
-        <div class="flex">
+        <div class="flex" v-if="multiCopyTesting == 0">
           <div class="input-group">
             <el-input
+              id="emojiInput"
               class="textarea"
-              v-model="textarea"
-              :rows="2"
+              v-model="text_textarea"
+              :rows="4"
+              :maxlength="30"
               type="textarea"
               placeholder="请输入文案，支持换行输入，建议不超过4行"
             />
-            <span class="input-suffix">0/30</span>
+            <span class="input-suffix">{{ text_textarea?.length || 0 }}/30</span>
             <div class="emoji">
-
+              <el-popover trigger="hover" width="400">
+                <div class="emojiBox">
+                  <img class="pointer" v-for="(i,idx) in emojiList" @click="appendText(i)" :alt="i" :title="i"
+                       style="width: 28px;height: 28px;margin-right: 6px;margin-bottom: 6px;display: inline-block"
+                       :src="'https://wxa.wxs.qq.com/wxad-design/emojis/smiley_'+idx+'.png'" />
+                </div>
+                <template #reference>
+                  <img class="pointer"  src="@/assets/img/icon.png" alt="" width="20">
+                </template>
+              </el-popover>
             </div>
           </div>
+          <el-button plain style="margin-left: 10px;" @click="WriterHelperRef!.initFun(true)">文案助手</el-button>
         </div>
+        <div style="color:#999;line-height: 26px;margin-top: 2px;" v-if="multiCopyTesting == 1">已选择 {{ text_list?.length || 0 }} 条，将合并为 {{ text_list?.length || 0 }} 组</div>
       </div>
+      <div class="fix-table" v-if="multiCopyTesting == 1">
+        <TextLibrary source="writerHelper" @select="selectEvent"></TextLibrary>
+      </div>
+
     </div>
     <template #footer>
-      <span class="dialog-footer">
+      <div class="dialog-footer" style="text-align: right;padding:10px">
         <el-button @click="handleClose"> 取 消 </el-button>
         <el-button type="primary" @click="submitEvent"> 确 认 </el-button>
-      </span>
+      </div>
     </template>
   </el-dialog>
+  <WriterHelper ref="WriterHelperRef" @close="writerHelperClose"></WriterHelper>
 </template>
 <script setup lang="ts">
 import { onBeforeMount, ref } from 'vue';
-const visible = ref(false)
-const loading = ref(false)
-const textarea = ref()
-const multiCopyTesting = ref(0)
-const tooltip = `您可以选择某一种文案，进行多条文案测试；<br/>测试文案为变量，将会出现在最下方，以列表形式多选；<br/>非测试文案为常量，会保持在上方；`
+import {emojiList} from "@/common/emoji";
+import TextLibrary from '@/components/businessMoudle/textLibrary/index.vue'
+import WriterHelper from './writerHelper.vue'
+import { ElMessage } from 'element-plus';
 const props = defineProps({
   accIdsList: {
     type: Array<{ id: string, name: string }>,
     default: () => []
-  },
+  }
 })
 const emit = defineEmits<{
   (event: "close", val?: any): void;
 }>();
+
+const visible = ref(false)
+const loading = ref(false)
+const text_textarea = ref()
+const text_list = ref<any[]>([])
+const multiCopyTesting = ref(0)
+const WriterHelperRef = ref()
+const allocation = ref(1) // 创意文案分配方式 1自动分配 2程序化测试
+const tooltip = `您可以选择某一种文案，进行多条文案测试；<br/>测试文案为变量，将会出现在最下方，以列表形式多选；<br/>非测试文案为常量，会保持在上方；`
+
 onBeforeMount(() => {
   init()
 })
 const init = () => {
 }
+const appendText = (val:any) => {
+  var elInput:any = document.getElementById('emojiInput'); //根据id选择器选中对象
+  var startPos:any = elInput.selectionStart;// input 第0个字符到选中的字符
+  var endPos:any = elInput.selectionEnd;// 选中的字符到最后的字符
+  if (startPos === undefined || endPos === undefined) return
+  var txt = elInput.value;
+  // 将表情添加到选中的光标位置
+  var result = txt.substring(0, startPos) + val + txt.substring(endPos)
+  elInput.value = result;// 赋值给input的value
+  // 重新定义光标位置
+  elInput.focus();
+  elInput.selectionStart = startPos + val.length;
+  elInput.selectionEnd = endPos + val.length;
+  text_textarea.value  = result// 赋值给表单中的的字段
+}
+/**文案助手确定回调 */
+const writerHelperClose = (obj) =>{
+  if(obj && Array.isArray(obj) && obj.length > 0) {
+    text_textarea.value = obj[0].content
+  }
+}
 
 const handleClose = () => {
   visible.value = false
 }
-
+const selectEvent = (obj) => {
+  text_list.value = obj.map((v)=>{return v.content})
+}
 /**点击确定 */
 const submitEvent = () => {
+  if(multiCopyTesting.value == 0) {
+   if( text_textarea.value == '' || !text_textarea.value ){
+    ElMessage.warning('请输入文案！')
+    return
+   }else{
+    text_list.value = [text_textarea.value]
+   }
+  }
+  if(multiCopyTesting.value == 1 && text_list.value?.length <= 0){
+    ElMessage.warning('请选择测试的文案内容！')
+    return
+  }
+  emit('close', text_list.value)
   visible.value = false
 }
 
 /**初始化 */
-const initFun = (flag) => {
+const initFun = (flag, select) => {
   visible.value = flag
+  allocation.value = select
 }
 // 暴露自己的属性供父组件使用
 defineExpose({
@@ -84,25 +148,33 @@ defineExpose({
 </script>
 <style lang="scss" scoped>
 @import "@/assets/style/batchDialogGdt.scss";
+.fix-table{
+  padding: 16px;
+  border:1px solid #eee;
+  border-radius: 4px;
+  margin-top: 16px;
+}
 .input-group{
   position: relative;
   display: inline;
 }
 .textarea{
   width: 460px;
-  padding-right: 50px;
+  :deep(.el-textarea__inner){
+    padding-right: 50px;
+  }
 }
 .input-suffix{
   position: absolute;
   right: 12px;
-  bottom: 0;
+  bottom: 6px;
   margin-top: 2px;
   line-height: 100%;
   color: #333;
 }
 .emoji{
   position: absolute;
-  top: 5px;
+  top: 10px;
   left: 430px;
   width: 40px;
 }

src/components/businessMoudle/batchGdt/configArea/copywriter/writerHelper.vue

@@ -0,0 +1,48 @@
+<template>
+<el-dialog class="gdt-dialog" :close-on-click-modal="false" v-model="visible" title="创意文案" width="1000px" top="40px"
+:before-close="handleClose">
+  <TextLibrary source="writerHelper" :select_num="1" @select="selectEvent"></TextLibrary>
+  <template #footer>
+    <div class="dialog-footer" style="text-align: right;padding:10px">
+      <el-button @click="handleClose"> 取 消 </el-button>
+      <el-button type="primary" @click="submitEvent"> 确 定 </el-button>
+    </div>
+  </template>
+</el-dialog>
+</template>
+<script setup lang="ts">
+import TextLibrary from '@/components/businessMoudle/textLibrary/index.vue'
+import { ElMessage } from "element-plus";
+import { ref } from 'vue'
+const visible = ref(false)
+const text_info = ref<any[]>([])
+
+const emit = defineEmits<{
+  (event: "close", val?: any): void;
+}>();
+
+const handleClose = () => {
+  visible.value = false
+}
+const submitEvent = () => {
+  if(text_info.value.length <= 0){
+    ElMessage.warning('请选择文案！')
+    return
+  }
+  visible.value = false
+  emit('close', text_info.value)
+}
+const selectEvent = (val) => {
+  text_info.value = val
+}
+
+/**初始化 */
+const initFun = (flag) => {
+  visible.value = flag
+}
+// 暴露自己的属性供父组件使用
+defineExpose({
+  initFun
+});
+
+</script>

src/components/businessMoudle/batchGdt/configArea/directPacket/newDirecPacket.vue

@@ -279,8 +279,8 @@ const confirmEvent =   () => {
 //处理编辑的数据,在刚显示弹框的时候调用
 const handleEditData = async () => {
   InputRef_name.value!.value = ''
+  pageInfoTs.jsonInfo = _.cloneDeep(constant_jsonInfo)
   if(props.propsInfo.id){ //编辑
-    pageInfoTs.jsonInfo = _.cloneDeep(constant_jsonInfo)
     InputRef_name.value!.value = props.propsInfo.name
     if(Object.prototype.toString.call(props.propsInfo.echoList) === '[object Object]'){ //有值
       await editEchoEcent(props.propsInfo.echoList,pageInfoTs.jsonInfo)

src/components/businessMoudle/batchGdt/configArea/index.vue

@@ -40,7 +40,10 @@
               </div>
               <div class="showInfoArea">
                 <template v-if="sub.name == '创意文案'">
-                  <Copywriter ref="CopywriterRef" :showFlag="sub.haveContent"></Copywriter>
+                  <Copywriter ref="CopywriterRef" @writerCallBack="writerCallBack"></Copywriter>
+                </template>
+                <template v-if="sub.name == '落地页'">
+                  <LandPage ref="LandPageRef" :accIdsList="pageInfo.accIdsList" :page_type="originalityBasicInfoData?.receiveForm?.landingPageExample?.page_type" @landPage="landPageEvent"></LandPage>
                 </template>
                 <div class="noData" v-if="!sub.haveContent">暂无数据 </div>
                 <!-- 定向包展示 -->
@@ -146,6 +149,7 @@ import AttributionOuter from './basicInfo/attributionOuter.vue'
 import UnionPosition from './basicInfo/unionPosition.vue'
 import OriginalityBasic from './originalityBasic/index.vue'
 import Copywriter from './copywriter/index.vue'
+import LandPage from "./landPage/index.vue";
 import { getAdPresets, getPromotedObjectType } from './basicInfo/ts/basicApi'
 import { FillBackData } from './basicInfo/ts/fillBack'
 import _ from "lodash";
@@ -162,7 +166,9 @@ const targetRef = ref<{value:any}>()
 const originalityBasicRef = ref()
 
 const pageInfo = reactive<reactiveTableAndAny>({
-  adNum:0,
+  accNum:0,//账号数
+  planNum:0,//计划数
+  adNum:0,//预览广告数
   targetValue: '',
   targetList:[],
   adTitleList:[
@@ -173,7 +179,7 @@ const pageInfo = reactive<reactiveTableAndAny>({
     {id:4,name:'广告创意',subList:[
         { id:5,name:'创意基本信息',haveContent:false },
         { id:6,name:'创意素材',chooseNum:0,haveChooseNum:true,haveContent:false },
-        { id:7,name:'创意文案',haveContent:false },
+        { id:7,name:'创意文案',chooseNum:0,haveChooseNum:true,haveContent:false },
         { id:8,name:'落地页',chooseNum:0,haveChooseNum:true,haveContent:false },
       ]},
   ],
@@ -181,6 +187,14 @@ const pageInfo = reactive<reactiveTableAndAny>({
   accIdsList:[],//选中的格式化后的账户列表
   directObj:{},//定向包展示的数据
   RuleConfigObj:{},//规则配置的值
+  copywriterInfoData: {//创意文案
+    data: [],
+    allocation_type: '',//分配形式 1自动分配 2程序化相乘分配
+  },
+  copyLandPageInfoData: {//落地页
+    data: [],
+    allocation_type: '',//分配形式 1自动分配 2程序化相乘分配
+  }
 })
 
 
@@ -235,15 +249,7 @@ const originalityBasicInfoData = reactive<any>({
 })
 //创意文案
 const CopywriterRef = ref()
-//获取推广目标类型
-getPromotedObjectType().then((res)=>{
-  pageInfo.targetList = res
-  nextTick(()=>{
-    targetRef.value!.value = 'PROMOTED_OBJECT_TYPE_LEAD_AD'
-    pageInfo.targetValue = targetRef.value!.value
-    getAdPresetsInfo(); // 广告预存信息获取
-  })
-})
+const LandPageRef = ref()
 
 //获取账号列表
 const get_account_list = async () => {
@@ -394,14 +400,7 @@ const DirectPacketExhibitionRef = ref<{get_echoAcId:()=>void,
 
 // 打开添加 / 编辑
 const openDialogEvent = async (sub:any) => {
-  if(pageInfo.accIdsList && pageInfo.accIdsList.length<=0){
-    ElMessage.error('请选择媒体账户!')
-    return
-  }
-  if(!pageInfo.targetValue || pageInfo.targetValue == ''){
-    ElMessage.error('请选择推广目标!')
-    return
-  }
+  if( !judgeEvent( sub.id ) ) return; // 判断是否完成前一模块
   if(sub.name == '定向包'){
     nextTick(()=>{
       DirectPacketExhibitionRef.value![0].showDirectPacket()
@@ -451,8 +450,61 @@ const openDialogEvent = async (sub:any) => {
   if(sub.name == '创意文案'){
     CopywriterRef.value![0].initFun(true)
   }
+  if(sub.name == '落地页'){
+    LandPageRef.value![0].initFun(true)
+  }
+}
+/**每个模块判断是否可以点击添加 id:模块ID*/
+const judgeEvent = (id) => {
+  if(pageInfo.accIdsList && pageInfo.accIdsList.length<=0){
+    ElMessage.error('请选择媒体账户!')
+    return false
+  }
+  if(!pageInfo.targetValue || pageInfo.targetValue == ''){
+    ElMessage.error('请选择推广目标!')
+    return false
+  }
+  if(id == 2) return true;//广告基本信息
+  if(!basicInfoData.fillBack || basicInfoData.fillBack == '' || JSON.stringify(basicInfoData.fillBack) == '{}'){
+    ElMessage.warning('请完善广告基本信息！')
+    return false
+  }
+  if(id == 3) return true;//定向包
+  if(id == 5) return true;//创意基本信息
+  if(id != 6 && (!pageInfo.directObj || pageInfo.directObj == '' || JSON.stringify(pageInfo.directObj) == '{}')){
+    ElMessage.warning('请选择定向包！')
+    return false
+  }
+  if(!originalityBasicInfoData.params || originalityBasicInfoData.params == '' || originalityBasicInfoData.params.length <= 0){
+    ElMessage.warning('完善创意基本信息！')
+    return false
+  }
+  if(id == 6) return true;//创意素材 不用判断定向包是否填写
+  //  --------   创意素材是否完善判断 -------
+  if(id == 7) {//创意文案
+    if( !originalityBasicInfoData.apiResult?.adTemplateItem?.adcreative_elements?.description ){
+      ElMessage.warning('此创意形式下不可使用创意文案！')
+      return false
+    } else{
+      return true
+    }
+  };
+  // console.log(originalityBasicInfoData.receiveForm.landingPageExample.page_type)
+  if(id == 8) {
+    if(!originalityBasicInfoData?.receiveForm?.landingPageExample?.page_type){
+      ElMessage.warning('此创意形式下不可使用落地页！')
+      return false;//落地页
+    } else {
+      return true
+    }
+  }
+  if(id == -1){ // 提交预览时，判断是否全部完善
+  //  --------   创意文案是否完善判断 -------
+  //  --------   落地页是否完善判断 -------
+  // ----- 外部配置是否完善 -----
+  }
+  return true
 }
-
 
 //更新数值,判断是否有内容
 const updateHaveContent = (id:number,chooseNum?:number,minusFlag?:boolean,clearFlag?:boolean) => {
@@ -487,15 +539,70 @@ const updateHaveContent = (id:number,chooseNum?:number,minusFlag?:boolean,clearF
             }
           }
         }
+
       })
     })
   }
 }
 
+//计算预览广告数
+// let dxb_num = 0;//定向包
+// let cysc_num = 0;//创意素材
+// let cywa_num = 0;//创意文案
+// if(id == 3) { dxb_num = s.chooseNum }
+// if(id == 6) { cysc_num = s.chooseNum }
+// if(id == 7) { cywa_num = s.chooseNum }
+// if( dxb_num > 0 &&  cysc_num > 0){
+//   pageInfo.adNum = dxb_num * cysc_num
+//   if(pageInfo.allocation_type.allocation_type == 2 && cywa_num > 0) {
+//     pageInfo.adNum = pageInfo.adNum * cywa_num
+//   }
+// }
+
+/**计算广告数、计划数、账号数 */
+const computeCount = (dxb_num, cysc_num, cywa_num) => {
+  let accNum = pageInfo.accIdsList.length;
+  let adNum = 0;
+  adNum = 1 * dxb_num * cysc_num; // 默认为 定向包*创意素材
+  if(pageInfo.copywriterInfoData.allocation_type == 2 && cywa_num > 0) {//创意文案 叉乘
+    adNum = adNum * cywa_num
+  }
+  if(pageInfo.copyLandPageInfoData.allocation_type == 2 && pageInfo.copyLandPageInfoData.data && JSON.stringify(pageInfo.copyLandPageInfoData.data) != '{}') {//落地页 叉乘
+    // for()
+  }
+  pageInfo.accNum = accNum;
+}
+// accNum:0,//账号数
+//   planNum:0,//计划数
+//   adNum:0,//预览广告数
 
 
-const init = () => {}
 
+const init = () => {}
+/**创意文案回调 */
+const writerCallBack = (obj) => {
+  pageInfo.copywriterInfoData.data = obj.writer;
+  pageInfo.copywriterInfoData.allocation_type = obj.allocation_type;
+  if(obj.writer && obj.writer.length > 0){
+    updateHaveContent(7,pageInfo.copywriterInfoData.data?.length)
+  }else{
+    updateHaveContent(7,0)
+  }
+}
+/**落地页回调 */
+const landPageEvent = (obj) => {
+  let length = 0;
+  for(let i in obj.landPage){
+    length += obj.landPage[i].length
+  }
+  pageInfo.copyLandPageInfoData.data = obj.landPage;
+  pageInfo.copyLandPageInfoData.allocation_type = obj.allocation_type;
+  if(obj.landPage && JSON.stringify(obj.landPage) != '{}') {
+    updateHaveContent(8,length)
+  }else{
+    updateHaveContent(8,0)
+  }
+}
 /**创意基本信息回调 */
 const originalityBasicClose = (obj) => {
   originalityBasicRef.value!.switchShow(false)
@@ -604,8 +711,12 @@ const getCommonValue = (data) => {
 
 onMounted(()=>{
   nextTick(async ()=>{
-    await getPromotedObjectType()
-    targetRef.value!.value = pageInfo.targetList[0].id
+    //获取推广目标类型
+    await getPromotedObjectType().then((res)=>{
+      pageInfo.targetList = res
+      targetRef.value!.value = pageInfo.targetList[0].name
+      pageInfo.targetValue = targetRef.value!.value
+    })
     get_account_list()
     getAdPresetsInfo(); // 广告预存信息获取
     get_ruleConfig_info() //规则配置获取

src/components/businessMoudle/batchGdt/configArea/landPage/accMinprogram.vue

@@ -0,0 +1,106 @@
+<template>
+<div class="tabelListBox">
+    <div class="ids">
+      <div class="accItem" v-for="(item, idx) in accIdsList" :key="item.id" :class="item.id == accId ? 'active' : ''"
+        @click="accItemEvent(item)">
+        {{ item.name || '-' }}
+        <el-icon :size="14" :color="item.id == accId ? '#197afb' : '#606266'" class="lMarauto">
+          <CircleCheck v-if="callDataInfo[item.id]&&callDataInfo[item.id].length > 0" />
+          <i-ep-ArrowRight v-else />
+        </el-icon>
+      </div>
+    </div>
+    <div class="tabelCon" v-if="accId">
+      <LandPageList ref="LandPageListRef" :key="accId" :account_id="accId" :fillback="copyCallDataInfo" :page_type="page_type" :select_count="select_count" @callBack="handleSelectionChange"></LandPageList>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import LandPageList from './landPageList.vue';
+import { nextTick, onMounted, reactive, ref } from 'vue';
+const props = defineProps({
+  accIdsList: {
+    type: Array<{ id: string, name: string }>,
+    default: () => []
+  },
+  page_type: {
+    type: String,
+    default: ''
+  },
+  select_count: {
+    type: Number,
+    default: -1
+  }
+})
+const emit = defineEmits<{
+  (event: "callBack", val?: any): void;
+}>();
+const accId = ref('')
+const callDataInfo = reactive({})
+const accCountInfo = reactive({})
+const LandPageListRef = ref()
+const copyCallDataInfo = ref([])//copy 解决切换账户，表格回显问题
+onMounted(()=>{
+  nextTick(()=>{
+    props.accIdsList.forEach((item)=>{
+      callDataInfo[item.id] = []
+      accCountInfo[item.id] = {
+        count: -1
+      }
+    })
+    if(props.select_count != -1) {
+      //分配条数 accCountInfo
+      for(let i in accCountInfo){
+        accCountInfo[i].count = props.select_count
+      }
+    }
+    accItemEvent({id: props.accIdsList[0]?.id})
+  })
+})
+/**点击媒体账户 */
+const accItemEvent = (item, type?, cb?:Function) => {
+  copyCallDataInfo.value = JSON.parse(JSON.stringify(callDataInfo[item?.id]))
+  accId.value = item?.id;
+}
+const handleSelectionChange = (val) => {
+  callDataInfo[accId.value] = val
+  let msg = '';
+  for(let i in callDataInfo){
+    if(callDataInfo[i].length == 0){
+      msg = `账户${i}，请选择落地页!`
+      break;
+    }
+    if(accCountInfo[i]?.count > callDataInfo[i].length && accCountInfo[i]?.count != -1){
+      msg = `账户${i}，应选择${accCountInfo[accId.value]?.count}个落地页，您的选择数量为：${callDataInfo[i].length}`
+      break;
+    }
+  }
+  emit('callBack',{
+    data: callDataInfo,
+    msg: msg
+  })
+}
+</script>
+<style scoped lang="scss">
+@import "@/components/businessMoudle/batchGdt/configArea/basicInfo/outer.scss";
+.tabelListBox{
+  margin-top: 15px;
+  height: 56vh;
+  .tabelCon{
+    overflow: auto;
+    height: 100%;
+  }
+}
+.landPageminiprogram{
+  :deep(.el-table__cell){
+    font-size: 12px !important;
+  }
+  :deep(.filter-wrap){
+    background-color: #f8f8f8;
+    padding: 10px ;
+  }
+  :deep(.page-wrap){
+    margin-top: 0;
+  }
+}
+</style>

src/components/businessMoudle/batchGdt/configArea/landPage/index.vue

@@ -0,0 +1,107 @@
+<template>
+  <div class="flex">
+    <el-select v-model="selectValue" placeholder="请选择" @change="selectValueChange">
+      <el-option
+        v-for="item in selectOptions"
+        :key="item.value"
+        :label="item.label"
+        :value="item.value"
+      />
+    </el-select>
+    <el-tooltip placement="top" effect="light">
+      <template #content><span v-html="tooltip"></span></template>
+      <span><el-icon class="questionFilled"><QuestionFilled /></el-icon></span>
+    </el-tooltip>
+  </div>
+  <div class="add-sec" v-if="showInfo && JSON.stringify(showInfo) != '{}'">
+    <template v-for="(main,main_index) in showInfo">
+      <p class="add-sec-title">{{ main_index }}</p>
+      <div class="add-sec-span" v-for="item in main">{{ item.appname }}</div>
+    </template>
+    
+  </div>
+  <LandPageDialog ref="LandPageDialogRef" @close="closeLandPageDialog" :accIdsList="accIdsList" :page_type="page_type"></LandPageDialog>
+</template>
+<script setup lang="ts">
+import { nextTick, reactive, ref } from 'vue';
+import LandPageDialog from './landPageDialog.vue'
+
+const selectOptions = [
+  { label: '自动分配', value: 1 },
+  { label: '程序化测试', value: 2 },
+]
+const props = defineProps({
+  showFlag: {
+    type: Boolean,
+    default: false
+  },
+  accIdsList: {
+    type: Array<{ id: string, name: string }>,
+    default: () => []
+  },
+  page_type: {
+    type: String,
+    default: ''
+  }
+})
+const emit = defineEmits<{
+  (event: "landPage", val?: any): void;
+}>();
+const showInfo:any = ref({})
+const LandPageDialogRef = ref()
+const selectValue = ref(1)
+const tooltip = `自动匹配：将落地页分配至账户/计划/广告创意中。<br/>程序化测试：落地页与定向、创意、文案进行叉乘测试。`
+
+const closeLandPageDialog = (obj) => {
+  console.log(obj)
+  showInfo.value = obj
+  emit('landPage',{
+    landPage: obj,
+    allocation_type: selectValue.value
+  })
+}
+/**分配切换选择 清空选中 */
+const selectValueChange = () => {
+  closeLandPageDialog({})
+}
+/**初始化 */
+const initFun = (flag) => {
+  nextTick(()=>{
+    LandPageDialogRef.value!.initFun(flag, selectValue.value)
+  })
+}
+// 暴露自己的属性供父组件使用
+defineExpose({
+  initFun
+});
+</script>
+<style scoped lang="scss">
+.questionFilled{
+  color: #ccc;
+  font-size: 16px;
+  margin-left: 6px;
+}
+.add-sec-title{
+  display: block;
+  margin-top: 10px;
+  margin-bottom: 8px;
+  font-size: 12px;
+  color: #666;
+}
+.add-sec-span{
+  display: block;
+  padding: 0 8px;
+  margin-bottom: 6px;
+  overflow: hidden;
+  line-height: 32px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  background-color: #fafafa;
+  border-radius: 2px;
+  font-size: 12px;
+}
+.add-sec{
+  max-height: 88%;
+  overflow-y: auto;
+}
+</style>

src/components/businessMoudle/batchGdt/configArea/landPage/landPageDialog.vue

@@ -0,0 +1,256 @@
+<template>
+  <el-dialog class="gdt-dialog" :close-on-click-modal="false" v-model="visible" title="选择微信小程序" width="1000px" top="40px"
+    :before-close="handleClose">
+    <div v-loading="loading">
+      <div class="flex marT15">
+        <label class="form-block-item-title">分账户选择</label>
+        <div class="flex">
+          <el-radio-group v-model="multiCopyTesting" size="default">
+            <el-radio-button :label="0">不开启</el-radio-button>
+            <el-radio-button :label="1">开启</el-radio-button>
+          </el-radio-group>
+        </div>
+      </div>
+      <div class="flex marT15" v-if="allocation == 1">
+        <label class="form-block-item-title">落地页分配规则</label>
+        <el-radio-group v-model="loadPageRule" size="default" @change="loadPageRuleChange">
+          <el-radio-button :label="item.id" v-for="item in loadPageRuleList">{{ item.name }}</el-radio-button>
+        </el-radio-group>
+        <el-tooltip placement="right" effect="light">
+          <template #content><span v-html="ruleTooltip"></span></template>
+          <span><el-icon class="questionFilled lMar5">
+              <QuestionFilled />
+            </el-icon></span>
+        </el-tooltip>
+        <div class="num_pre">
+          <span>账户数：</span><span class="num">{{ count_info.acc_count }}，</span>
+          <span>计划数：</span><span class="num">{{ count_info.plan_count || 0 }}，</span>
+          <span>广告数：</span><span class="num">{{ count_info.ad_count || 0 }}；</span>
+        </div>
+      </div>
+      <div class="flex marT15" v-if="allocation == 2 && multiCopyTesting == 0">
+        <label class="form-block-item-title">测试规则</label>
+        <el-radio-group v-model="testRuleInfo" size="default">
+          <el-radio-button :label="item.id" v-for="item in testRules.list">{{ item.name }}</el-radio-button>
+        </el-radio-group>
+        <el-tooltip placement="right" effect="light">
+          <template #content><span v-html="testRules.msg"></span></template>
+          <span><el-icon class="questionFilled lMar5">
+              <QuestionFilled />
+            </el-icon></span>
+        </el-tooltip>
+      </div>
+      <LandPageList :page_type="page_type" :select_count="allocation == 2 ? -1 : select_count" @callBack="handleSelectionChange"
+        v-if="multiCopyTesting == 0" style="margin-top:20px"></LandPageList>
+      <AccMinprogram v-if="multiCopyTesting == 1" :page_type="page_type" :select_count="allocation == 2 ? -1 : select_count"
+        :accIdsList="accIdsList" @callBack="AccMinprogramChange"></AccMinprogram>
+    </div>
+    <template #footer>
+      <div class="dialog-footer" style="text-align: right;padding:10px">
+        <el-button @click="handleClose"> 取 消 </el-button>
+        <el-button type="primary" @click="submitEvent"> 确 认 </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+<script setup lang="ts">
+import { nextTick, onBeforeMount, reactive, ref, watch } from 'vue';
+import { ElMessage } from 'element-plus';
+import LandPageList from './landPageList.vue';
+import AccMinprogram from './accMinprogram.vue'
+const props = defineProps({
+  accIdsList: {
+    type: Array<{ id: string, name: string }>,
+    default: () => []
+  },
+  page_type: {
+    type: String,
+    default: ''
+  }
+})
+const emit = defineEmits<{
+  (event: "close", val?: any): void;
+}>();
+
+const count_info = reactive({
+  acc_count: 0,
+  plan_count: 3,
+  ad_count: 10
+})
+const testRuleInfo = ref(1)
+const testRules = {
+  msg: `全量测试：各个账户内资产与所有落地页叉乘；<br/>分账户测试：先将落地页均分至各个账户后，与每个账户下的资产分别叉乘；`,
+  list: [
+    { id: 1, name: '全量测试' },
+    { id: 2, name: '分账户测试' },
+  ]
+}
+
+const loadPageRuleList = ref<any[]>([])
+const loadPageRule = ref(0)
+const ruleTooltip = ref<string>()
+const visible = ref(false)
+const loading = ref(false)
+const multiCopyTesting = ref(0)
+const allocation = ref(1) // 创意文案分配方式 1自动分配 2程序化测试
+let multipleSelection = []
+const select_count = ref(-1) //限制选中的条数
+const accMinprogramInfo = ref();
+
+/**自动扩量监听 */
+watch(
+  () => multiCopyTesting.value
+  , (newValue, oldValue) => {
+    if (newValue == 0) {
+      loadPageRuleList.value = [
+        { id: 0, name: '全部相同' },
+        { id: 1, name: '按账户分配' },
+        { id: 2, name: '分配到计划' },
+        { id: 3, name: '分配到广告' },
+      ]
+      ruleTooltip.value = `全部相同：全部广告使用同一个落地页；<br/>按账户分配：一个账户内广告使用同一个落地页；<br/>分配到计划：一个计划内广告使用同一个落地页；<br/>分配到广告：一个广告一个落地页；`
+    }
+    if (newValue == 1) {
+      loadPageRuleList.value = [
+        { id: 0, name: '全部相同' },
+        { id: 2, name: '分配到计划' },
+        { id: 3, name: '分配到广告' },
+      ]
+      ruleTooltip.value = `全部相同：全部广告使用同一个落地页；<br/>分配到计划：一个计划内广告使用同一个落地页；<br/>分配到广告：一个广告一个落地页；`
+    }
+  }, { immediate: true })
+
+onBeforeMount(() => {
+})
+const loadPageRuleChange = () => {
+  if (allocation.value == 2) {
+    select_count.value = -1
+    return
+  }
+  if (loadPageRule.value == 0) {
+    select_count.value = 1
+  }
+  if (loadPageRule.value == 1) {
+    select_count.value = count_info.acc_count
+  }
+  if (loadPageRule.value == 2) {
+    select_count.value = count_info.plan_count
+  }
+  if (loadPageRule.value == 3) {
+    select_count.value = count_info.ad_count
+  }
+}
+const handleClose = () => {
+  visible.value = false
+}
+/**点击确定 */
+const submitEvent = () => {
+  let emitData = {}
+  if (multiCopyTesting.value == 1) {//开启
+    if(accMinprogramInfo.value.msg != ''){
+      ElMessage.warning(accMinprogramInfo.value.msg)
+      return
+    }
+    emitData = accMinprogramInfo.value.data;
+    // if (allocation.value == 2) {//程序化叉乘
+    //   emitData = accMinprogramInfo.value.data;
+    // }
+    // if (allocation.value == 1) {//自动分配
+    // }
+  } else {//不开启
+    if (allocation.value == 2) {//程序化叉乘
+      if (multipleSelection.length == 0) {
+        ElMessage.warning('请选择落地页!')
+        return
+      }
+      if (testRuleInfo.value == 1) {//全量测试
+        props.accIdsList.forEach((item) => {
+          emitData[item.id] = multipleSelection
+        })
+      }
+      if (testRuleInfo.value == 2) {//分账户测试
+        if (multipleSelection.length >= props.accIdsList.length) {
+          let len = Math.ceil(multipleSelection.length / props.accIdsList.length)
+          props.accIdsList.forEach((item, index) => {
+            emitData[item.id] = [].concat(multipleSelection.slice(index * len, (index + 1) * len))
+          })
+        } else {
+          props.accIdsList.forEach((item) => {
+            emitData[item.id] = []
+          })
+          let j = 0;
+          for (let i in emitData) {
+            if (multipleSelection.length <= j) {
+              j = 0
+            }
+            emitData[i].push(multipleSelection[j])
+            j++;
+          }
+        }
+        console.log(emitData, multipleSelection)
+      }
+    }
+    if (allocation.value == 1) {//自动分配
+      if(multipleSelection.length < select_count.value){
+        ElMessage.warning(`当前应选择${select_count.value}个落地页，您的选择数量为：${multipleSelection.length}`)
+        return;
+      }
+      if(loadPageRule.value == 0){//全部相同
+        props.accIdsList.forEach((item) => {
+          emitData[item.id] = multipleSelection
+        })
+      }
+      if(loadPageRule.value == 1){//账户数
+        props.accIdsList.forEach((item,index) => {
+          emitData[item.id] = [multipleSelection[index]]
+        })
+      }
+      if(loadPageRule.value == 2){//计划数 ----- 需要定向包
+        props.accIdsList.forEach((item,index) => {
+          emitData[item.id] = [multipleSelection[index]]
+        })
+      }
+      if(loadPageRule.value == 3){//广告数 --- 需要定向包
+        props.accIdsList.forEach((item,index) => {
+          emitData[item.id] = [multipleSelection[index]]
+        })
+      }
+    }
+  }
+  visible.value = false
+  emit('close', emitData)
+}
+const handleSelectionChange = (val) => {
+  multipleSelection = val
+}
+const AccMinprogramChange = (obj) => {
+  accMinprogramInfo.value = obj
+}
+
+/**初始化 */
+const initFun = (flag, select) => {
+  visible.value = flag
+  allocation.value = select
+  nextTick(() => {
+    count_info.acc_count = props.accIdsList.length
+    loadPageRuleChange()
+  })
+}
+// 暴露自己的属性供父组件使用
+defineExpose({
+  initFun
+});
+</script>
+<style lang="scss" scoped>
+@import "@/assets/style/batchDialogGdt.scss";
+
+.num_pre {
+  color: #606266;
+  font-size: 12px;
+  margin-left: 20px;
+
+  .num {
+    color: #55a1f1;
+    font-weight: bold;
+  }
+}</style>

src/components/businessMoudle/batchGdt/configArea/landPage/landPageList.vue

@@ -0,0 +1,225 @@
+<template>
+  <div class="content-wrap" v-loading="loading">
+
+    <div class="filter-wrap">
+      <div class="filter-item flex">
+        <el-input style="width: 260px;" v-model.trim="keyword" placeholder="请输入小程序名称" maxlength="50" clearable
+          @keyup.enter.native.prevent.stop="onClickSearch" @clear="onClickSearch">
+          <template #append>
+            <el-button icon="Search" @click="onClickSearch" />
+          </template>
+        </el-input>
+        <div class="filter-item">
+          <el-button type="primary" size="default" text @click="onClickReset">刷新</el-button>
+        </div>
+      </div>
+      <div class="selected-text ml-10">已选择<span class="highlight">{{ multipleSelection?.length || 0 }}</span>条</div>
+    </div>
+    <el-table ref="multipleTableRef" :row-key="(row)=>row.appid" :data="listData" border height="42vh" :header-row-style="headerRowStyle"
+      :header-cell-style="headerCellStyle" :cell-style="cellStyle" @selection-change="handleSelectionChange"
+      @select-all="handleSelectionAllChange">
+      <el-table-column align="center" type="selection" reserve-selection width="55" fixed="left"
+        :selectable="selectableEvent" />
+      <el-table-column align="center" prop="appname" label="小程序名称" min-width="100" />
+      <el-table-column align="center" prop="appid" label="小程序ID" min-width="100" />
+      <el-table-column align="center" prop="applink" label="小程序链接" min-width="200">
+        <template #default="{ row }">
+          <div class="applink-wrap">
+            <div class="link">{{ row.applink }}</div>
+            <el-icon class="icon" @click="onClickCopyApplink(row.applink)">
+              <DocumentCopy />
+            </el-icon>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column align="center" prop="remarks" label="备注" min-width="100" />
+      <el-table-column align="center" prop="account_id" label="媒体账户" min-width="100" />
+      <el-table-column align="center" prop="username" label="创建人员" min-width="100" />
+      <el-table-column align="center" prop="created_at" label="创建时间" min-width="150" />
+    </el-table>
+    <div class="pagination-wrap">
+      <el-pagination v-model:current-page="pagination.page" v-model:page-size="pagination.page_size"
+        :total="pagination.total" layout="total, prev, pager, next" @current-change="onCurrentChange" />
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onBeforeMount, reactive, ref, watch } from 'vue';
+import clipboard3 from 'vue-clipboard3'
+import to from 'await-to-js'
+import { ElMessage } from 'element-plus'
+import { getAdcreativesLandingPageList } from './ts/api'
+
+const props = withDefaults(defineProps<{
+  page_type: string,
+  select_count: number,
+  fillback?: any[],
+  account_id?: string
+}>(), {
+})
+const emit = defineEmits<{
+  (event: "callBack", val?: any): void;
+}>();
+const keyword = ref('')
+const listData = ref<any[]>([])
+const loading = ref(false)
+const multipleSelection = ref<any[]>([])
+const multipleTableRef = ref()
+const pagination = reactive({
+  page: 1,
+  page_size: 20,
+  total: 0
+})
+
+const headerRowStyle = {
+  'height': '44px',
+  'font-size': '14px',
+  'font-weight': 400,
+  'color': '#161E46',
+}
+const headerCellStyle = {
+  'background-color': '#FAFAFA',
+}
+const cellStyle = {
+  'font-size': '14px',
+  'color': '#333',
+}
+onBeforeMount(() => {
+  // getList()
+})
+const getList = () => {
+  loading.value = true
+  getAdcreativesLandingPageList({
+    account_id: props.account_id?props.account_id:'',
+    page_type: props.page_type,
+    keyword: keyword.value,
+    page: pagination.page,
+    page_size: pagination.page_size
+  }).then((res) => {
+    loading.value = false
+    if (res) {
+      listData.value = res.data;
+      pagination.total = res.pageInfo.total;
+    }
+  }).catch(() => { loading.value = false })
+}
+const onCurrentChange = (page) => {
+  pagination.page = page;
+  getList()
+}
+/**复制链接 */
+const onClickCopyApplink = async link => {
+  if (!link) return false
+  const { toClipboard } = clipboard3()
+  const [err] = await to(toClipboard(link))
+  if (err) return ElMessage.error('复制失败，请重试')
+  ElMessage.success('复制成功')
+}
+/**选择 */
+const handleSelectionChange = (val) => {
+  multipleSelection.value = val
+  emit('callBack', val)
+}
+const handleSelectionAllChange = (selection) => {
+  if (selection.length > props.select_count && props.select_count != -1) {
+    selection.length = props.select_count
+  }
+  multipleSelection.value = selection
+  emit('callBack', selection)
+}
+const selectableEvent = (row) => {
+  if (multipleSelection.value.map((v) => { return v.appid }).includes(row.appid)) {
+    return true
+  }
+  if (multipleSelection.value.length == props.select_count && props.select_count != -1) {
+    return false
+  } else {
+    return true
+  }
+}
+/**点击搜索 */
+const onClickSearch = () => {
+  getList()
+}
+/**刷新 */
+const onClickReset = () => {
+  getList()
+}
+watch(
+  () => props.select_count
+, (newValue, oldValue) => {
+  handleSelectionAllChange(multipleSelection.value)
+}, { immediate: true})
+
+watch(
+  () => props.account_id
+, (newValue, oldValue) => {
+  getList()
+}, { immediate: true})
+
+watch([
+  () => props.fillback,
+  () => multipleTableRef.value
+]
+, (newValue, oldValue) => {
+  if(newValue[0] && newValue[1]){
+    if(props.fillback && multipleTableRef.value){
+      props.fillback.forEach((row) => {
+        multipleTableRef.value?.toggleRowSelection(row, true)
+      })
+    }
+  }
+}, { immediate: true})
+
+</script>
+<style scoped lang="scss">
+.content-wrap {
+  :deep(.el-table__cell) {
+    font-size: 13px !important;
+  }
+}
+
+.filter-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background-color: #f8f8f8;
+  border: 1px solid #ebeef5;
+  border-bottom: none;
+  padding: 10px;
+}
+
+.applink-wrap {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  .link {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .icon {
+    font-size: 16px;
+    color: #3173FF;
+    margin-left: 6px;
+    cursor: pointer;
+  }
+}
+
+.pagination-wrap {
+  padding: 10px 0;
+  display: flex;
+  justify-content: center;
+}
+
+.selected-text {
+  font-size: 14px;
+  color: #666;
+
+  .highlight {
+    color: #3173FF;
+    margin: 0 4px;
+  }
+}</style>

src/components/businessMoudle/batchGdt/configArea/landPage/ts/api.ts

@@ -0,0 +1,19 @@
+import http from '@/http/http'
+import { ElMessage } from "element-plus";
+
+/**落地页列表 */
+interface IGetAdcreativesLandingPageList {
+  account_id: string,
+  page_type: string,
+  keyword: string,
+  page: number,
+  page_size: number
+}
+export async function getAdcreativesLandingPageList(params: IGetAdcreativesLandingPageList) {
+  const res: any = await http.get('/api/adcreatives/landingPageList', params)
+  if (res.errNo == 0 && res.rst) {
+    return res.rst
+  } else {
+    return
+  }
+}

src/components/businessMoudle/batchGdt/configArea/originalityBasic/index.vue

@@ -133,7 +133,7 @@ const site_set = ref<string[]>([]); // 投放版位
 const loading = ref<boolean>(true)
 const conLoading = ref<boolean>(false)
 const fullscreenLoading = ref<boolean>(false)
-const templateType = reactive({
+const templateType = reactive<{img: any[],video:any[]}>({
   img: [],
   video: []
 })
@@ -171,7 +171,7 @@ const radioChange = (obj: object) => {
     }
     form_main[i] = obj[i]
 
-    if (i == 'originalityForm'){//创意形式
+    if (i == 'originalityForm' && form_main['originalityForm'] && form_main['originalityForm'] != ''){//创意形式
       templateCurr.value = templateType[form_main['originalityForm']][0]
       getAdcreativeTemplateInfo()
     }
@@ -184,8 +184,6 @@ const backhaul = (obj) => {
 }
 /**确认 */
 const submitEvent = () => {
-  // console.log(form)
-  // return;
   let promise_arr: any = []
   for (let i in form) {//检索是否有未填写信息
     if (form[i].required && (!form[i].api_value || JSON.stringify(form[i].api_value) == "{}" || form[i].api_value == '')) { // required 和 api_value来判断是否填写需要的信息
@@ -391,10 +389,6 @@ const initEvent = () => {
   if (Array.isArray(apiFormList.value) && apiFormList.value.length > 0) {
     return
   }
-  apiFormList.value = []
-  props.accIdsList.forEach((item) => {
-    apiFormList.value.push({ account_id: item.id, adcreative_elements: {} })
-  })
   if (props.adBasicInfo.automatic_site == '1') {// 广告版位 - 自动版位  除视频号版位，其他都用作投放版位
     site_set.value = Object.keys(specificPositionAll()).filter((v) => { return v != 'SITE_SET_MOMENTS' && v != 'SITE_SET_WECHAT' })
   } else {
@@ -407,6 +401,15 @@ const initEvent = () => {
     site_set: site_set.value,
     is_automatic_site: props.adBasicInfo.automatic_site == '1' ? 1 : 0
   }).then((res) => { // 创意形式
+    loading.value = false;
+    if(!Array.isArray(res) || res.length == 0){ 
+      ElMessage.warning('不存在任意创意形式！')
+      return
+    }
+    apiFormList.value = []
+    props.accIdsList.forEach((item) => {
+      apiFormList.value.push({ account_id: item.id, adcreative_elements: {} })
+    })
     let typeList: any = []
     templateType.video = res.filter((v) => { return v.adcreative_template_style == '视频' })
     templateType.img = res.filter((v) => { return v.adcreative_template_style == '图片' })
@@ -420,7 +423,6 @@ const initEvent = () => {
     } else {
       ElMessage.warning('不存在任意创意形式！')
     }
-    loading.value = false;
   }).catch(() => { loading.value = false })
 }
 const switchShow = async (val:boolean, obj:any)=>{
@@ -432,8 +434,8 @@ const switchShow = async (val:boolean, obj:any)=>{
       fillBackInfo.value = JSON.parse(JSON.stringify(obj.fillback))
       templateCurr.value = JSON.parse(JSON.stringify(obj?.apiResult?.templateCurr))
       adTemplateItem.value = JSON.parse(JSON.stringify(obj?.apiResult?.adTemplateItem))
-      console.log('apiFormList',apiFormList.value)
- console.log('fillBack',fillBack)
+//       console.log('apiFormList',apiFormList.value)
+//  console.log('fillBack',fillBack)
       nextTick(()=>{
         DynamicCreativeGroupUsedRef.value!.switchShow(fillBack.dynamic_creative_group_used)
         BrandRef.value!.switchShow({

src/components/businessMoudle/miniprogram/index.vue

@@ -46,7 +46,7 @@
 
       <!-- S 列表 -->
       <el-table ref="multipleTableRef" row-key="id" :data="listData.list" border :header-row-style="headerRowStyle" :header-cell-style="headerCellStyle" :cell-style="cellStyle" @selection-change="handleSelectionChange">
-        <el-table-column align="center" type="selection" reserve-selection width="55" />
+        <el-table-column align="center" type="selection" reserve-selection width="55" fixed="left"/>
         <el-table-column align="center" prop="appname" label="小程序名称" min-width="100" />
         <el-table-column align="center" label="操作" min-width="100">
           <template #default="{ row }">

src/components/businessMoudle/textLibrary/index.vue

@@ -3,15 +3,17 @@
     <TypeSelect ref="typeRef2" inputWidth="200px" @change="typeChange"></TypeSelect>
     <Input class="lMar20" ref="InputRef_text" title="文案" @clearEvent="init()" @changeEvent="init()"/>
   </div>
-  <div class="tableBox">
+  <div class="tableBox" :style="source ? 'padding:0' : ''">
     <div class="flex">
       <el-button type="primary" @click="addTextEvent">添加文案</el-button>
-      <el-button type="primary" plain @click="editSortEvent">修改分类</el-button>
-      <el-popconfirm title="确定删除？" @confirm="deleEvent">
-        <template #reference>
-          <el-button type="primary" plain>删除</el-button>
-        </template>
-      </el-popconfirm>
+      <template v-if="source != 'writerHelper'">
+        <el-button type="primary" plain @click="editSortEvent">修改分类</el-button>
+        <el-popconfirm title="确定删除？" @confirm="deleEvent">
+          <template #reference>
+            <el-button type="primary" plain>删除</el-button>
+          </template>
+        </el-popconfirm>
+      </template>
     </div>
     <div class="tMar20">
       <TableList
@@ -21,6 +23,7 @@
           :total="total"
           :tableData="tableInfo.tableList"
           :descol="tableInfo.descolList"
+          :selectableEvent="selectableEvent"
           @init="init"
           @selectChange="selectEvent"
       >
@@ -60,7 +63,7 @@ import Popconfirm from '@/components/capsulationMoudle/_popconfirm.vue'
 import {getCurrentInstance, nextTick, onMounted, reactive, ref, watch} from "vue";
 import {reactiveTableAndAny, textParam} from "@/api/ApiModel";
 import {Api} from "@/api/api";
-import {ElMessage} from "element-plus";
+import {ElMessage, emitChangeFn} from "element-plus";
 import {publicTableTs} from "@/components/businessMoudle/tableInfo";
 
 
@@ -68,7 +71,20 @@ import {publicTableTs} from "@/components/businessMoudle/tableInfo";
 const { proxy } = getCurrentInstance() as any;
 // 全局方法定义
 const NumberHandle = proxy.$NumberHandle
+const props = defineProps({
+  source:{ // writerHelper创意文案 - 文案助手
+    type:String,
+  },
+  select_num:{
+    type: Number,
+    default: -1,
+  }
+})
 
+interface Emits {
+  (event: "select", val?:any): void;
+}
+const emit = defineEmits<Emits>();
 
 //修改分类
 const dialogShow = ref<boolean>(false)
@@ -176,6 +192,7 @@ const selectEvent = (obj:any)=>{
   obj.forEach(item=>{
     pageInfo.chooseList.push(item.id)
   })
+  emit('select',obj)
 }
 
 
@@ -222,7 +239,17 @@ const init = async () => {
     ElMessage.error(res.errMsg)
   }
 }
-
+/**Function 的返回值用来决定这一行的 CheckBox 是否可以勾选 */
+const selectableEvent = (row) => {
+  if(pageInfo.chooseList.includes(row.id)){
+    return true
+  }
+  if( props.select_num > 0 && pageInfo.chooseList >= props.select_num){
+    return false
+  }else{
+    return true
+  }
+}
 onMounted( ()=>{
   nextTick(async ()=>{
     await init()

src/components/capsulationMoudle/tableList.vue

@@ -4,7 +4,7 @@
             @selection-change="selectionChangeEvent" @expand-change="expandChangeEvent" :cell-class-name="cellName" :expand-row-keys="expandArrs"
             :height="immobilizationHeight"
             :max-height="tableHeight">
-    <el-table-column v-if="showSelect" fixed reserve-selection type="selection" width="60" />
+    <el-table-column v-if="showSelect" fixed reserve-selection  :selectable="selectableEvent" type="selection" width="60" />
     <template v-for="item in descol">
       <el-table-column :fixed="item.isfixed" :min-width="item.minWidth ? item.minWidth : '80px'">
         <template #header>
@@ -95,6 +95,7 @@ const props = withDefaults(defineProps<{
   pageSmall?:boolean,
   pageJustify?:string,
   immobilizationHeight?:string,
+  selectableEvent?:Function
 }>(), {
   tableData: [],
   descol: [],
@@ -116,7 +117,8 @@ const props = withDefaults(defineProps<{
   tableSize:'default',
   pageLayout:'total, prev, pager, next',
   pageSmall:false,
-  pageJustify:'center'
+  pageJustify:'center',
+  selectableEvent: ()=>{return true}
 })
 
 //表头样式
@@ -176,6 +178,10 @@ const selectionChangeEvent = (val:any) => {
 const expandChangeEvent = (val:any,expanded:any) => {
   emit('expandChange',val,expanded) //父组件方法
 }
+//仅对 type=selection 的列有效，类型为 Function，Function 的返回值用来决定这一行的 CheckBox 是否可以勾选
+const selectableEvent = (row,index) => {
+  return props.selectableEvent(row) //父组件方法
+}
 
 //排序事件
 const sortEvent = (column: string) => {