管理员端审核操作修改

src/components/AuditButtonGroup/index.vue

@@ -43,6 +43,14 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+::v-deep {
+  .el-badge {
+    sup {
+      right: 5px !important;
+    }
+  }
+}
+
 .audit-button-group {
   display: inline-block;
 

src/views/admin/audit/club/device/index.vue

@@ -57,24 +57,19 @@
       </el-table-column>
       <el-table-column label="操作" width="240px" align="center">
         <template slot-scope="{ row }">
-          <el-button
+          <!-- <el-button
             v-if="row.auditStatus !== 1"
             type="primary"
             size="mini"
             @click="$_navigationTo(`/audit/club/device-detail?id=${row.productId}&authId=${listQuery.authId}`)"
-          >审核</el-button>
-          <span v-else class="status success el-icon-check">&nbsp;已审核</span>
+          >审核</el-button> -->
+          <audit-button-group type="audit" :is-dot="true" :margin-right="false" @click="onClick(row, $event)" />
         </template>
       </el-table-column>
     </el-table>
     <!-- 表格区域END -->
     <!-- 页码 -->
-    <pagination
-      :total="total"
-      :page.sync="listQuery.pageNum"
-      :limit.sync="listQuery.pageSize"
-      @pagination="getList"
-    />
+    <pagination :total="total" :page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" @pagination="getList" />
   </div>
 </template>
 
@@ -102,13 +97,36 @@ export default {
     this.getList()
   },
   methods: {
+    // 按钮组点击事件
+    onClick(row, type) {
+      const actions = {
+        review: this.onReview,
+        result: this.onResult,
+        audit: this.onAudit
+      }
+      actions[type](row)
+    },
+
+    // 预览
+    onReview(row) {
+      console.log('预览')
+      this.$router.push(`/audit/club/device-detail?id=${row.productId}&authId=${this.listQuery.authId}&type=review`)
+    },
+    // 驳回
+    onResult(row) {
+      console.log('驳回')
+    },
+    // 审核
+    onAudit(row) {
+      this.$router.push(`/audit/club/device-detail?id=${row.productId}&authId=${this.listQuery.authId}&type=audit`)
+    },
     // 过滤列表
     handleFilter() {},
     // 获取列表信息
     getList() {
       this.listLoading = true
       getProdList(this.listQuery)
-        .then(res => {
+        .then((res) => {
           if (res.code !== 0) return
           this.total = res.data.total
           this.list = res.data.list

src/views/admin/audit/club/device/review.vue

@@ -53,7 +53,7 @@
           </template>
         </div>
       </div>
-      <el-form ref="auditForm" label-width="112px" :model="auditForm" :rules="rules">
+      <el-form v-if="type === 'audit'" ref="auditForm" label-width="112px" :model="auditForm" :rules="rules">
         <el-form-item label="审核：">
           <el-radio-group v-model="auditForm.auditStatus">
             <el-radio :label="1">通过</el-radio>
@@ -78,6 +78,7 @@ import { mapGetters } from 'vuex'
 export default {
   data() {
     return {
+      type: 'review',
       productInfo: {
         productId: '',
         productName: '',
@@ -107,6 +108,7 @@ export default {
   created() {
     this.productInfo.productId = this.$route.query.id
     this.authId = this.$route.query.authId
+    this.type = this.$route.query.type
     this.getDetail()
   },
   methods: {

src/views/admin/audit/club/list.vue

@@ -69,14 +69,14 @@
 
       <el-table-column label="操作" width="280px" align="center">
         <template slot-scope="{ row }">
-          <!-- <audit-button-group type="result" :is-dot="true" :margin-right="true" @click="onClick(row, $event)" /> -->
-          <el-button
+          <audit-button-group type="audit" :is-dot="true" :margin-right="true" @click="onClick(row, $event)" />
+          <!-- <el-button
             v-if="row.auditStatus !== 1"
             type="warning"
             size="mini"
             style="margin-right: 12px"
             @click="$_navigationTo(`/audit/club/club-detail?authId=${row.authId}`)"
-          >审核</el-button>
+          >审核</el-button> -->
           <el-badge :hidden="row.lowerAuditStatus === 1" :value="row.waitAuditNum" :max="99">
             <el-button
               type="primary"
@@ -176,12 +176,17 @@ export default {
     },
 
     // 预览
-    onReview(row) {},
+    onReview(row) {
+      console.log('预览')
+      this.$router.push(`/audit/club/club-detail?authId=${row.authId}&type=review`)
+    },
     // 驳回
-    onResult(row) {},
+    onResult(row) {
+      console.log('驳回')
+    },
     // 审核
     onAudit(row) {
-      this.$router.push(`/audit/club/club-detail?authId=${row.authId}`)
+      this.$router.push(`/audit/club/club-detail?authId=${row.authId}&type=audit`)
     },
 
     // 获取授权列表

src/views/admin/audit/club/review.vue

@@ -117,7 +117,7 @@
         <div class="col">店铺备注：</div>
         <div class="col">{{ clubInfo.remarks }}人</div>
       </div>
-      <el-form ref="auditForm" label-width="112px" :model="auditForm" :rules="rules">
+      <el-form v-if="type === 'audit'" ref="auditForm" label-width="112px" :model="auditForm" :rules="rules">
         <el-form-item label="审核：">
           <el-radio-group v-model="auditForm.auditStatus">
             <el-radio :label="1">通过</el-radio>
@@ -136,25 +136,22 @@
 
     <!-- 地图坐标拾取 -->
     <el-dialog class="map-dialog" title="地图信息" :visible.sync="dialogMapVisible" width="80%">
-      <!-- <location v-if="dialogMapVisible" :init-point="formData.point" @point="handlePointChange" /> -->
-      <!-- <map-ui :init-point="clubInfo.lngAndLat" /> -->
       <a-map ref="aMap" :lnglat="lnglat" />
     </el-dialog>
   </div>
 </template>
 
 <script>
-import AMapUI from '@/components/AMapUI'
 import SimpleAMap from '@/components/SimpleAMap'
 import { getAuthFormData, auditAuth } from '@/api/auth'
 import { mapGetters } from 'vuex'
 export default {
   components: {
-    [AMapUI.name]: AMapUI,
     [SimpleAMap.name]: SimpleAMap
   },
   data() {
     return {
+      type: 'review',
       isLoading: false,
       dialogMapVisible: false,
       clubTypeList: [
@@ -215,6 +212,7 @@ export default {
   },
   created() {
     this.auditForm.authId = this.$route.query.authId
+    this.type = this.$route.query.type
     this.getDetail()
   },
   methods: {

src/views/admin/audit/device/list.vue

@@ -49,14 +49,15 @@
       </el-table-column>
       <el-table-column label="操作" width="240px" align="center">
         <template slot-scope="{ row }">
-          <el-button v-if="row.auditStatus !== 1" type="warning" size="mini" @click="handleAudit(row)">审核</el-button>
-          <span v-else class="status success el-icon-check">&nbsp;已审核</span>
+          <!-- <el-button v-if="row.auditStatus !== 1" type="warning" size="mini" @click="handleAudit(row)">审核</el-button>
+          <span v-else class="status success el-icon-check">&nbsp;已审核</span> -->
+          <audit-button-group type="audit" :is-dot="true" :margin-right="false" @click="onClick(row, $event)" />
         </template>
       </el-table-column>
     </el-table>
 
     <!-- 审核对话框 -->
-    <el-dialog title="审核" :visible.sync="dialogVisible" width="30%" @closed="onDialogClose">
+    <el-dialog :title="editTitle" :visible.sync="dialogVisible" width="30%" @closed="onDialogClose">
       <el-form label-width="80px">
         <el-form-item label="设备名称:">
           <span v-text="currentData.name" />
@@ -64,20 +65,24 @@
         <el-form-item label="设备图片:">
           <el-image style="width: 200px; height: 200px" :src="currentData.image" :preview-src-list="srcList" />
         </el-form-item>
-        <el-form-item label="审核状态:">
-          <el-radio-group v-model="dialogData.auditStatus">
-            <el-radio :label="1">通过</el-radio>
-            <el-radio :label="0">不通过</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item v-if="dialogData.auditStatus === 0" label="原因：" prop="invalidReason">
-          <el-input v-model="dialogData.invalidReason" type="textarea" placeholder="请说明原因" />
-        </el-form-item>
+        <template v-if="type === 'audit'">
+          <el-form-item label="审核状态:">
+            <el-radio-group v-model="dialogData.auditStatus">
+              <el-radio :label="1">通过</el-radio>
+              <el-radio :label="0">不通过</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="dialogData.auditStatus === 0" label="原因：" prop="invalidReason">
+            <el-input v-model="dialogData.invalidReason" type="textarea" placeholder="请说明原因" />
+          </el-form-item>
+        </template>
       </el-form>
-      <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="handleAuditStatus">保存</el-button>
-      </span>
+      <template v-if="type === 'audit'">
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="handleAuditStatus">保存</el-button>
+        </span>
+      </template>
     </el-dialog>
   </div>
 </template>
@@ -94,6 +99,7 @@ const resetDialogData = () => ({
 export default {
   data() {
     return {
+      type: 'review',
       dialogVisible: false,
       listLoading: false,
       listQuery: {
@@ -113,12 +119,40 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['authUserId'])
+    ...mapGetters(['authUserId']),
+    editTitle() {
+      return this.type === 'review' ? '查看' : '审核'
+    }
   },
   created() {
     this.getList()
   },
   methods: {
+    // 按钮组点击事件
+    onClick(row, type) {
+      const actions = {
+        review: this.onReview,
+        result: this.onResult,
+        audit: this.onAudit
+      }
+      actions[type](row)
+    },
+
+    // 预览
+    onReview(row) {
+      console.log('预览')
+      this.type = 'review'
+      this.handleAudit(row)
+    },
+    // 驳回
+    onResult(row) {
+      console.log('驳回')
+    },
+    // 审核
+    onAudit(row) {
+      this.type = 'audit'
+      this.handleAudit(row)
+    },
     async getList() {
       try {
         this.listQuery.authUserId = parseInt(this.$route.query.authUserId)

src/views/admin/audit/material/article/index.vue

@@ -60,13 +60,14 @@
       </el-table-column>
       <el-table-column label="操作" width="150px" align="center">
         <template slot-scope="{ row }">
-          <el-button
+          <!-- <el-button
             v-if="row.auditStatus !== 1"
             type="primary"
             size="mini"
             @click="$_navigationTo(`/audit/material/article-detail?articleId=${row.articleId}`)"
           >审核</el-button>
-          <span v-else class="status success el-icon-check">&nbsp;已审核</span>
+          <span v-else class="status success el-icon-check">&nbsp;已审核</span> -->
+          <audit-button-group type="audit" :is-dot="true" :margin-right="false" @click="onClick(row, $event)" />
         </template>
       </el-table-column>
     </el-table>
@@ -106,6 +107,29 @@ export default {
     this.getList()
   },
   methods: {
+    // 按钮组点击事件
+    onClick(row, type) {
+      const actions = {
+        review: this.onReview,
+        result: this.onResult,
+        audit: this.onAudit
+      }
+      actions[type](row)
+    },
+
+    // 预览
+    onReview(row) {
+      console.log('预览')
+      this.$router.push(`/audit/material/article-detail?articleId=${row.articleId}&type=review`)
+    },
+    // 驳回
+    onResult(row) {
+      console.log('驳回')
+    },
+    // 审核
+    onAudit(row) {
+      this.$router.push(`/audit/material/article-detail?articleId=${row.articleId}&type=audit`)
+    },
     // 获取列表数据
     getList() {
       this.listLoading = true

src/views/admin/audit/material/article/review.vue

@@ -3,25 +3,27 @@
     <el-form ref="formRef" :model="formData" :rules="formRules" class="detail" label-width="100px">
       <el-form-item label="文章标题：">{{ articleTitle }}</el-form-item>
       <el-form-item label="文章封面：">
-        <el-image style="width:200px;height:200px" :src="articleImage" :preview-src-list="srcList" />
+        <el-image style="width: 200px; height: 200px" :src="articleImage" :preview-src-list="srcList" />
       </el-form-item>
       <el-form-item label="文章内容：">
         <div class="iframe" v-html="articleContent" />
         <!-- <iframe width="375" height="667" :src="previewSrc" frameborder="1" /> -->
       </el-form-item>
-      <el-form-item label="审核状态：">
-        <el-radio-group v-model="formData.auditStatus">
-          <el-radio :label="1">通过</el-radio>
-          <el-radio :label="0">不通过</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item v-if="formData.auditStatus!==1" prop="invalidReason" label="原因：">
-        <el-input v-model="formData.invalidReason" type="textarea" placeholder="请说明原因" />
-      </el-form-item>
-      <el-form-item label="">
-        <el-button type="info" @click="$_back">返回</el-button>
-        <el-button type="primary" @click="submit">提交</el-button>
-      </el-form-item>
+      <template v-if="type === 'audit'">
+        <el-form-item label="审核状态：">
+          <el-radio-group v-model="formData.auditStatus">
+            <el-radio :label="1">通过</el-radio>
+            <el-radio :label="0">不通过</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item v-if="formData.auditStatus !== 1" prop="invalidReason" label="原因：">
+          <el-input v-model="formData.invalidReason" type="textarea" placeholder="请说明原因" />
+        </el-form-item>
+        <el-form-item label="">
+          <el-button type="info" @click="$_back">返回</el-button>
+          <el-button type="primary" @click="submit">提交</el-button>
+        </el-form-item>
+      </template>
     </el-form>
   </div>
 </template>
@@ -33,6 +35,7 @@ import { mapGetters } from 'vuex'
 export default {
   data() {
     return {
+      type: 'review',
       articleContent: '', // 文章内容
       articleTitle: '', // 文章标题
       articleImage: '', // 文章封面图
@@ -54,38 +57,37 @@ export default {
   },
   created() {
     this.formData.articleId = this.$route.query.articleId
+    this.type = this.$route.query.type
     this.getDetail()
   },
   methods: {
     // 获取文章数据
     getDetail() {
-      getArticleDeatil({ articleId: this.formData.articleId })
-        .then(res => {
-          console.log(res)
-          if (res.code !== 0) return
-          this.articleContent = res.data.articleContent
-          this.articleTitle = res.data.articleTitle
-          this.articleImage = res.data.articleImage
-          this.srcList.push(this.articleImage)
-        })
+      getArticleDeatil({ articleId: this.formData.articleId }).then((res) => {
+        console.log(res)
+        if (res.code !== 0) return
+        this.articleContent = res.data.articleContent
+        this.articleTitle = res.data.articleTitle
+        this.articleImage = res.data.articleImage
+        this.srcList.push(this.articleImage)
+      })
     },
     // 审核操作
     submit() {
-      this.$refs.formRef.validate(valide => {
+      this.$refs.formRef.validate((valide) => {
         if (!valide) return
         this.formData.auditBy = this.authUserId
-        auditArticle(this.formData)
-          .then(res => {
-            console.log(res)
-            if (res.code !== 0) return
-            this.$message({
-              message: res.data,
-              type: 'success',
-              duration: 1000
-            })
-            this.$store.dispatch('tagsView/delView', this.$route)
-            this.$router.back()
+        auditArticle(this.formData).then((res) => {
+          console.log(res)
+          if (res.code !== 0) return
+          this.$message({
+            message: res.data,
+            type: 'success',
+            duration: 1000
           })
+          this.$store.dispatch('tagsView/delView', this.$route)
+          this.$router.back()
+        })
       })
     }
   }
@@ -93,16 +95,16 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.iframe{
+.iframe {
   height: 600px;
   overflow: scroll;
   border: 1px solid #999;
 }
-.detail{
+.detail {
   width: 1000px;
   margin: 30px auto;
 }
-.el-button{
+.el-button {
   width: 120px;
 }
 </style>

src/views/admin/audit/material/file/index.vue

@@ -4,20 +4,11 @@
     <div class="filter-container">
       <div class="filter-control">
         <span>文件名称:</span>
-        <el-input
-          v-model="listQuery.fileTitle"
-          placeholder="文件名称"
-          @keyup.enter.native="getList"
-        />
+        <el-input v-model="listQuery.fileTitle" placeholder="文件名称" @keyup.enter.native="getList" />
       </div>
       <div class="filter-control">
         <span>审核状态:</span>
-        <el-select
-          v-model="listQuery.auditStatus"
-          placeholder="审核状态"
-          clearable
-          @change="getList"
-        >
+        <el-select v-model="listQuery.auditStatus" placeholder="审核状态" clearable @change="getList">
           <el-option label="全部" value="" />
           <el-option label="待审核" :value="2" />
           <el-option label="审核通过" :value="1" />
@@ -48,40 +39,41 @@
         </template>
       </el-table-column>
       <el-table-column label="审核时间" width="160px" align="center">
-        <template slot-scope="{row}">
-          <span v-if="row.auditStatus!==2">{{ row.auditTime | formatTime }}</span>
+        <template slot-scope="{ row }">
+          <span v-if="row.auditStatus !== 2">{{ row.auditTime | formatTime }}</span>
           <span v-else>—</span>
         </template>
       </el-table-column>
 
       <el-table-column label="审核人" align="center" width="280px">
-        <template slot-scope="{row}">
-          <span v-if="row.auditStatus!==2">{{ row.auditBy }}</span>
+        <template slot-scope="{ row }">
+          <span v-if="row.auditStatus !== 2">{{ row.auditBy }}</span>
           <span v-else>—</span>
         </template>
       </el-table-column>
       <el-table-column label="操作" width="150px" align="center">
-        <template slot-scope="{row}">
-          <el-button
+        <template slot-scope="{ row }">
+          <!-- <el-button
             v-if="row.auditStatus===2"
             type="primary"
             size="mini"
             @click="handleShowDialog(row)"
           >审核</el-button>
-          <span v-else class="status success el-icon-check">&nbsp;已审核</span>
+          <span v-else class="status success el-icon-check">&nbsp;已审核</span> -->
+          <audit-button-group type="audit" :is-dot="true" :margin-right="false" @click="onClick(row, $event)" />
         </template>
       </el-table-column>
     </el-table>
     <!-- 表格区域END -->
     <!-- 页码 -->
-    <pagination :total="total" :page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" @pagination="getList(listQuery)" />
+    <pagination
+      :total="total"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getList(listQuery)"
+    />
     <!-- 视频预览对话框 -->
-    <el-dialog
-      title="视频审核"
-      :visible.sync="dialogVisible"
-      width="40%"
-      @closed="dialogColosed"
-    >
+    <el-dialog :title="editTitle" :visible.sync="dialogVisible" width="40%" @closed="dialogColosed">
       <el-form ref="formRef" :model="dialogData" label-width="65px" :rules="dialogFormRules">
         <el-form-item label="标题：">
           {{ current.fileTitle }}
@@ -90,20 +82,24 @@
           <img src="@/assets/img/pdf_cover.png" alt="文件封面" width="60" height="60">
           <span class="preview" @click.prevent="handlePreviewFile">预览</span>
         </el-form-item>
-        <el-form-item label="审核：">
-          <el-radio-group v-model="dialogData.auditStatus">
-            <el-radio :label="1">通过</el-radio>
-            <el-radio :label="0">不通过</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item v-if="dialogData.auditStatus === 0" label="原因：" prop="invalidReason">
-          <el-input v-model="dialogData.invalidReason" type="textarea" placeholder="请说明原因" />
-        </el-form-item>
+        <template v-if="type === 'audit'">
+          <el-form-item label="审核：">
+            <el-radio-group v-model="dialogData.auditStatus">
+              <el-radio :label="1">通过</el-radio>
+              <el-radio :label="0">不通过</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="dialogData.auditStatus === 0" label="原因：" prop="invalidReason">
+            <el-input v-model="dialogData.invalidReason" type="textarea" placeholder="请说明原因" />
+          </el-form-item>
+        </template>
       </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="handleAuditStatus">提 交</el-button>
-      </div>
+      <template v-if="type === 'audit'">
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="handleAuditStatus">提 交</el-button>
+        </div>
+      </template>
     </el-dialog>
     <!-- 视频预览对话框END -->
   </div>
@@ -117,6 +113,7 @@ import { mapGetters } from 'vuex'
 export default {
   data() {
     return {
+      type: 'review',
       dialogVisible: false, // 文件审核dialog是否显示
       listLoading: false, // 列表加载
       total: 0, // 列表数据条数
@@ -148,18 +145,46 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['authUserId'])
+    ...mapGetters(['authUserId']),
+    editTitle() {
+      return this.type === 'review' ? '查看' : '审核'
+    }
   },
   created() {
     this.listQuery.authUserId = this.$route.query.authUserId
     this.getList()
   },
   methods: {
+    // 按钮组点击事件
+    onClick(row, type) {
+      const actions = {
+        review: this.onReview,
+        result: this.onResult,
+        audit: this.onAudit
+      }
+      actions[type](row)
+    },
+
+    // 预览
+    onReview(row) {
+      console.log('预览')
+      this.type = 'review'
+      this.handleShowDialog(row)
+    },
+    // 驳回
+    onResult(row) {
+      console.log('驳回')
+    },
+    // 审核
+    onAudit(row) {
+      this.type = 'audit'
+      this.handleShowDialog(row)
+    },
     // 获取列表数据
     getList() {
       this.listLoading = true
       getFileList(this.listQuery)
-        .then(res => {
+        .then((res) => {
           if (res.code !== 0) return
           this.list = res.data.list
           this.total = res.data.total
@@ -188,21 +213,20 @@ export default {
     },
     // 审核操作
     handleAuditStatus() {
-      this.$refs.formRef.validate(valid => {
+      this.$refs.formRef.validate((valid) => {
         if (valid) {
           this.dialogData.auditBy = this.authUserId
-          auditfile(this.dialogData)
-            .then(res => {
-              console.log(res)
-              if (res.code !== 0) return
-              this.$message({
-                message: res.data,
-                type: 'success',
-                duration: 1000
-              })
-              this.dialogVisible = false
-              this.getList()
+          auditfile(this.dialogData).then((res) => {
+            console.log(res)
+            if (res.code !== 0) return
+            this.$message({
+              message: res.data,
+              type: 'success',
+              duration: 1000
             })
+            this.dialogVisible = false
+            this.getList()
+          })
         }
       })
     },
@@ -221,10 +245,10 @@ export default {
 .el-table .cell {
   overflow: visible;
 }
-.el-badge{
+.el-badge {
   margin: 0 6px;
 }
-.preview{
+.preview {
   cursor: pointer;
   margin-left: 5px;
   color: #0eaae7;

src/views/admin/audit/material/image/index.vue

@@ -53,13 +53,14 @@
       </el-table-column>
       <el-table-column label="操作" width="150px" align="center">
         <template slot-scope="{ row }">
-          <el-button
+          <!-- <el-button
             v-if="row.auditStatus !== 1"
             type="primary"
             size="mini"
             @click="$_navigationTo(`/audit/material/image-detail?imageId=${row.imageId}`)"
           >审核</el-button>
-          <span v-else class="status success el-icon-check">&nbsp;已审核</span>
+          <span v-else class="status success el-icon-check">&nbsp;已审核</span> -->
+          <audit-button-group type="audit" :is-dot="true" :margin-right="false" @click="onClick(row, $event)" />
         </template>
       </el-table-column>
     </el-table>
@@ -98,6 +99,29 @@ export default {
     this.getList()
   },
   methods: {
+    // 按钮组点击事件
+    onClick(row, type) {
+      const actions = {
+        review: this.onReview,
+        result: this.onResult,
+        audit: this.onAudit
+      }
+      actions[type](row)
+    },
+
+    // 预览
+    onReview(row) {
+      console.log('预览')
+      this.$router.push(`/audit/material/image-detail?imageId=${row.imageId}&type=review`)
+    },
+    // 驳回
+    onResult(row) {
+      console.log('驳回')
+    },
+    // 审核
+    onAudit(row) {
+      this.$router.push(`/audit/material/image-detail?imageId=${row.imageId}&type=audit`)
+    },
     // 获取列表数据
     getList() {
       this.listLoading = true

src/views/admin/audit/material/image/review.vue

@@ -6,23 +6,25 @@
           {{ imageTitle }}
         </el-form-item>
         <el-form-item label="图片：">
-          <template v-for="(item,index) in imageList">
+          <template v-for="(item, index) in imageList">
             <el-image :key="index" style="width: 150px; height: 150px" :src="item" :preview-src-list="imageList" />
           </template>
         </el-form-item>
-        <el-form-item label="审核状态：">
-          <el-radio-group v-model="formData.auditStatus">
-            <el-radio :label="1">通过</el-radio>
-            <el-radio :label="0">不通过</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item v-if="formData.auditStatus!==1" prop="invalidReason" label="原因：">
-          <el-input v-model="formData.invalidReason" type="textarea" placeholder="请说明原因" />
-        </el-form-item>
-        <el-form-item>
-          <el-button type="info" @click="$_back">返回</el-button>
-          <el-button type="primary" @click="submit">提交</el-button>
-        </el-form-item>
+        <template v-if="type === 'audit'">
+          <el-form-item label="审核状态：">
+            <el-radio-group v-model="formData.auditStatus">
+              <el-radio :label="1">通过</el-radio>
+              <el-radio :label="0">不通过</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="formData.auditStatus !== 1" prop="invalidReason" label="原因：">
+            <el-input v-model="formData.invalidReason" type="textarea" placeholder="请说明原因" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="info" @click="$_back">返回</el-button>
+            <el-button type="primary" @click="submit">提交</el-button>
+          </el-form-item>
+        </template>
       </el-form>
     </div>
   </div>
@@ -35,6 +37,7 @@ import { mapGetters } from 'vuex'
 export default {
   data() {
     return {
+      type: 'review',
       imageList: [], // 上传的图片列表
       imageTitle: '', // 图片标题
       formData: {
@@ -53,54 +56,53 @@ export default {
   },
   created() {
     this.formData.imageId = this.$route.query.imageId
+    this.type = this.$route.query.type
     this.getDetail()
   },
   methods: {
     // 审核
     submit() {
-      this.$refs.formRef.validate(valide => {
+      this.$refs.formRef.validate((valide) => {
         if (!valide) return
         this.formData.auditBy = this.authUserId
-        auditImage(this.formData)
-          .then(res => {
-            console.log(res)
-            if (res.code !== 0) return
-            this.$message({
-              message: res.data,
-              type: 'success',
-              duration: 1000
-            })
-            // 如果保存文章成功就要关闭当前页面
-            this.$store.dispatch('tagsView/delView', this.$route)
-            this.$router.back()
+        auditImage(this.formData).then((res) => {
+          console.log(res)
+          if (res.code !== 0) return
+          this.$message({
+            message: res.data,
+            type: 'success',
+            duration: 1000
           })
+          // 如果保存文章成功就要关闭当前页面
+          this.$store.dispatch('tagsView/delView', this.$route)
+          this.$router.back()
+        })
       })
     },
     // 获取图片数据详情
     getDetail() {
-      getImageDetail({ imageId: this.formData.imageId })
-        .then(res => {
-          console.log(res)
-          if (res.code !== 0) return
-          this.imageList = res.data.imageList
-          this.imageTitle = res.data.imageTitle
-        })
+      getImageDetail({ imageId: this.formData.imageId }).then((res) => {
+        console.log(res)
+        if (res.code !== 0) return
+        this.imageList = res.data.imageList
+        this.imageTitle = res.data.imageTitle
+      })
     }
   }
 }
 </script>
 
 <style lang="scss" scoped>
-.detail{
+.detail {
   width: 800px;
   margin: 25px auto;
-  .el-image{
+  .el-image {
     margin-right: 12px;
-    &:nth-child(4n){
+    &:nth-child(4n) {
       margin-right: 0;
     }
   }
-  .el-button{
+  .el-button {
     width: 120px;
   }
 }

src/views/admin/audit/material/package/index.vue

@@ -4,20 +4,11 @@
     <div class="filter-container">
       <div class="filter-control">
         <span>文件名称:</span>
-        <el-input
-          v-model="listQuery.fileTitle"
-          placeholder="文件名称"
-          @keyup.enter.native="getList"
-        />
+        <el-input v-model="listQuery.fileTitle" placeholder="文件名称" @keyup.enter.native="getList" />
       </div>
       <div class="filter-control">
         <span>审核状态:</span>
-        <el-select
-          v-model="listQuery.auditStatus"
-          placeholder="审核状态"
-          clearable
-          @change="getList"
-        >
+        <el-select v-model="listQuery.auditStatus" placeholder="审核状态" clearable @change="getList">
           <el-option label="全部" value="" />
           <el-option label="待审核" :value="2" />
           <el-option label="审核通过" :value="1" />
@@ -48,40 +39,41 @@
         </template>
       </el-table-column>
       <el-table-column label="审核时间" width="160px" align="center">
-        <template slot-scope="{row}">
-          <span v-if="row.auditStatus!==2">{{ row.auditTime | formatTime }}</span>
+        <template slot-scope="{ row }">
+          <span v-if="row.auditStatus !== 2">{{ row.auditTime | formatTime }}</span>
           <span v-else>—</span>
         </template>
       </el-table-column>
 
       <el-table-column label="审核人" align="center" width="280px">
-        <template slot-scope="{row}">
-          <span v-if="row.auditStatus!==2">{{ row.auditBy }}</span>
+        <template slot-scope="{ row }">
+          <span v-if="row.auditStatus !== 2">{{ row.auditBy }}</span>
           <span v-else>—</span>
         </template>
       </el-table-column>
       <el-table-column label="操作" width="150px" align="center">
-        <template slot-scope="{row}">
-          <el-button
+        <template slot-scope="{ row }">
+          <!-- <el-button
             v-if="row.auditStatus===2"
             type="primary"
             size="mini"
             @click="handleShowDialog(row)"
           >审核</el-button>
-          <span v-else class="status success el-icon-check">&nbsp;已审核</span>
+          <span v-else class="status success el-icon-check">&nbsp;已审核</span> -->
+          <audit-button-group type="audit" :is-dot="true" :margin-right="false" @click="onClick(row, $event)" />
         </template>
       </el-table-column>
     </el-table>
     <!-- 表格区域END -->
     <!-- 页码 -->
-    <pagination :total="total" :page.sync="listQuery.pageNum" :limit.sync="listQuery.pageSize" @pagination="getList(listQuery)" />
+    <pagination
+      :total="total"
+      :page.sync="listQuery.pageNum"
+      :limit.sync="listQuery.pageSize"
+      @pagination="getList(listQuery)"
+    />
     <!-- 视频预览对话框 -->
-    <el-dialog
-      title="视频审核"
-      :visible.sync="dialogVisible"
-      width="40%"
-      @closed="dialogColosed"
-    >
+    <el-dialog :title="editTitle" :visible.sync="dialogVisible" width="40%" @closed="dialogColosed">
       <el-form ref="formRef" :model="dialogData" label-width="65px" :rules="dialogFormRules">
         <el-form-item label="标题：">
           {{ current.fileTitle }}
@@ -89,20 +81,24 @@
         <el-form-item label="文件：">
           <el-button type="danger" size="mini" @click.prevent="handleDowmFile">下载</el-button>
         </el-form-item>
-        <el-form-item label="审核：">
-          <el-radio-group v-model="dialogData.auditStatus">
-            <el-radio :label="1">通过</el-radio>
-            <el-radio :label="0">不通过</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item v-if="dialogData.auditStatus === 0" label="原因：" prop="invalidReason">
-          <el-input v-model="dialogData.invalidReason" type="textarea" placeholder="请说明原因" />
-        </el-form-item>
+        <template v-if="type === 'audit'">
+          <el-form-item label="审核：">
+            <el-radio-group v-model="dialogData.auditStatus">
+              <el-radio :label="1">通过</el-radio>
+              <el-radio :label="0">不通过</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="dialogData.auditStatus === 0" label="原因：" prop="invalidReason">
+            <el-input v-model="dialogData.invalidReason" type="textarea" placeholder="请说明原因" />
+          </el-form-item>
+        </template>
       </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="handleAuditStatus">提 交</el-button>
-      </div>
+      <template v-if="type === 'audit'">
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="handleAuditStatus">提 交</el-button>
+        </div>
+      </template>
     </el-dialog>
     <!-- 视频预览对话框END -->
   </div>
@@ -115,6 +111,7 @@ import { mapGetters } from 'vuex'
 export default {
   data() {
     return {
+      type: 'review',
       dialogVisible: false, // 文件审核dialog是否显示
       listLoading: false, // 列表加载
       total: 0, // 列表数据条数
@@ -147,18 +144,46 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['authUserId'])
+    ...mapGetters(['authUserId']),
+    editTitle() {
+      return this.type === 'review' ? '查看' : '审核'
+    }
   },
   created() {
     this.listQuery.authUserId = this.$route.query.authUserId
     this.getList()
   },
   methods: {
+    // 按钮组点击事件
+    onClick(row, type) {
+      const actions = {
+        review: this.onReview,
+        result: this.onResult,
+        audit: this.onAudit
+      }
+      actions[type](row)
+    },
+
+    // 预览
+    onReview(row) {
+      console.log('预览')
+      this.type = 'review'
+      this.handleShowDialog(row)
+    },
+    // 驳回
+    onResult(row) {
+      console.log('驳回')
+    },
+    // 审核
+    onAudit(row) {
+      this.type = 'audit'
+      this.handleShowDialog(row)
+    },
     // 获取列表数据
     getList() {
       this.listLoading = true
       getFileList(this.listQuery)
-        .then(res => {
+        .then((res) => {
           if (res.code !== 0) return
           this.list = res.data.list
           this.total = res.data.total
@@ -187,21 +212,20 @@ export default {
     },
     // 审核操作
     handleAuditStatus() {
-      this.$refs.formRef.validate(valid => {
+      this.$refs.formRef.validate((valid) => {
         if (valid) {
           this.dialogData.auditBy = this.authUserId
-          auditfile(this.dialogData)
-            .then(res => {
-              console.log(res)
-              if (res.code !== 0) return
-              this.$message({
-                message: res.data,
-                type: 'success',
-                duration: 1000
-              })
-              this.dialogVisible = false
-              this.getList()
+          auditfile(this.dialogData).then((res) => {
+            console.log(res)
+            if (res.code !== 0) return
+            this.$message({
+              message: res.data,
+              type: 'success',
+              duration: 1000
             })
+            this.dialogVisible = false
+            this.getList()
+          })
         }
       })
     },
@@ -224,10 +248,10 @@ export default {
 .el-table .cell {
   overflow: visible;
 }
-.el-badge{
+.el-badge {
   margin: 0 6px;
 }
-.preview{
+.preview {
   cursor: pointer;
   margin-left: 5px;
   color: #0eaae7;

src/views/admin/audit/material/video/index.vue

@@ -53,13 +53,14 @@
       </el-table-column>
       <el-table-column label="操作" width="150px" align="center">
         <template slot-scope="{ row }">
-          <el-button
+          <!-- <el-button
             v-if="row.auditStatus !== 1"
             type="primary"
             size="mini"
             @click="handleShowDialog(row)"
           >审核</el-button>
-          <span v-else class="status success el-icon-check">&nbsp;已审核</span>
+          <span v-else class="status success el-icon-check">&nbsp;已审核</span> -->
+          <audit-button-group type="audit" :is-dot="true" :margin-right="false" @click="onClick(row, $event)" />
         </template>
       </el-table-column>
     </el-table>
@@ -72,7 +73,7 @@
       @pagination="getList(listQuery)"
     />
     <!-- 视频预览对话框 -->
-    <el-dialog title="视频审核" :visible.sync="dialogVisible" width="40%" @closed="dialogColosed">
+    <el-dialog :title="editTitle" :visible.sync="dialogVisible" width="40%" @closed="dialogColosed">
       <el-form ref="formRef" :model="dialogData" label-width="65px" :rules="dialogFormRules">
         <el-form-item label="标题：">
           {{ current.videoTitle }}
@@ -80,20 +81,24 @@
         <el-form-item label="视频：">
           <video :src="current.currentVideoUrl" controls="controls" width="100%">您的浏览器不支持播放该视频</video>
         </el-form-item>
-        <el-form-item label="审核：">
-          <el-radio-group v-model="dialogData.auditStatus">
-            <el-radio :label="1">通过</el-radio>
-            <el-radio :label="0">不通过</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-form-item v-if="dialogData.auditStatus === 0" label="原因：" prop="invalidReason">
-          <el-input v-model="dialogData.invalidReason" type="textarea" placeholder="请说明原因" />
-        </el-form-item>
+        <template v-if="type === 'audit'">
+          <el-form-item label="审核：">
+            <el-radio-group v-model="dialogData.auditStatus">
+              <el-radio :label="1">通过</el-radio>
+              <el-radio :label="0">不通过</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item v-if="dialogData.auditStatus === 0" label="原因：" prop="invalidReason">
+            <el-input v-model="dialogData.invalidReason" type="textarea" placeholder="请说明原因" />
+          </el-form-item>
+        </template>
       </el-form>
-      <div slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="handleAuditStatus">提 交</el-button>
-      </div>
+      <template v-if="type === 'audit'">
+        <div slot="footer" class="dialog-footer">
+          <el-button @click="dialogVisible = false">取 消</el-button>
+          <el-button type="primary" @click="handleAuditStatus">提 交</el-button>
+        </div>
+      </template>
     </el-dialog>
     <!-- 视频预览对话框END -->
   </div>
@@ -106,6 +111,7 @@ import { mapGetters } from 'vuex'
 export default {
   data() {
     return {
+      type: 'review',
       dialogVisible: false, // 视频审核dialog是否显示
       listLoading: false, // 列表加载
       total: 0, // 列表总数据条数
@@ -139,13 +145,41 @@ export default {
     }
   },
   computed: {
-    ...mapGetters(['authUserId'])
+    ...mapGetters(['authUserId']),
+    editTitle() {
+      return this.type === 'review' ? '查看' : '审核'
+    }
   },
   created() {
     this.listQuery.authUserId = this.$route.query.authUserId
     this.getList()
   },
   methods: {
+    // 按钮组点击事件
+    onClick(row, type) {
+      const actions = {
+        review: this.onReview,
+        result: this.onResult,
+        audit: this.onAudit
+      }
+      actions[type](row)
+    },
+
+    // 预览
+    onReview(row) {
+      console.log('预览')
+      this.type = 'review'
+      this.handleShowDialog(row)
+    },
+    // 驳回
+    onResult(row) {
+      console.log('驳回')
+    },
+    // 审核
+    onAudit(row) {
+      this.type = 'audit'
+      this.handleShowDialog(row)
+    },
     // 获取列表数据
     getList() {
       this.listLoading = true

src/views/admin/audit/personnel/operate/index.vue

@@ -60,7 +60,7 @@
       <!-- <el-table-column v-if="false" label="创建人" width="180px" align="center" prop="createBy" /> -->
       <el-table-column label="操作" align="center" width="160px" class-name="small-padding fixed-width">
         <template slot-scope="{ row }">
-          <el-button
+          <!-- <el-button
             v-if="row.auditStatus !== 1"
             type="primary"
             size="mini"
@@ -68,7 +68,8 @@
           >
             审核
           </el-button>
-          <span v-else class="status success el-icon-check">&nbsp;已审核</span>
+          <span v-else class="status success el-icon-check">&nbsp;已审核</span> -->
+          <audit-button-group type="audit" :is-dot="true" :margin-right="false" @click="onClick(row, $event)" />
         </template>
       </el-table-column>
     </el-table>
@@ -113,6 +114,29 @@ export default {
     this.getList()
   },
   methods: {
+    // 按钮组点击事件
+    onClick(row, type) {
+      const actions = {
+        review: this.onReview,
+        result: this.onResult,
+        audit: this.onAudit
+      }
+      actions[type](row)
+    },
+
+    // 预览
+    onReview(row) {
+      console.log('预览')
+      this.$router.push(`doctor-detail?id=${row.doctorId}&type=review`)
+    },
+    // 驳回
+    onResult(row) {
+      console.log('驳回')
+    },
+    // 审核
+    onAudit(row) {
+      this.$router.push(`doctor-detail?id=${row.doctorId}&type=audit`)
+    },
     // 获取列表
     getList() {
       this.listQuery.authUserId = this.$route.query.authUserId

src/views/admin/audit/personnel/operate/review.vue

@@ -11,15 +11,11 @@
         <span>{{ doctorInfo.clubName }}</span>
       </el-form-item>
       <el-form-item label="操作师照片:" prop="doctorImage">
-        <el-image
-          style="width: 140px; height: 140px"
-          :src="doctorInfo.doctorImage"
-          :preview-src-list="doctorImgList"
-        />
+        <el-image style="width: 140px; height: 140px" :src="doctorInfo.doctorImage" :preview-src-list="doctorImgList" />
       </el-form-item>
       <el-form-item label="轮播图:" prop="banner">
         <el-image
-          v-for="(image,index) in doctorInfo.bannerList"
+          v-for="(image, index) in doctorInfo.bannerList"
           :key="index"
           style="width: 140px; height: 140px"
           :src="image"
@@ -69,19 +65,21 @@
       </el-form-item>
 
       <!-- 审核表单 -->
-      <el-form-item label="审核状态：">
-        <el-radio-group v-model="formData.auditStatus">
-          <el-radio :label="1">通过</el-radio>
-          <el-radio :label="0">不通过</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item v-if="formData.auditStatus!==1" prop="invalidReason" label="原因：">
-        <el-input v-model="formData.invalidReason" type="textarea" placeholder="请说明原因" />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="info" @click="$_back">返回</el-button>
-        <el-button type="primary" @click="submit">提交</el-button>
-      </el-form-item>
+      <template v-if="type === 'audit'">
+        <el-form-item label="审核状态：">
+          <el-radio-group v-model="formData.auditStatus">
+            <el-radio :label="1">通过</el-radio>
+            <el-radio :label="0">不通过</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item v-if="formData.auditStatus !== 1" prop="invalidReason" label="原因：">
+          <el-input v-model="formData.invalidReason" type="textarea" placeholder="请说明原因" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="info" @click="$_back">返回</el-button>
+          <el-button type="primary" @click="submit">提交</el-button>
+        </el-form-item>
+      </template>
     </el-form>
   </div>
 </template>
@@ -93,6 +91,7 @@ import { doctorFormData, doctorAudit } from '@/api/doctor'
 export default {
   data() {
     return {
+      type: 'review',
       isRequest: true,
       doctorId: '',
       point: {},
@@ -126,12 +125,13 @@ export default {
   },
   created() {
     this.doctorId = this.formData.doctorId = parseInt(this.$route.query.id)
+    this.type = this.$route.query.type
     this.initFormData()
   },
   methods: {
     // 表单数据回显
     initFormData() {
-      doctorFormData({ doctorId: this.doctorId }).then(res => {
+      doctorFormData({ doctorId: this.doctorId }).then((res) => {
         this.setFormData(res.data)
       })
     },
@@ -148,25 +148,27 @@ export default {
 
       this.doctorImgList = [data.doctorImage]
       this.bannerImgList = data.bannerList
-      this.equipmentImgList = data.equipmentList.map(item => item.image)
+      this.equipmentImgList = data.equipmentList.map((item) => item.image)
     },
 
     // 提交审核信息
     submit() {
-      this.$refs.formRef.validate(valid => {
+      this.$refs.formRef.validate((valid) => {
         if (valid) {
           this.isLoading = true
           // 指定审核人
           this.formData.auditBy = this.authUserId
           // 提交审核信息
-          doctorAudit(this.formData).then(res => {
-            if (res.code !== 0) return
-            this.$message.success(res.data)
-            this.$store.dispatch('tagsView/delView', this.$route)
-            this.$router.back()
-          }).finally(() => {
-            this.isLoading = false
-          })
+          doctorAudit(this.formData)
+            .then((res) => {
+              if (res.code !== 0) return
+              this.$message.success(res.data)
+              this.$store.dispatch('tagsView/delView', this.$route)
+              this.$router.back()
+            })
+            .finally(() => {
+              this.isLoading = false
+            })
         }
       })
     }
@@ -175,7 +177,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.doctor-edit{
+.doctor-edit {
   margin-bottom: 80px;
 }
 

src/views/admin/audit/personnel/training/index.vue

@@ -60,7 +60,7 @@
       <!-- <el-table-column v-if="false" label="创建人" width="180px" align="center" prop="createBy" /> -->
       <el-table-column label="操作" align="center" width="160px" class-name="small-padding fixed-width">
         <template slot-scope="{ row }">
-          <el-button
+          <!-- <el-button
             v-if="row.auditStatus !== 1"
             type="primary"
             size="mini"
@@ -68,7 +68,8 @@
           >
             审核
           </el-button>
-          <span v-else class="status success el-icon-check">&nbsp;已审核</span>
+          <span v-else class="status success el-icon-check">&nbsp;已审核</span> -->
+          <audit-button-group type="audit" :is-dot="true" :margin-right="false" @click="onClick(row, $event)" />
         </template>
       </el-table-column>
     </el-table>
@@ -113,6 +114,30 @@ export default {
     this.getList()
   },
   methods: {
+    // 按钮组点击事件
+    onClick(row, type) {
+      const actions = {
+        review: this.onReview,
+        result: this.onResult,
+        audit: this.onAudit
+      }
+      actions[type](row)
+    },
+
+    // 预览
+    onReview(row) {
+      console.log('预览')
+      this.$router.push(`doctor-detail?id=${row.doctorId}&type=review`)
+    },
+    // 驳回
+    onResult(row) {
+      console.log('驳回')
+    },
+    // 审核
+    onAudit(row) {
+      this.$router.push(`doctor-detail?id=${row.doctorId}&type=audit`)
+    },
+
     // 获取列表
     getList() {
       this.listQuery.authUserId = this.$route.query.authUserId

src/views/admin/audit/personnel/training/review.vue

@@ -11,15 +11,11 @@
         <span>{{ doctorInfo.clubName }}</span>
       </el-form-item>
       <el-form-item label="培训师照片:" prop="doctorImage">
-        <el-image
-          style="width: 140px; height: 140px"
-          :src="doctorInfo.doctorImage"
-          :preview-src-list="doctorImgList"
-        />
+        <el-image style="width: 140px; height: 140px" :src="doctorInfo.doctorImage" :preview-src-list="doctorImgList" />
       </el-form-item>
       <el-form-item label="轮播图:" prop="banner">
         <el-image
-          v-for="(image,index) in doctorInfo.bannerList"
+          v-for="(image, index) in doctorInfo.bannerList"
           :key="index"
           style="width: 140px; height: 140px"
           :src="image"
@@ -47,19 +43,21 @@
       </el-form-item>
 
       <!-- 审核表单 -->
-      <el-form-item label="审核状态：">
-        <el-radio-group v-model="formData.auditStatus">
-          <el-radio :label="1">通过</el-radio>
-          <el-radio :label="0">不通过</el-radio>
-        </el-radio-group>
-      </el-form-item>
-      <el-form-item v-if="formData.auditStatus!==1" prop="invalidReason" label="原因：">
-        <el-input v-model="formData.invalidReason" type="textarea" placeholder="请说明原因" />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="info" @click="$_back">返回</el-button>
-        <el-button type="primary" @click="submit">提交</el-button>
-      </el-form-item>
+      <template v-if="type === 'audit'">
+        <el-form-item label="审核状态：">
+          <el-radio-group v-model="formData.auditStatus">
+            <el-radio :label="1">通过</el-radio>
+            <el-radio :label="0">不通过</el-radio>
+          </el-radio-group>
+        </el-form-item>
+        <el-form-item v-if="formData.auditStatus !== 1" prop="invalidReason" label="原因：">
+          <el-input v-model="formData.invalidReason" type="textarea" placeholder="请说明原因" />
+        </el-form-item>
+        <el-form-item>
+          <el-button type="info" @click="$_back">返回</el-button>
+          <el-button type="primary" @click="submit">提交</el-button>
+        </el-form-item>
+      </template>
     </el-form>
   </div>
 </template>
@@ -71,6 +69,7 @@ import { doctorFormData, doctorAudit } from '@/api/doctor'
 export default {
   data() {
     return {
+      type: 'review',
       isRequest: true,
       doctorId: '',
       point: {},
@@ -103,12 +102,13 @@ export default {
   },
   created() {
     this.doctorId = this.formData.doctorId = parseInt(this.$route.query.id)
+    this.type = this.$route.query.type
     this.initFormData()
   },
   methods: {
     // 表单数据回显
     initFormData() {
-      doctorFormData({ doctorId: this.doctorId }).then(res => {
+      doctorFormData({ doctorId: this.doctorId }).then((res) => {
         this.setFormData(res.data)
       })
     },
@@ -128,20 +128,22 @@ export default {
 
     // 提交审核信息
     submit() {
-      this.$refs.formRef.validate(valid => {
+      this.$refs.formRef.validate((valid) => {
         if (valid) {
           this.isLoading = true
           // 指定审核人
           this.formData.auditBy = this.authUserId
           // 提交审核信息
-          doctorAudit(this.formData).then(res => {
-            if (res.code !== 0) return
-            this.$message.success(res.data)
-            this.$store.dispatch('tagsView/delView', this.$route)
-            this.$router.back()
-          }).finally(() => {
-            this.isLoading = false
-          })
+          doctorAudit(this.formData)
+            .then((res) => {
+              if (res.code !== 0) return
+              this.$message.success(res.data)
+              this.$store.dispatch('tagsView/delView', this.$route)
+              this.$router.back()
+            })
+            .finally(() => {
+              this.isLoading = false
+            })
         }
       })
     }
@@ -150,7 +152,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-.doctor-edit{
+.doctor-edit {
   margin-bottom: 80px;
 }