1

src/views/member/apply/index.vue

@@ -103,12 +103,12 @@
           <el-row>
             <el-col :span="12">
               <el-form-item label="通告主" prop="nickname">
-                <el-input :disabled="true" v-model="form.nickname" placeholder="请输入申请者昵称"/>
+                <el-input :readonly="true" v-model="form.nickname" placeholder="请输入申请者昵称"/>
               </el-form-item>
             </el-col>
             <el-col :span="12">
               <el-form-item label="身份类型" prop="identityType">
-                <el-select :disabled="true" v-model="form.identityType" placeholder="请选择申请认证的通告主身份类型">
+                <el-select :readonly="true" v-model="form.identityType" placeholder="请选择申请认证的通告主身份类型">
                   <el-option
                     v-for="dict in dict.type.dl_identity_type"
                     :key="dict.value"
@@ -120,12 +120,12 @@
             </el-col>
             <el-col :span="24">
               <el-form-item label="申请描述">
-                <el-input :disabled="true" type="textarea" v-model="form.content" placeholder="请输入申请描述"/>
+                <el-input :readonly="true" type="textarea" v-model="form.content" placeholder="请输入申请描述"/>
               </el-form-item>
             </el-col>
             <el-col :span="24">
               <el-form-item label="备注" prop="remark">
-                <el-input :disabled="true" type="textarea" v-model="form.remark" placeholder="请输入内容"/>
+                <el-input :readonly="true" type="textarea" v-model="form.remark" placeholder="请输入内容"/>
               </el-form-item>
             </el-col>
             <el-col>

src/views/member/blogger/form/bloggerDraw.vue

@@ -1,7 +1,7 @@
 <template>
-  <el-drawer title="博主详情" :visible.sync="drawer" size="55%">
+  <el-drawer title="博主详情" :visible.sync="drawer" size="50%">
 
-    <el-descriptions class="margin-top" :column="3" :size="size" border>
+    <el-descriptions class="margin-top" :column="3" size="small" border>
       <el-descriptions-item>
         <template slot="label">
           昵称
@@ -23,15 +23,80 @@
         {{ bloggerDetail.tel }}
       </el-descriptions-item>
 
+      <el-descriptions-item>
+        <template slot="label">
+          剩余积分
+        </template>
+        {{ bloggerDetail.bpoints }}
+      </el-descriptions-item>
     </el-descriptions>
-    {{bloggerDetail}}
+
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>名片信息</span>
+      </div>
+      <el-table
+        size="small"
+        :data="bloggerDetail.busiCards"
+        height="150">
+        <el-table-column align="center" prop="platformCode" label="平台名称"/>
+        <el-table-column align="center" prop="accountName" label="平台昵称"/>
+        <el-table-column align="center" prop="accountNumber" label="平台id"/>
+        <el-table-column align="center" prop="fansNum" label="粉丝数"/>
+        <el-table-column align="center" prop="tel" label="联系方式"/>
+        <el-table-column fixed="right" label="操作" width="100px" align="center" class-name="small-padding fixed-width">
+          <template slot-scope="scope">
+            <el-button
+              size="mini"
+              type="text"
+              @click="busiCardDetail(scope.row.id)"
+            >详情
+            </el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+
+    <!--  报名通告  -->
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <span>报名通告</span>
+      </div>
+      <el-table
+        size="small"
+        :data="bloggerDetail.noticeVos"
+        height="150">
+        <el-table-column prop="title" width="150" align="center" label="标题"/>
+        <el-table-column prop="feeDown" align="center" label="稿费下限"/>
+        <el-table-column prop="feeUp" align="center" label="稿费上限"/>
+        <el-table-column label="粉丝下限" align="center" prop="fansDown"/>
+        <el-table-column label="粉丝上限" align="center" prop="fansUp"/>
+        <el-table-column label="截止日期" width="150" align="center" prop="endDate">
+          <template slot-scope="scope">
+            <span>{{ parseTime(scope.row.endDate, '{y}-{m}-{d}') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="合作状态" width="150" align="center" prop="status">
+          <template slot-scope="scope">
+            <dict-tag :options="dict.type.dl_notice_cooperate_status" :value="scope.row.status"/>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+    <BusiCardForm ref="refForm" :isDetail="true"/>
   </el-drawer>
 </template>
 
 <script>
 import {getBlogger} from "@/api/member/member";
+import BusiCardForm from "@/views/member/busiCard/form/busiCardForm.vue"
+
 export default {
   name: "BloggerDraw",
+  dicts: ['dl_notice_cooperate_status'],
+  components: {
+    BusiCardForm
+  },
   data() {
     return {
       //抽屉打开框
@@ -39,7 +104,7 @@ export default {
       //博主用户id
       userId: null,
       //博主详情
-      bloggerDetail:{},
+      bloggerDetail: {},
     }
   },
   methods: {
@@ -50,11 +115,16 @@ export default {
     },
 
     /**获取博主详情*/
-    getBloggerDetail(userId){
+    getBloggerDetail(userId) {
       this.bloggerDetail = {}
       getBlogger(userId).then(response => {
         this.bloggerDetail = response.data;
       });
+    },
+
+    /**博主名片审核详情*/
+    busiCardDetail(id) {
+      this.$refs['refForm'].initDraw(id)
     }
 
   }