Explorar o código

提交切换分支

朱鑫波 %!s(int64=4) %!d(string=hai) anos
pai
achega
46e48b8c9b

+ 3 - 0
src/mixins/JeecgListMixin.js

@@ -12,6 +12,7 @@ import { transformTozTreeFormat } from '@/utils/util.js'
 export const JeecgListMixin = {
   data() {
     return {
+      spinning:true,
       //token header
       tokenHeader: {'X-Access-Token': Vue.ls.get(ACCESS_TOKEN)},
       /* 查询条件-请不要在queryParam中声明非字符串值的属性 */
@@ -93,6 +94,7 @@ export const JeecgListMixin = {
         }
     },
     async loadData(arg) {
+      this.spinning= true
       this.dataSource = []
       if (!this.url.list) {
         this.$message.error("请设置url.list属性!")
@@ -127,6 +129,7 @@ export const JeecgListMixin = {
                 }
             })
             this.ipagination.total = res.result.total;
+            this.spinning= false
         }
         if (res.code === 510) {
           this.$message.warning(res.message)

+ 10 - 3
src/views/modules/kuaishouapp/account/advertisingGroup.vue

@@ -199,7 +199,8 @@
       </template>
     </a-modal>
     <a-modal title="拷贝" v-model="visibleCopy" :width="900">
-      <span style="color:red;display:block;width:100%;text-align:center;margin:10px">快手后台抽帧,程序化创意暂不支持被复制</span>
+      <a-spin :spinning="copyLoading">
+           <span style="color:red;display:block;width:100%;text-align:center;margin:10px">快手后台抽帧,程序化创意暂不支持被复制</span>
       <a-form :form="form">
         <a-form-item label="广告计划名称" :labelCol="{ lg: { span: 6 }, sm: { span: 6 } }"
           :wrapperCol="{ lg: { span: 18 }, sm: { span: 18 } }">
@@ -265,6 +266,8 @@
           </a-radio-group>
         </a-form-item>
       </a-form>
+    </a-spin>
+
       <template slot="footer">
         <a-button key="submit" type="primary" @click="handleSubmitCopy"
           :disabled="getData('isUpdateTrackUrl')?clickTrackUrl==''?true:false:false" :loading='loading'>
@@ -592,6 +595,7 @@
         campaignList: [],
         showEdit: false,
         visibleCopy: false,
+        copyLoading:true,
         loading: false,
         columns,
         columnsElse: columns,
@@ -842,7 +846,7 @@
         this.$refs.editGroup.handleOk(item, 'edit')
       },
       copyDetail(item) {
-        this.visibleCopy = true
+
         this.clickTrackUrl = ''
         this.campaignId = localStorage.getItem('advertisingGroupKey')
         this.form.resetFields()
@@ -850,7 +854,8 @@
         this.$nextTick(() => {
           this.unitNameInit = item.unitName
         })
-
+        this.copyLoading = true
+        this.visibleCopy = true
         var params = {}
         params.accountId = item.accountId
         params.unitId = item.unitId
@@ -862,6 +867,8 @@
               ...res.result.appInfo,
               ...res.result.target
             }
+
+            this.copyLoading = false
           }
 
         })

+ 3 - 4
src/views/modules/material/materialList.vue

@@ -197,6 +197,7 @@ a {
     </div>
     <a-tabs @change="callbackTwo" v-model="active" id="material-card" type="card">
       <a-tab-pane :tab="item.tab" v-for="item of examinelList" :key="item.value">
+        <a-spin :spinning="spinning">
         <div v-if="dataSource.length > 0">
           <a-checkbox-group @change="onChangeCheck" v-model="checkArr" class="home-card">
             <div class="home-item" v-for="(items, index) in dataSource" :key="index" @click="showDetail(items)">
@@ -282,11 +283,9 @@ a {
           <img
             src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575627350102&di=02972956f2243933bffc0d85099adbfe&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1095310825%2C1528244349%26fm%3D214%26gp%3D0.jpg"
             alt="" v-if="!loading"/>
-            <img
-            v-else
-            src="./loading.gif"
-            />
+          <div v-else></div>
         </div>
+        </a-spin>
       </a-tab-pane>
     </a-tabs>
     <a-modal title="添加素材" v-model="visible" @ok="handleOk" @cancel="close" :maskClosable="false" :width="800">

+ 248 - 246
src/views/modules/material/videoMaterial.vue

@@ -398,171 +398,172 @@ a {
 
     <a-tabs @change="callbackTwo" v-model="active" type="card" id="material-card">
       <a-tab-pane :tab="item.tab" v-for="item of examinelList" :key="item.value">
-        <div v-if="dataSource.length > 0">
-          <a-checkbox-group @change="onChangeCheck" v-model="checkArr" class="home-card">
-            <div
-              class="home-item"
-              v-for="(items, index) in dataSource"
-              :key="index"
-              @click="showDetail(items)"
-            >
-              <span v-if="items.excellent == 0"></span>
-              <span
-                v-else
-                style="position:absolute;top:30px;right:-105px;display:block;width:300px;height:30px;text-align:center;line-height;30px;background:red;transform:rotate(45deg);z-index:1000"
-              >优秀素材</span>
-              <div class="home-right">
-                <a-badge
-                  :count="checkArr.indexOf(items.id) > -1 ? checkArr.indexOf(items.id) + 1 : 0"
-                  :numberStyle="{ backgroundColor: '#52c41a' }"
-                  style="width:100%;display:flex"
-                  @click.stop
-                >
-                  <span
-                    style="color: #999; fontSize: 14px;padding-bottom:10px;display:inline-block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
-                    :title="items.projectName"
-                  >{{ items.projectName }}</span>
-                  <span
-                    style="color: #999; fontSize: 14px;padding-bottom:10px;display:inline-block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
-                    :title="items.materialName"
-                  >{{items.materialName}}</span>
-
-                  <a-icon
-                    type="close-circle"
-                    @click="deleteData(items.id)"
-                    v-show="active == '0'"
-                    v-if="items.userId == userInfo().id"
-                  />
-                </a-badge>
-                <div
-                  style="display:flex;justify-content:center;width:100%;height:200px;position:relative;"
-                >
-                  <!-- <video
+        <a-spin :spinning="spinning">
+          <div v-if="dataSource.length > 0">
+            <a-checkbox-group @change="onChangeCheck" v-model="checkArr" class="home-card">
+              <div
+                class="home-item"
+                v-for="(items, index) in dataSource"
+                :key="index"
+                @click="showDetail(items)"
+              >
+                <span v-if="items.excellent == 0"></span>
+                <span
+                  v-else
+                  style="position:absolute;top:30px;right:-105px;display:block;width:300px;height:30px;text-align:center;line-height;30px;background:red;transform:rotate(45deg);z-index:1000"
+                >优秀素材</span>
+                <div class="home-right">
+                  <a-badge
+                    :count="checkArr.indexOf(items.id) > -1 ? checkArr.indexOf(items.id) + 1 : 0"
+                    :numberStyle="{ backgroundColor: '#52c41a' }"
+                    style="width:100%;display:flex"
+                    @click.stop
+                  >
+                    <span
+                      style="color: #999; fontSize: 14px;padding-bottom:10px;display:inline-block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
+                      :title="items.projectName"
+                    >{{ items.projectName }}</span>
+                    <span
+                      style="color: #999; fontSize: 14px;padding-bottom:10px;display:inline-block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"
+                      :title="items.materialName"
+                    >{{items.materialName}}</span>
+
+                    <a-icon
+                      type="close-circle"
+                      @click="deleteData(items.id)"
+                      v-show="active == '0'"
+                      v-if="items.userId == userInfo().id"
+                    />
+                  </a-badge>
+                  <div
+                    style="display:flex;justify-content:center;width:100%;height:200px;position:relative;"
+                  >
+                    <!-- <video
                     :src="items.url"
                     @canplay="a(items)"
                     style="height:200px;max-width:100%;position:absolute;z-index:10;"
-                  />-->
-                  <div style="width: 100px;position: absolute;left: 0;z-index:1000">
-                    <a-tooltip placement="top">
-                      <template slot="title">
-                        <span>{{ items.kuaishouEffiType == 1 ? '快手有效视频' : '已经同步到快手平台' }}</span>
-                      </template>
-                      <img
-                        style="width:30px;height:30px;"
-                        v-if="items.kuaishouVideoIsUp == 1"
-                        :style="{ filter: items.kuaishouEffiType == 1 ? 'grayscale(0%)' : 'grayscale(100%)' }"
-                        src="./kuaishou.jpg"
-                      />
-                    </a-tooltip>
-                    <a-tooltip placement="top">
-                      <template slot="title">
-                        <span>{{ items.toutiaoEffiType == 1 ? '抖音有效视频' : '已经同步到抖音平台' }}</span>
-                      </template>
-                      <img
-                        v-if="items.toutiaoVideoIsUp == 1 && items.toutiaoEffiType == 1"
-                        style="width:30px;height:30px;margin-left:5px;"
-                        src="./douyin.jpg"
-                        alt
-                      />
-                      <img
-                        v-else-if="items.toutiaoVideoIsUp == 1 && items.toutiaoEffiType == 0"
-                        style="width:30px;height:30px;margin-left:5px;"
-                        src="./douyinhui.jpg"
-                        alt
-                      />
-                    </a-tooltip>
-                  </div>
+                    />-->
+                    <div style="width: 100px;position: absolute;left: 0;z-index:1000">
+                      <a-tooltip placement="top">
+                        <template slot="title">
+                          <span>{{ items.kuaishouEffiType == 1 ? '快手有效视频' : '已经同步到快手平台' }}</span>
+                        </template>
+                        <img
+                          style="width:30px;height:30px;"
+                          v-if="items.kuaishouVideoIsUp == 1"
+                          :style="{ filter: items.kuaishouEffiType == 1 ? 'grayscale(0%)' : 'grayscale(100%)' }"
+                          src="./kuaishou.jpg"
+                        />
+                      </a-tooltip>
+                      <a-tooltip placement="top">
+                        <template slot="title">
+                          <span>{{ items.toutiaoEffiType == 1 ? '抖音有效视频' : '已经同步到抖音平台' }}</span>
+                        </template>
+                        <img
+                          v-if="items.toutiaoVideoIsUp == 1 && items.toutiaoEffiType == 1"
+                          style="width:30px;height:30px;margin-left:5px;"
+                          src="./douyin.jpg"
+                          alt
+                        />
+                        <img
+                          v-else-if="items.toutiaoVideoIsUp == 1 && items.toutiaoEffiType == 0"
+                          style="width:30px;height:30px;margin-left:5px;"
+                          src="./douyinhui.jpg"
+                          alt
+                        />
+                      </a-tooltip>
+                    </div>
 
-                  <a-icon
-                    type="fire"
-                    style="font-size:20px;position: absolute;right: 0;bottom:10px;z-index:1000;color:red"
-                    v-if="items.whetherUnaudited"
-                  />
-                  <img
-                    :src="items.coverUrl"
-                    alt
-                    style="height:200px;max-width:100%;position:absolute;z-index:10;"
-                  />
-                  <!-- <img
+                    <a-icon
+                      type="fire"
+                      style="font-size:20px;position: absolute;right: 0;bottom:10px;z-index:1000;color:red"
+                      v-if="items.whetherUnaudited"
+                    />
+                    <img
+                      :src="items.coverUrl"
+                      alt
+                      style="height:200px;max-width:100%;position:absolute;z-index:10;"
+                    />
+                    <!-- <img
                     src="./timg.gif"
                     v-if="!items.showVideo"
                     alt=""
                     style="height:200px;max-width:100%;position:absolute;z-index:11;"
                     @click.stop
-                  />-->
-                </div>
-                <div style="width:100%;height:1px;border-bottom:1px solid #f2f2f2;margin-top:5px"></div>
-                <div v-if="active == '2'" class="bh">驳回原因:{{ items.refuseReason }}</div>
-
-                <div
-                  v-if="active == '1'"
-                  class="bhShow"
-                  style="display:flex;justify-content:space-between;"
-                  @click.stop="showData(items)"
-                >
-                  <div v-if="items.byteDance" class="show-data">
-                    <span>抖音</span>
-                    <span>消耗:{{ items.byteDance.cost }}</span>
-                    <span>封面点击:{{ items.byteDance.click }}</span>
-                    <span>封面展示:{{ items.byteDance.showNum }}</span>
-                  </div>
-                  <div v-else style="line-height:100px;" class="show-data">
-                    <span>抖音:无</span>
-                  </div>
-                  <div v-if="items.kuaiShou" class="show-data">
-                    <span>快手</span>
-                    <span>消耗:{{ items.kuaiShou.charge }}</span>
-                    <span>封面点击:{{ items.kuaiShou.photoClick }}</span>
-                    <span>封面展示:{{ items.kuaiShou.photoShow }}</span>
+                    />-->
                   </div>
-                  <div v-else style="line-height:100px;" class="show-data">
-                    <span>快手:无</span>
+                  <div style="width:100%;height:1px;border-bottom:1px solid #f2f2f2;margin-top:5px"></div>
+                  <div v-if="active == '2'" class="bh">驳回原因:{{ items.refuseReason }}</div>
+
+                  <div
+                    v-if="active == '1'"
+                    class="bhShow"
+                    style="display:flex;justify-content:space-between;"
+                    @click.stop="showData(items)"
+                  >
+                    <div v-if="items.byteDance" class="show-data">
+                      <span>抖音</span>
+                      <span>消耗:{{ items.byteDance.cost }}</span>
+                      <span>封面点击:{{ items.byteDance.click }}</span>
+                      <span>封面展示:{{ items.byteDance.showNum }}</span>
+                    </div>
+                    <div v-else style="line-height:100px;" class="show-data">
+                      <span>抖音:无</span>
+                    </div>
+                    <div v-if="items.kuaiShou" class="show-data">
+                      <span>快手</span>
+                      <span>消耗:{{ items.kuaiShou.charge }}</span>
+                      <span>封面点击:{{ items.kuaiShou.photoClick }}</span>
+                      <span>封面展示:{{ items.kuaiShou.photoShow }}</span>
+                    </div>
+                    <div v-else style="line-height:100px;" class="show-data">
+                      <span>快手:无</span>
+                    </div>
                   </div>
-                </div>
-                <div
-                  style="width:100%;height:1px;border-bottom:1px solid #f2f2f2;margin-top:5px"
-                  v-if="active != '0'"
-                ></div>
-                <span
-                  style="color: black; fontSize: 16px;padding-top:10px;display:block;width:100%"
-                  @click.stop
-                >
-                  <!-- <a href="javascript:;" style="margin-right:20px" @click="edit(items, '2')" v-show="active == '2'"
+                  <div
+                    style="width:100%;height:1px;border-bottom:1px solid #f2f2f2;margin-top:5px"
+                    v-if="active != '0'"
+                  ></div>
+                  <span
+                    style="color: black; fontSize: 16px;padding-top:10px;display:block;width:100%"
+                    @click.stop
+                  >
+                    <!-- <a href="javascript:;" style="margin-right:20px" @click="edit(items, '2')" v-show="active == '2'"
                     v-if="items.userId == userInfo().id">
                     修改</a>
                   <a href="javascript:;" style="margin-right:20px" v-show="active !='3'" @click="personEdit(items, '2')"
                     v-if="items.userId == userInfo().id||role.roleCode =='designTeamLeader'">
-                  人员修改</a>-->
+                    人员修改</a>-->
 
-                  <a-popconfirm
-                    @confirm="okEditShow(items, '2')"
-                    v-show="active != '2'&&active!='3'"
-                    v-if="
+                    <a-popconfirm
+                      @confirm="okEditShow(items, '2')"
+                      v-show="active != '2'&&active!='3'"
+                      v-if="
                       role.roleCode == 'operator' ||
                         role.roleCode == 'kuaishouOperationManager' ||
                         role.roleCode == 'admin' ||
                         role.roleCode == 'operationAssistant' ||
                         role.roleCode == 'touTiaoOperationManager'
                     "
-                  >
-                    <div slot="title">
-                      <div>
-                        驳回原因:
-                        <a-textarea
-                          placeholder="请输入原因"
-                          v-model="refuseReason"
-                          :autosize="{ minRows: 3, maxRows: 10 }"
-                        />
-                      </div>
-                      <div>
-                        截图:
-                        <uploadFile
-                          v-if="refuseFile"
-                          :value.sync="refuseFile"
-                          :fileCount="15"
-                          uploadType="image"
-                        />
-                        <!-- <upload-to-ali
+                    >
+                      <div slot="title">
+                        <div>
+                          驳回原因:
+                          <a-textarea
+                            placeholder="请输入原因"
+                            v-model="refuseReason"
+                            :autosize="{ minRows: 3, maxRows: 10 }"
+                          />
+                        </div>
+                        <div>
+                          截图:
+                          <uploadFile
+                            v-if="refuseFile"
+                            :value.sync="refuseFile"
+                            :fileCount="15"
+                            uploadType="image"
+                          />
+                          <!-- <upload-to-ali
                           v-model="refuseFile"
                           :customDomain="customDomain"
                           multiple
@@ -575,123 +576,124 @@ a {
                           :accessKeyId="accessKeyId"
                           :accessKeySecret="accessKeySecret"
                           :dir="dirImg"
-                        ></upload-to-ali>-->
+                          ></upload-to-ali>-->
+                        </div>
                       </div>
-                    </div>
-                    <a href="javascript:;" style="margin-right:20px">驳回</a>
-                  </a-popconfirm>
+                      <a href="javascript:;" style="margin-right:20px">驳回</a>
+                    </a-popconfirm>
 
-                  <a-popconfirm
-                    @confirm="okEditShow(items, '1')"
-                    v-show="active != '1'&&active!='3'"
-                    v-if="
+                    <a-popconfirm
+                      @confirm="okEditShow(items, '1')"
+                      v-show="active != '1'&&active!='3'"
+                      v-if="
                       role.roleCode == 'operator' ||
                         role.roleCode == 'kuaishouOperationManager' ||
                         role.roleCode == 'admin' ||
                         role.roleCode == 'operationAssistant' ||
                         role.roleCode == 'touTiaoOperationManager'
                     "
-                  >
-                    <div slot="title">
-                      <div>
-                        广告语:
-                        <a-textarea
-                          placeholder="请输入"
-                          v-model="refuseReason"
-                          :autosize="{ minRows: 3, maxRows: 10 }"
-                        />
+                    >
+                      <div slot="title">
+                        <div>
+                          广告语:
+                          <a-textarea
+                            placeholder="请输入"
+                            v-model="refuseReason"
+                            :autosize="{ minRows: 3, maxRows: 10 }"
+                          />
+                        </div>
                       </div>
-                    </div>
-                    <a
-                      href="javascript:;"
-                      style="margin-right:20px"
-                      v-show="active != '1'"
-                      v-if="
+                      <a
+                        href="javascript:;"
+                        style="margin-right:20px"
+                        v-show="active != '1'"
+                        v-if="
                         role.roleCode == 'operator' ||
                           role.roleCode == 'kuaishouOperationManager' ||
                           role.roleCode == 'admin' ||
                           role.roleCode == 'operationAssistant' ||
                           role.roleCode == 'touTiaoOperationManager'
                       "
-                    >通过审核</a>
-                  </a-popconfirm>
-                  <!-- <a v-show="active!='3'" style="margin-right:20px" @click="addImage(items)">添加封面</a>
-                  <a style="margin-right:20px" @click="showImage(items)">推荐封面</a>-->
-
-                  <a-dropdown style="margin-right:20px">
-                    <a class="ant-dropdown-link" @click="e => e.preventDefault()">
-                      更多操作
-                      <a-icon type="down" />
-                    </a>
-                    <a-menu slot="overlay">
-                      <a-menu-item
-                        key="0"
-                        v-show="active == '2'"
-                        v-if="items.userId == userInfo().id"
-                      >
-                        <a
-                          href="javascript:;"
-                          style="margin-right:20px"
-                          @click="edit(items, '2')"
-                        >修改</a>
-                      </a-menu-item>
-                      <a-menu-item
-                        key="1"
-                        v-show="active !='3'"
-                        v-if="items.userId == userInfo().id||role.roleCode =='designTeamLeader'"
-                      >
-                        <a
-                          href="javascript:;"
-                          style="margin-right:20px"
-                          @click="personEdit(items, '2')"
-                        >人员修改</a>
-                      </a-menu-item>
-                      <a-menu-item key="3" v-show="active!='3'">
-                        <a style="margin-right:20px" @click="addImage(items)">添加封面</a>
-                      </a-menu-item>
-                      <a-menu-item key="4">
-                        <a style="margin-right:20px" @click="showImage(items)">推荐封面</a>
-                      </a-menu-item>
-                      <a-menu-item key="5">
-                        <a
-                          href="javascript:;"
-                          style="margin-right:20px"
-                          @click="editTagList(items)"
-                        >修改标签</a>
-                      </a-menu-item>
-                    </a-menu>
-                  </a-dropdown>
-                  <a-checkbox :value="items.id" style="float:right" v-show="active == '1'"></a-checkbox>
-
-                  <br />
-                  {{ items.createTime | getDate }}
-                </span>
+                      >通过审核</a>
+                    </a-popconfirm>
+                    <!-- <a v-show="active!='3'" style="margin-right:20px" @click="addImage(items)">添加封面</a>
+                    <a style="margin-right:20px" @click="showImage(items)">推荐封面</a>-->
+
+                    <a-dropdown style="margin-right:20px">
+                      <a class="ant-dropdown-link" @click="e => e.preventDefault()">
+                        更多操作
+                        <a-icon type="down" />
+                      </a>
+                      <a-menu slot="overlay">
+                        <a-menu-item
+                          key="0"
+                          v-show="active == '2'"
+                          v-if="items.userId == userInfo().id"
+                        >
+                          <a
+                            href="javascript:;"
+                            style="margin-right:20px"
+                            @click="edit(items, '2')"
+                          >修改</a>
+                        </a-menu-item>
+                        <a-menu-item
+                          key="1"
+                          v-show="active !='3'"
+                          v-if="items.userId == userInfo().id||role.roleCode =='designTeamLeader'"
+                        >
+                          <a
+                            href="javascript:;"
+                            style="margin-right:20px"
+                            @click="personEdit(items, '2')"
+                          >人员修改</a>
+                        </a-menu-item>
+                        <a-menu-item key="3" v-show="active!='3'">
+                          <a style="margin-right:20px" @click="addImage(items)">添加封面</a>
+                        </a-menu-item>
+                        <a-menu-item key="4">
+                          <a style="margin-right:20px" @click="showImage(items)">推荐封面</a>
+                        </a-menu-item>
+                        <a-menu-item key="5">
+                          <a
+                            href="javascript:;"
+                            style="margin-right:20px"
+                            @click="editTagList(items)"
+                          >修改标签</a>
+                        </a-menu-item>
+                      </a-menu>
+                    </a-dropdown>
+                    <a-checkbox :value="items.id" style="float:right" v-show="active == '1'"></a-checkbox>
+
+                    <br />
+                    {{ items.createTime | getDate }}
+                  </span>
+                </div>
               </div>
-            </div>
-          </a-checkbox-group>
-          <a-pagination
-            size="small"
-            :showTotal="ipagination.showTotal"
-            style="float:right"
-            v-if="dataSource.length > 0"
-            showQuickJumper
-            :pageSize.sync="ipagination.pageSize"
-            :total="ipagination.total"
-            v-model="ipagination.current"
-            @change="getDataSource"
-          />
-        </div>
-        <div
-          v-else
-          style="width:100%;height:400px;display:flex;justify-content: center;align-items: center;"
-        >
-          <img
-            src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575627350102&di=02972956f2243933bffc0d85099adbfe&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1095310825%2C1528244349%26fm%3D214%26gp%3D0.jpg"
-            alt
-            v-if="!loading"
-          />
-          <img v-else src="./loading.gif" />
-        </div>
+            </a-checkbox-group>
+            <a-pagination
+              size="small"
+              :showTotal="ipagination.showTotal"
+              style="float:right"
+              v-if="dataSource.length > 0"
+              showQuickJumper
+              :pageSize.sync="ipagination.pageSize"
+              :total="ipagination.total"
+              v-model="ipagination.current"
+              @change="getDataSource"
+            />
+          </div>
+          <div
+            v-else
+            style="width:100%;height:400px;display:flex;justify-content: center;align-items: center;"
+          >
+            <img
+              src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1575627350102&di=02972956f2243933bffc0d85099adbfe&imgtype=jpg&src=http%3A%2F%2Fimg0.imgtn.bdimg.com%2Fit%2Fu%3D1095310825%2C1528244349%26fm%3D214%26gp%3D0.jpg"
+              alt
+              v-if="!loading"
+            />
+            <div v-else ></div>
+          </div>
+        </a-spin>
       </a-tab-pane>
     </a-tabs>
     <a-modal title="封面上传" @cancel="closeImage" @afterClose="closeImage" v-model="addImageVisible">
@@ -2730,8 +2732,8 @@ export default {
     removeUpload() {
       this.form.setFieldsValue({
         contentTagList: null,
-        modalityTagList:null,
-        modTagList:null,
+        modalityTagList: null,
+        modTagList: null,
         senceTagList: null,
       })
     },