Pārlūkot izejas kodu

优化优化优化

pansl 1 gadu atpakaļ
vecāks
revīzija
8b27a238a6

+ 11 - 2
src/components/admin/dialog/index.vue

@@ -1,7 +1,8 @@
 <template>
   <div>
-    <el-dialog :model-value="modelValue" :align-center="alignCenter" :show-close="false" :style="{ height }"
-      :fullscreen="isFullscreen" v-bind="$attrs" :width="width" :close="close" :before-close="beforeClose" draggable>
+    <el-dialog :model-value="modelValue" :align-center="alignCenter" :close-on-click-modal="closeOnClickModal"
+      :close-on-press-escape='closeOnPressEscape' :show-close="false" :style="{ height }" :fullscreen="isFullscreen"
+      v-bind="$attrs" :width="width" :close="close" :before-close="beforeClose" draggable>
       <template #header="{ titleId, titleClass }">
         <div class="flex justify-between w-full">
           <div>
@@ -33,6 +34,14 @@ const props = defineProps({
     default: false,
     require: true,
   },
+  closeOnClickModal: {
+    type: Boolean,
+    default: true,
+  },
+  closeOnPressEscape: {
+    type: Boolean,
+    default: true,
+  },
   showFooter: {
     type: Boolean,
     default: false,

+ 2 - 2
src/views/pageLayout/viewpagerPageManage/form/create.vue

@@ -13,7 +13,7 @@
       <el-input v-model.number="formCallback.sort" min="1" type="number" size="default" clearable></el-input>
     </el-form-item>
     <el-form-item label="封面图" prop="img_url" :rules="[{ required: true, message: '请上传封面图' }]">
-      <my-upload acceptType=".png,.jpg,.jpeg" :isCheckMM="true" :isMultiple="true" @fileRemove="fileRemove"
+      <my-upload acceptType=".png,.jpg,.jpeg" :isCheckMM="false" :isMultiple="true" @fileRemove="fileRemove"
         @fileSuccess="fileSuccess" :fileList="formCallback.fileList" action="/qiniu/upload/image"></my-upload>
     </el-form-item>
     <el-form-item label="链接短剧信息" prop="duanjus" :rules="[{ required: false, message: '选择链接短剧信息', trigger: 'change' }]">
@@ -129,10 +129,10 @@ const submitForm = (formEl: FormInstance | undefined) => {
 }
 
 if (props.primary.id) {
-  console.log(props.primary, 'props.primaryprops.primary');
   formCallback.value = JSON.parse(JSON.stringify(props.primary))
   formCallback.value.duanjus = JSON.parse(JSON.stringify(props.primary.videoInfo))
   formCallback.value.fileList = [{ uid: props.primary.id, url: props.primary.img_url }]
+  console.log(props.primary, 'props.primaryprops.primary', formCallback.value);
 } else {
   formCallback.value.fileList = []
 }

+ 6 - 6
src/views/payBack/juliangAccount/tabs/advertiserList/index.vue

@@ -22,8 +22,8 @@
     </div>
     <el-table :data="tableData" class="mt-3" v-loading="loading" @selection-change="handleSelectionChange">
       <el-table-column type="selection" width="80"></el-table-column>
-      <el-table-column label="回传配置ID" width="260" prop="id"></el-table-column>
-      <el-table-column label="巨量账户ID" width="260" prop="adv_account_id"></el-table-column>
+      <el-table-column label="回传配置ID" min-width="260" prop="id"></el-table-column>
+      <el-table-column label="巨量账户ID" min-width="260" show-overflow-tooltip prop="adv_account_id"></el-table-column>
       <!-- <el-table-column label="巨量账户" width="260" prop="adv_account_name"></el-table-column> -->
       <el-table-column label="回传开关" width="150" v-action="'callback.JuliangAccount.turnCallbackState'">
         <template #default="scope">
@@ -33,15 +33,15 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="关联推广名称" width="260" prop="promotion_name">
+      <el-table-column label="关联推广名称" min-width="260" show-overflow-tooltip prop="promotion_name">
       </el-table-column>
-      <el-table-column label="关联推广ID" width="260" prop="promotion_id">
+      <el-table-column label="关联推广ID" show-overflow-tooltip prop="promotion_id">
         <template #default="scope">
-          <el-button link type="primary" size="small" @click="goToPromotion(scope.row)">{{ scope.row.promotion_id
+          <el-button link type="primary" size="default" @click="goToPromotion(scope.row)">{{ scope.row.promotion_id
           }}</el-button>
         </template>
       </el-table-column>
-      <el-table-column label="操作" width="200" fixed="right">
+      <el-table-column label="操作" min-width="200" fixed="right">
         <template #default="scope">
           <el-button link type="primary" size="small" @click="handleEdit(scope.$index, scope.row)"
             v-action="'callback.JuliangAccount.updateCallbackConfig'">回传配置</el-button>

+ 43 - 24
src/views/promotion/promotionList/index.vue

@@ -24,10 +24,10 @@
           <div class="table-default">
             <el-table :data="tableData" class="mt-3" v-loading="loading">
               <el-table-column prop="id" label="推广ID" />
-              <el-table-column label="推广名称" show-overflow-tooltip width="200px">
+              <el-table-column label="推广名称" show-overflow-tooltip min-width="200px">
                 <template #default="scope">
                   <div class="wrapper">
-                    <span class="text-lg font-bold text-blue-400 content">
+                    <span class="text-lg content">
                       {{ scope.row.name }}
                     </span>
                   </div>
@@ -37,11 +37,11 @@
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column prop="miniprogram_name" label="小程序名称" width="200px" />
-              <el-table-column prop="total_episode_num" label="入口章节">
+              <el-table-column prop="miniprogram_name" label="小程序名称" min-width="200px" />
+              <el-table-column prop="total_episode_num" label="入口章节" min-width="200px">
                 <template #default="scope">
                   <div class="wrapper">
-                    <span class="text-lg font-bold text-blue-400 content">
+                    <span class="text-lg content">
                       {{ scope.row.video_name }}
                     </span>
                   </div>
@@ -50,7 +50,7 @@
                   </div>
                 </template>
               </el-table-column>
-              <el-table-column prop="total_episode_num" label="复制链接" width="200px">
+              <el-table-column prop="total_episode_num" label="复制链接" min-width="200px">
                 <template #header>
                   <div class="flex items-center">
                     <span>复制链接</span>
@@ -63,34 +63,53 @@
                   </div>
                 </template>
                 <template #default="scope">
-                  <div class="wrapper">
-                    <el-popover placement="top" title="推广链接" :width="500" trigger="hover" v-if="scope.row.promotion_path"
-                      :content="scope.row.promotion_path">
-                      <template #reference>
-                        <copy-button :text="scope.row.promotion_path" class="mb-6">
-                          <el-link type="primary" :underline="false">点击复制推广链接</el-link>
-                        </copy-button>
-                      </template>
-                    </el-popover>
-                    <el-popover placement="top" title="监测链接" :width="500" trigger="hover" v-if="scope.row.track_url"
-                      :content="scope.row.track_url">
-                      <template #reference>
-                        <copy-button :text="scope.row.track_url">
-                          <el-link type="primary" :underline="false">点击复制监测链接</el-link>
-                        </copy-button>
-                      </template>
-                    </el-popover>
+                  <div class="wrapper" v-if="scope.row.status">
+                    <div>
+                      <el-popover placement="top" title="推广链接" :width="500" trigger="hover"
+                        v-if="scope.row.promotion_path" :content="scope.row.promotion_path">
+                        <template #reference>
+                          <copy-button :text="scope.row.promotion_path" class="mb-6">
+                            <el-link type="primary" :underline="false">点击复制推广链接</el-link>
+                          </copy-button>
+                        </template>
+                      </el-popover>
+                    </div>
+                    <div>
+                      <el-popover placement="top" title="监测链接" :width="500" trigger="hover" v-if="scope.row.track_url"
+                        :content="scope.row.track_url">
+                        <template #reference>
+                          <copy-button :text="scope.row.track_url">
+                            <el-link type="primary" :underline="false">点击复制监测链接</el-link>
+                          </copy-button>
+                        </template>
+                      </el-popover>
+                    </div>
                   </div>
                 </template>
               </el-table-column>
               <el-table-column prop="callback_type_str" label="回传类型" />
-              <el-table-column prop="callback_config_id" label="回传配置ID" width="160px">
+              <el-table-column prop="callback_config_id" label="回传配置ID" min-width="160px">
                 <template #default="scope">
                   <el-button link type="primary" size="default" @click="goToTtHuicHuan(scope.row)">{{
                     scope.row.callback_config_id }}</el-button>
                 </template>
               </el-table-column>
               <el-table-column prop="status_str" label="状态">
+                <template #header>
+                  <div class="flex items-center">
+                    <span>状态</span>
+                    <el-tooltip placement="top">
+                      <template #content>
+                        当前推广链接的状态<br />
+                        启用:当前推广ID已绑定回传配置<br />
+                        禁用:当前推广ID未绑定回传配置
+                      </template>
+                      <el-icon>
+                        <InfoFilled />
+                      </el-icon>
+                    </el-tooltip>
+                  </div>
+                </template>
                 <template #default="scope">
                   <div class="wrapper">
                     <span class="text-lg font-bold content">

+ 4 - 3
src/views/videoManage/videoLibraryList/index.vue

@@ -148,11 +148,12 @@
     <Dialog v-model="takeVisible" width="50%" title="订阅设置" destroy-on-close>
       <subscribeSet @close="closeType('takeVisible')" :primary="takeData"></subscribeSet>
     </Dialog>
-    <Dialog v-model="uploadVisible" width="50%" title="上传视频" destroy-on-close>
+    <Dialog v-model="uploadVisible" width="50%" title="上传视频" :closeOnClickModal="false" :closeOnPressEscape="false"
+      destroy-on-close>
       <uploadVideo @close="closeType('uploadVisible')" :primary="uploadData"></uploadVideo>
     </Dialog>
-    <el-dialog draggable v-action="'video.video.list'" align-center append-to-body v-model="videoDetailVisible" width="50%" title="短剧详情"
-      destroy-on-close>
+    <el-dialog draggable v-action="'video.video.list'" align-center append-to-body v-model="videoDetailVisible"
+      width="50%" title="短剧详情" destroy-on-close>
       <videoDetail @close="closeType('videoDetailVisible')" :primary="videoDetailData"></videoDetail>
     </el-dialog>
     <!-- <Dialog v-action="'video.video.list'" v-model="videoDetailVisible" width="50%" title="短剧详情" destroy-on-close>