ETA—1.0.6 待联调

src/views/ppt_manage/newVersion/components/Cover.vue

@@ -5,7 +5,7 @@
         <img :src="pageInfo.BackgroundImg" class="pptbg"  style="width:100%"/>
         <div
         style="width:62%; font-size:16px; text-align:center; line-height:1.6;  position:absolute; right:20px; top:50%;zIndex:20;">
-        <p :style="`height:5px; border-top:1px solid ${$parent.pptCoverTextColor||'#fff'};marginBottom:21px;`"></p>
+        <p :style="`height:5px; marginBottom:21px;`"></p>
         <p style="font-size:28px;">{{ pageInfo.Title }}</p>
         <p style="display:flex; align-items:center; justify-content:center;margin:10px 0;">
             <span :style="`display:inline-block; width:15px; margin-right:5px; border-top:1px solid ${$parent.pptCoverTextColor||'#fff'};`"></span>
@@ -17,7 +17,7 @@
         </p>
         <p :style="{'color':$parent.pptCoverTextColor||''}">{{$parent.pptCoverDepartName||'投研部'}}</p>
         <p>{{pageInfo.PptDate}}</p>
-        <p :style="`width:80%; height:1px; border-bottom:1px solid ${$parent.pptCoverTextColor||'#fff'}; margin:21px auto 0;`"></p>
+        <p :style="`width:80%; height:1px; margin:21px auto 0;`"></p>
         </div>
     </div>
 </template>

src/views/ppt_manage/newVersion/components/CoverEn.vue

@@ -3,7 +3,7 @@
         <img :src="pageInfo.BackgroundImg" class="pptbg"  style="width:100%"/>
         <div
         :style="`width:62%; font-size:16px; text-align:center; line-height:1.6; color:${$parent.pptCoverTextColor||'#fff'}; position:absolute; right:20px; top:50%;zIndex:20;`">
-        <p :style="`height:5px; border-top:1px solid ${$parent.pptCoverTextColor||'#fff'};marginBottom:21px;`"></p>
+        <p :style="`height:5px;marginBottom:21px;`"></p>
         <p style="font-size:28px;">{{ pageInfo.Title }}</p>
         <p style="display:flex; align-items:center; justify-content:center;margin:10px 0;">
             <span :style="{'color':$parent.pptCoverTextColor||'#fff'}">{{$parent.pptCoverCompenyName||'ETA'}}</span>
@@ -15,7 +15,7 @@
         </p>
         <p :style="{'color':$parent.pptCoverTextColor||'#fff'}">{{$parent.pptCoverDepartName||'Research Department'}}</p>
         <p>{{pageInfo.PptDate}}</p>
-        <p :style="`width:80%; height:1px; border-bottom:1px solid ${$parent.pptCoverTextColor||'#fff'}; margin:21px auto 0;`"></p>
+        <p :style="`width:80%; height:1px; margin:21px auto 0;`"></p>
         </div>
     </div>
 </template>

src/views/ppt_manage/newVersion/components/catalog/pptContent.vue

@@ -5,10 +5,10 @@
       <template  v-for="(item,index) in loadArr">
           <div class="ppt-item" id="cover" v-if="index===0" :key="item.id">
             <Cover :pageInfo="firstPage" v-show="firstPage"></Cover>
-            <div class="ppt-info">
+            <!-- <div class="ppt-info">
               <p>作者：{{pptItem.AdminRealName}}</p>
               <p>{{pptItem.PptxUrl?'发布':'保存'}}时间：{{$moment(pptTime).format('YYYY-MM-DD')}}</p>
-            </div>
+            </div> -->
           </div>
           <div class="ppt-item" id="back" v-else-if="isLoadBack&&item.name==='back'&&pptBackImage.length" :key="item.id">
             <img :src="pptBackImage" class="pptbg" />

src/views/ppt_manage/newVersion/components/catalog/pptContentEn.vue

@@ -4,10 +4,10 @@
       <template  v-for="(item,index) in loadArr">
           <div class="ppt-item" id="cover" v-if="index===0" :key="item.id">
             <Cover :pageInfo="firstPage" v-show="firstPage"></Cover>
-            <div class="ppt-info">
+            <!-- <div class="ppt-info">
               <p>作者：{{pptItem.AdminRealName}}</p>
               <p>{{pptItem.PptxUrl?'发布':'保存'}}时间：{{$moment(pptTime).format('YYYY-MM-DD')}}</p>
-            </div>
+            </div> -->
           </div>
           <div class="ppt-item" id="back" v-else-if="isLoadBack&&item.name==='back'&&pptBackImage.length" :key="item.id">
             <img :src="pptBackImage" class="pptbg" style="width:100%;height:100%;object-fit: fill !important;"/>
@@ -320,13 +320,13 @@ export default {
       background-size: 100% 104.5%;
       margin-bottom: 20px;
       border: 4px solid transparent;
-      .ppt-info{
-        position:absolute;
-        top:10px;
-        right:15px;
-        color: #fff;
-        font-size: 14px;
-      }
+      // .ppt-info{
+      //   position:absolute;
+      //   top:10px;
+      //   right:15px;
+      //   color: #fff;
+      //   font-size: 14px;
+      // }
       .page-num{
         color:#666666;
         position:absolute;

src/views/ppt_manage/newVersion/components/editor/ChooseCover.vue

@@ -7,7 +7,7 @@
             </header>
             <div class="dialog-bg" :style="'backgroundImage:url('+bgList[bgListIndex]+');backgroundPosition:center;backgroundRepeat:no-repeat;backgroundSize:cover;'">
                 <div :style="`width:62%; font-size:16px; text-align:center; line-height:1.6; color:${$parent.pptCoverTextColor}; position:absolute; right:20px; top:50%;`">
-                    <p :style="`height:5px; border-top:1px solid ${$parent.pptCoverTextColor};margin-bottom:21px;`"></p>
+                    <p :style="`height:5px;margin-bottom:21px;`"></p>
                     <el-input
                       :data-textcolor="$parent.pptCoverTextColor"
                       type="textarea"
@@ -36,7 +36,7 @@
                         value-format="yyyy年M月"
                         placeholder="请选择日期">
                     </el-date-picker>
-                    <p :style="`width:80%; height:1px; border-bottom:1px solid ${$parent.pptCoverTextColor}; margin:21px auto 0;`"></p>
+                    <p :style="`width:80%; height:1px; margin:21px auto 0;`"></p>
                 </div>
             </div>
             <div class="dialog-bot">

src/views/ppt_manage/newVersion/components/editor/ChooseCoverEn.vue

@@ -7,7 +7,7 @@
             </header>
             <div class="dialog-bg" :style="'backgroundImage:url('+bgList[bgListIndex]+');backgroundPosition:center;backgroundRepeat:no-repeat;backgroundSize:cover;'">
                 <div :style="`width:62%; font-size:16px; text-align:center; line-height:1.6; color:${$parent.pptCoverTextColor||'#fff'}; position:absolute; right:20px; top:50%;`">
-                    <p :style="`height:5px; border-top:1px solid ${$parent.pptCoverTextColor||'#fff'};margin-bottom:21px;`"></p>
+                    <p :style="`height:5px; margin-bottom:21px;`"></p>
                     <el-input
                       :data-textcolor="$parent.pptCoverTextColor"
                       type="textarea"
@@ -37,7 +37,7 @@
                         value-format="yyyy.MM"
                         placeholder="请选择日期">
                     </el-date-picker>
-                    <p :style="`width:80%; height:1px; border-bottom:1px solid ${$parent.pptCoverTextColor||'#fff'}; margin:21px auto 0;`"></p>
+                    <p :style="`width:80%; height:1px; margin:21px auto 0;`"></p>
                 </div>
             </div>
             <div class="dialog-bot">

src/views/ppt_manage/newVersion/pptCatalog.vue

@@ -221,7 +221,8 @@
                 />
               </div>
               <div style="height:1px;background:#ECECEC;margin:0 -10px;"></div>
-              <div class="item-image">
+              <div class="item-image" 
+              :style="item.BackgroundImg?{background: `no-repeat top/cover url('${item.BackgroundImg}')`}:{}">
                 <span>{{item.Title}}</span>
               </div>
               <span style="font-size:14px;">创建时间：{{$moment(item.PptCreateTime).format('YYYY-MM-DD')}}</span>
@@ -246,13 +247,19 @@
           ></ppt-content-old>
         </div>
         <div class="tool-side ppt-page-wrap">
-          <span>操作</span>
-          <div class="tool-list">
-            <span v-for="item in pptToolList" :key="item.key" 
-              :class="{'delete':item.key==='delete'}"
-              @click="handleToolClick(item)">
-              {{item.label}}
-            </span>
+          <div class="ppt-info">
+            <div>作者：{{pptItem.AdminRealName}}</div>
+            <div>{{pptItem.PptxUrl?'发布':'保存'}}时间：{{$moment(pptTime).format('YYYY-MM-DD')}}</div>
+          </div>
+          <div class="tool-list-operation">
+            <span>操作</span>
+            <div class="tool-list">
+              <span v-for="item in pptToolList" :key="item.key" 
+                :class="{'delete':item.key==='delete'}"
+                @click="handleToolClick(item)">
+                {{item.label}}
+              </span>
+            </div>
           </div>
         </div>
       </div>
@@ -1514,28 +1521,39 @@ export default {
         width:180px;
         background-color: white;
         height: calc(100vh - 120px);
-        padding:20px;
-        overflow-y: scroll;
+        // padding:20px;
+        // overflow-y: scroll;
         border-left: 1px solid #eaeaea;
         &::-webkit-scrollbar-track{
           display: none;
         }
-        .tool-list{
-          margin-top: 20px;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          span{
-            cursor: pointer;
-            color:#409eff;
-            display: inline-block;
-            height: 35px;
-            line-height: 35px;
-            &.delete{
-              color: red;
+        .ppt-info{
+          font-size: 14px;
+          color: rgba($color: #000000, $alpha: 0.54);
+          margin-bottom: 5px;
+          padding: 16px 12px;
+          border-bottom: 2px solid rgba($color: #333333, $alpha: 0.03);
+        }
+        .tool-list-operation{
+          padding: 0 20px 20px;
+          .tool-list{
+            margin-top: 20px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            span{
+              cursor: pointer;
+              color:#409eff;
+              display: inline-block;
+              height: 35px;
+              line-height: 35px;
+              &.delete{
+                color: red;
+              }
             }
           }
         }
+
       }
     }
   }

src/views/ppt_manage/newVersion/pptEnCatalog.vue

@@ -216,7 +216,8 @@
                 />
               </div>
               <div style="height:1px;background:#ECECEC;margin:0 -10px;"></div>
-              <div class="item-image">
+              <div class="item-image" 
+              :style="item.BackgroundImg?{background: `no-repeat top/cover url('${item.BackgroundImg}')`}:{}">
                 <span>{{item.Title}}</span>
               </div>
               <span style="font-size:14px;">创建时间：{{$moment(item.PptCreateTime).format('YYYY-MM-DD')}}</span>
@@ -236,13 +237,19 @@
           ></ppt-content>
         </div>
         <div class="tool-side ppt-page-wrap">
-          <span>操作</span>
-          <div class="tool-list">
-            <span v-for="item in pptToolList" :key="item.key" 
-              :class="{'delete':item.key==='delete'}"
-              @click="handleToolClick(item)">
-              {{item.label}}
-            </span>
+          <div class="ppt-info">
+            <div>作者：{{pptItem.AdminRealName}}</div>
+            <div>{{pptItem.PptxUrl?'发布':'保存'}}时间：{{$moment(pptTime).format('YYYY-MM-DD')}}</div>
+          </div>
+          <div class="tool-list-operation">
+            <span>操作</span>
+            <div class="tool-list">
+              <span v-for="item in pptToolList" :key="item.key" 
+                :class="{'delete':item.key==='delete'}"
+                @click="handleToolClick(item)">
+                {{item.label}}
+              </span>
+            </div>
           </div>
         </div>
       </div>
@@ -1404,25 +1411,35 @@ export default {
         width:180px;
         background-color: white;
         height: calc(100vh - 120px);
-        padding:20px;
-        overflow-y: scroll;
+        // padding:20px;
+        // overflow-y: scroll;
         border-left: 1px solid #eaeaea;
         &::-webkit-scrollbar-track{
           display: none;
         }
-        .tool-list{
-          margin-top: 20px;
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-          span{
-            cursor: pointer;
-            color:#409eff;
-            display: inline-block;
-            height: 35px;
-            line-height: 35px;
-            &.delete{
-              color: red;
+        .ppt-info{
+          font-size: 14px;
+          color: rgba($color: #000000, $alpha: 0.54);
+          margin-bottom:5px;
+          padding: 16px 12px;
+          border-bottom: 2px solid rgba($color: #333333, $alpha: 0.03);
+        }
+        .tool-list-operation{
+          padding: 0 20px 20px;
+          .tool-list{
+            margin-top: 20px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            span{
+              cursor: pointer;
+              color:#409eff;
+              display: inline-block;
+              height: 35px;
+              line-height: 35px;
+              &.delete{
+                color: red;
+              }
             }
           }
         }

src/views/system_manage/components/imgUpload.vue

@@ -33,6 +33,7 @@
         },
         watch: {
             imgUrl(newVal) {
+                console.log(newVal);
                 //this.uploadKey++
             }
         },

src/views/system_manage/etaBaseConfig.vue

@@ -22,20 +22,65 @@
                         </el-checkbox-group>
                         <ConfigAnnotation picName="CompanyWatermark" @showImage="previewImage"/>
                     </el-form-item>
+                    <el-form-item label="短信模板" prop="SMSTemplateId" >
+                        <div class="form-item-type-two">
+                            <el-input type="text" v-model="formData.SMSTemplateId" placeholder="请输入短信模板ID" />
+                            <el-tooltip content="登陆系统或找回密码或验证身份" placement="top">
+                                <img src="~@/assets/img/icons/warn-circle-black.png" />
+                            </el-tooltip>
+                        </div>
+                    </el-form-item>
+                    <el-form-item label="邮件模板" prop="EmailTemplateTitle" >
+                        <div class="form-item-type-two">
+                            <el-input type="text" v-model="formData.EmailTemplateTitle" placeholder="请输入邮件标题" />
+                            <el-tooltip content="登陆系统或找回密码或验证身份" placement="top">
+                                <img src="~@/assets/img/icons/warn-circle-black.png" />
+                            </el-tooltip>
+                        </div>
+                    </el-form-item>
+                    <el-form-item prop="EmailTemplateContent" >
+                        <el-input type="textarea" v-model="formData.EmailTemplateContent" :rows="7" :maxlength="300"
+                        placeholder="请输入邮件内容" show-word-limit />
+                    </el-form-item>
                 </div>
                 <div class="side">
-                    <el-form-item label="免责声明" prop="Disclaimer" class="disclaimer">
-                        <div class="rich-editor-wrap">
-                            <froala :id="`disclaimer-editor`"
-                                :ref="`disclaimerEditor`" 
-                                :tag="'textarea'" 
-                                :config="disclaimerConfig" v-model="formData.Disclaimer">
-                            </froala>
-                        </div>
-                        <ConfigAnnotation picHintText="" picName="Disclaimer" @showImage="previewImage"/>
+                    <el-form-item label="研报分享抬头" prop="ShareLetterhead">
+                        <el-input type="text" v-model="formData.ShareLetterhead" placeholder="请输入抬头名称" />
+                    </el-form-item>
+                    <el-form-item label="关联公众号" prop="AppID">
+                        <el-input type="text" v-model="formData.AppID" placeholder="请输入AppID" />
+                    </el-form-item>
+                    <el-form-item prop="AppSecret">
+                        <el-input type="text" v-model="formData.AppSecret" placeholder="请输入AppSecret" />
+                    </el-form-item>
+                    <el-form-item prop="PrimevalId">
+                        <el-input type="text" v-model="formData.PrimevalId" placeholder="请输入原始Id" />
+                    </el-form-item>
+                    <div class="input-hint">注：关联公众号填写时，AppID、AppSecret原始ID均需填写。</div>
+                    <el-form-item  prop="OfficialAccountsLogo">
+                        <ImgUpload 
+                            :imgUrl="formData.OfficialAccountsLogo"
+                            @showImage="showImage"
+                            @upload="(file)=>handleUploadImage(file,'OfficialAccountsLogo')"
+                            @remove="deleteFormImg('OfficialAccountsLogo')"
+                            />
+                        <ConfigAnnotation picName="OfficialAccountsLogoPic" @showImage="previewImage"
+                            picHintText=""/>
                     </el-form-item>
                 </div>
             </div>
+            <div class="part-statement part" >
+                <el-form-item label="免责声明" prop="Disclaimer" class="disclaimer">
+                    <div class="rich-editor-wrap">
+                        <froala :id="`disclaimer-editor`"
+                            :ref="`disclaimerEditor`" 
+                            :tag="'textarea'" 
+                            :config="disclaimerConfig" v-model="formData.Disclaimer">
+                        </froala>
+                    </div>
+                    <ConfigAnnotation picHintText="" picName="Disclaimer" @showImage="previewImage"/>
+                </el-form-item>
+            </div>
             <div class="part-ppt part" v-if="isShowPPT||isShowEnPPT">
                 <el-radio-group v-model="pptLang" style="margin-bottom: 22px;">
                     <el-radio-button label="cn">中文PPT</el-radio-button>
@@ -206,6 +251,14 @@ export default {
                 CompanyName:'',//公司名称
                 CompanyWatermark:'',//公司水印
                 WatermarkChart:0,//是否在研报图表中使用水印 0否 1是
+                SMSTemplateId:'',//短信模板Id
+                EmailTemplateTitle:'', // 邮件标题
+                EmailTemplateContent:'', // 邮件内容
+                ShareLetterhead:'', // 分享抬头名称
+                AppID:'',
+                AppSecret:'',
+                PrimevalId:'',
+                OfficialAccountsLogo:'',
 
                 UseXf:0,//是否启用科大讯飞服务 0否 1是
                 XfAppid:'',
@@ -224,6 +277,11 @@ export default {
             rules: {
                 Disclaimer:[{ required: true, message: '请输入免责声明', trigger: 'blur' }],
                 CompanyName:[{ required: true, message: '请输入公司名称', trigger: 'blur' }],
+                SMSTemplateId:[{ required: true, message: '请输入短信模板ID', trigger: 'blur' }],
+                EmailTemplateTitle:[{ required: true, message: '请输入邮件标题', trigger: 'blur' }],
+                EmailTemplateContent:[{ required: true, message: '请输入邮件内容', trigger: 'blur' }],
+                ShareLetterhead:[{ required: true, message: '请输入抬头名称', trigger: 'blur' }],
+                
                 //CompanyWatermark:[{ required: true, message: '请选择水印图片', trigger: 'blur' }],
                 CnPptBackgroundImg:[{ required: true, message: '请选择中文PPT背景图', trigger: 'blur' }],
                 EnPptBackgroundImg:[{ required: true, message: '请选择英文PPT背景图', trigger: 'blur' }],
@@ -281,7 +339,8 @@ export default {
                 'CompanyWatermark':[require('@/assets/img/eta_base_config/mark_1.jpg')],
                 'pptCoverList':[require('@/assets/img/eta_base_config/ppt_cover.jpg')],
                 'pptBgPic':[require('@/assets/img/eta_base_config/ppt_bgpic.jpg')],
-                'pptBackPic':[require('@/assets/img/eta_base_config/ppt_back.jpg')]
+                'pptBackPic':[require('@/assets/img/eta_base_config/ppt_back.jpg')],
+                'OfficialAccountsLogoPic':[require('@/assets/img/eta_base_config/ppt_back.jpg')],
             },
             /* loading */
             configLoading:null,
@@ -344,6 +403,7 @@ export default {
                 }else{
                     this.formData[key] = res.Data.ResourceUrl
                 }
+                console.log(this.formData);
             })
         },
         previewImage(picName){
@@ -465,6 +525,21 @@ export default {
             }
             .side{
                 width:45%;
+                .form-item-type-two{
+                    display: flex;
+                    align-items: center;
+                    img{
+                        height: 20px;
+                        cursor: pointer;
+                        margin-left: 12px;
+                    }
+                }
+                .input-hint{
+                    color: #999999;
+                    font-size: 14px;
+                    line-height: 20px;
+                    margin-bottom: 10px;
+                }
             }
             .ppt-form-item-wrap{
                 width:100%;