feat: 作品展示页

src/modules/works-show/api.js

+import httpRequest from '@/utils/axios'
+
+/** 获取作品完成状态 */
+export function getWorkStatus() {
+  return httpRequest.get('/api/xtraining/api/v1/show/analysis-status')
+}
\ No newline at end of file

src/modules/works-show/views/Index.vue

@@ -4,33 +4,70 @@
     <div class="container">
       <div class="product">
         产品分析报告
-        <div class="btn-bar">
-          <el-button type="primary" size="medium" plain round>编辑</el-button>
-          <el-button type="primary" size="medium" round>提交</el-button>
+        <div class="btn-bar" v-if="case_status">
+          <el-button type="primary" size="medium" plain round :disabled="[0, 2, 3].includes(role)" @click="handleGo(1)">编辑</el-button>
+          <el-button type="primary" size="medium" round :disabled="[0, 2, 3].includes(role)" @click="handleGo(2)">成绩</el-button>
         </div>
+        <p class="tips" v-else>您还未完成产品分析报告，<br>请先去完成吧！</p>
       </div>
       <div class="user">
         用户分析报告
-        <div class="btn-bar">
-          <el-button type="primary" size="medium" plain round>查看</el-button>
-          <el-button type="primary" size="medium" round>成绩</el-button>
+        <div class="btn-bar" v-if="user_analysis_status">
+          <el-button type="primary" size="medium" plain round :disabled="[0, 1, 3].includes(role)" @click="handleGo(3)">编辑</el-button>
+          <el-button type="primary" size="medium" round :disabled="[0, 1, 3].includes(role)" @click="handleGo(3, 1)">成绩</el-button>
         </div>
+        <p class="tips" v-else>您还未完成用户分析报告，<br>请先去完成吧！</p>
       </div>
       <div class="tool">
         营销工具使用
-        <div class="btn-bar">
-          <el-button type="primary" size="medium" plain round>编辑</el-button>
-          <el-button type="primary" size="medium" round>提交</el-button>
+        <div class="btn-bar" v-if="marketing_status">
+          <el-button type="primary" size="medium" plain round :disabled="[0, 1, 2].includes(role)"  @click="handleGo(4)">编辑</el-button>
         </div>
+        <p class="tips" v-else>您还未完成产品分析报告，<br>请先去完成吧！</p>
       </div>
     </div>
   </div>
 </template>
 
 <script>
+import { getWorkStatus } from '../api'
 export default {
   data() {
-    return {}
+    return {
+      case_status: true,
+      marketing_status: true,
+      user_analysis_status: true,
+      navMap: {
+        1: '/product-analysis/report',
+        2: '/product-analysis/result',
+        3: '/user-study',
+        4: '/market-tools/tool'
+      }
+    }
+  },
+  computed: {
+    role() {
+      return this.$store.state.role
+    }
+  },
+  created() {
+    // this.fetchWorkStatus()
+  },
+  methods: {
+    handleGo(index, type) {
+      const path = this.navMap[index]
+      this.$router.push({ path, query: { type } })
+    },
+    fetchWorkStatus() {
+      getWorkStatus().then(res => {
+        if (res.code === 0 && res.data) {
+          console.log(res.data)
+          this.case_status = res.data.case_status
+          this.marketing_status = res.data.marketing_status
+          this.user_analysis_status = res.data.user_analysis_status
+        }
+      })
+    }
   }
 }
 </script>
@@ -73,7 +110,7 @@ h5{
 .container .tool{
   background:url('@/assets/images/works_show_icon3.png') #fff no-repeat center 4px;
 }
-.btn-bar{
+.btn-bar, .tips{
   padding-top:20px;
   border-top:1px dashed #c3c3c3;
   margin:20px 20px 0;
@@ -81,4 +118,8 @@ h5{
 .btn-bar .el-button{
   padding:6px 22px;
 }
+.tips{
+  font-size:13px;
+  color:rgb(250, 84, 28);
+}
 </style>