lrf402788946 4 anos atrás
pai
commit
136660180d

+ 176 - 158
src/views/adminCenter/adminExamine/parts/detailed.vue

@@ -1,158 +1,176 @@
-<template>
-  <div id="detailed">
-    <el-row>
-      <el-col :span="24" class="detailed">
-        <el-col :span="24" class="one">
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              研究工作报告(必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.work_report && linkInfo.work_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              研究技术报告(必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.techol_report && linkInfo.techol_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              经济效益分析(必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.benefit && linkInfo.benefit.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              科技查新报告(科技项目成果,必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.science_report && linkInfo.science_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              法律价值评估报告(专利成果,必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.assess_report && linkInfo.assess_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              推广应用证明(两家以上应用单位,必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.app_prove && linkInfo.app_prove.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              成果技术汇报PPT(必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.techol_ppt && linkInfo.techol_ppt.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              检测报告(根据项目需要提供)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.testing_report && linkInfo.testing_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              质量标准(检测报告所依据的标准,企业标准,行业标准,国家标准,国际标准)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.quality && linkInfo.quality.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              与本成果相关的授权专利证书
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.patent && linkInfo.patent.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              特殊行业需要提供的相应证明材料
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.special && linkInfo.special.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              项目经费预算书
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.budget && linkInfo.budget.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              项目经费决算书
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.final && linkInfo.final.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-export default {
-  name: 'detailed',
-  props: {
-    linkInfo: { type: Object },
-  },
-  components: {},
-  data: function() {
-    return {};
-  },
-  created() {},
-  methods: {
-    btn(url) {
-      console.log(url);
-      window.open(url);
-    },
-  },
-  computed: {
-    ...mapState(['user']),
-  },
-  watch: {},
-};
-</script>
-
-<style lang="less" scoped>
-.detailed {
-  .one {
-    .short {
-      .shortText {
-        height: 40px;
-        line-height: 40px;
-        border: 1px solid #ccc;
-        text-align: center;
-      }
-    }
-    .short:hover {
-      cursor: pointer;
-      background: #f1f1f1;
-    }
-  }
-}
-</style>
+<template>
+  <div id="detailed">
+    <el-row>
+      <el-col :span="24" class="detailed">
+        <el-col :span="24" class="one">
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              研究工作报告(必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('work_report.url')" :href="getProp('work_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              研究技术报告(必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('techol_report.url')" :href="getProp('techol_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              经济效益分析(必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('benefit.url')" :href="getProp('benefit.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              科技查新报告(科技项目成果,必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('science_report.url')" :href="getProp('science_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              法律价值评估报告(专利成果,必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('assess_report.url')" :href="getProp('assess_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              推广应用证明(两家以上应用单位,必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('app_prove.url')" :href="getProp('app_prove.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              成果技术汇报PPT(必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('techol_ppt.url')" :href="getProp('techol_ppt.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              检测报告(根据项目需要提供)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('testing_report.url')" :href="getProp('testing_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              质量标准(检测报告所依据的标准,企业标准,行业标准,国家标准,国际标准)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('quality.url')" :href="getProp('quality.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              与本成果相关的授权专利证书
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('patent.url')" :href="getProp('patent.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              特殊行业需要提供的相应证明材料
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('special.url')" :href="getProp('special.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              项目经费预算书
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('budget.url')" :href="getProp('budget.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              项目经费决算书
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('final.url')" :href="getProp('final.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+const _ = require('lodash');
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'detailed',
+  props: {
+    linkInfo: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {
+    btn(url) {
+      console.log(url);
+      window.open(url);
+    },
+    getProp(prop) {
+      let res = _.get(this.linkInfo, prop);
+      if (_.isString(res)) return res;
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.detailed {
+  .one {
+    .short {
+      .shortText {
+        height: 40px;
+        line-height: 40px;
+        border: 1px solid #ccc;
+        text-align: center;
+      }
+    }
+    .short:hover {
+      cursor: pointer;
+      background: #f1f1f1;
+    }
+  }
+}
+</style>

+ 3 - 0
src/views/expertCenter/detail.vue

@@ -16,6 +16,9 @@
             <el-tab-pane label="(四)评价委托方提供资料清单" name="fourth">
               <detailed :linkInfo="form.datalist"></detailed>
             </el-tab-pane>
+            <el-tab-pane label="(五)专家评价" name="fifth">
+              <slot></slot>
+            </el-tab-pane>
           </el-tabs>
         </el-col>
       </el-col>

+ 176 - 158
src/views/userCenter/common/parts/detailed.vue

@@ -1,158 +1,176 @@
-<template>
-  <div id="detailed">
-    <el-row>
-      <el-col :span="24" class="detailed">
-        <el-col :span="24" class="one">
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              研究工作报告(必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.work_report && linkInfo.work_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              研究技术报告(必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.techol_report && linkInfo.techol_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              经济效益分析(必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.benefit && linkInfo.benefit.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              科技查新报告(科技项目成果,必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.science_report && linkInfo.science_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              法律价值评估报告(专利成果,必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.assess_report && linkInfo.assess_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              推广应用证明(两家以上应用单位,必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.app_prove && linkInfo.app_prove.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              成果技术汇报PPT(必备)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.techol_ppt && linkInfo.techol_ppt.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              检测报告(根据项目需要提供)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.testing_report && linkInfo.testing_report.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              质量标准(检测报告所依据的标准,企业标准,行业标准,国家标准,国际标准)
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.quality && linkInfo.quality.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              与本成果相关的授权专利证书
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.patent && linkInfo.patent.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              特殊行业需要提供的相应证明材料
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.special && linkInfo.special.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              项目经费预算书
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.budget && linkInfo.budget.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-          <el-col :span="24" class="short">
-            <el-col :span="22" class="shortText">
-              项目经费决算书
-            </el-col>
-            <el-col :span="2" class="shortText">
-              <el-link :underline="false" :href="linkInfo.final && linkInfo.final.url">文件下载</el-link>
-            </el-col>
-          </el-col>
-        </el-col>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-import { mapState, createNamespacedHelpers } from 'vuex';
-export default {
-  name: 'detailed',
-  props: {
-    linkInfo: { type: Object },
-  },
-  components: {},
-  data: function() {
-    return {};
-  },
-  created() {},
-  methods: {
-    btn(url) {
-      console.log(url);
-      window.open(url);
-    },
-  },
-  computed: {
-    ...mapState(['user']),
-  },
-  watch: {},
-};
-</script>
-
-<style lang="less" scoped>
-.detailed {
-  .one {
-    .short {
-      .shortText {
-        height: 40px;
-        line-height: 40px;
-        border: 1px solid #ccc;
-        text-align: center;
-      }
-    }
-    .short:hover {
-      cursor: pointer;
-      background: #f1f1f1;
-    }
-  }
-}
-</style>
+<template>
+  <div id="detailed">
+    <el-row>
+      <el-col :span="24" class="detailed">
+        <el-col :span="24" class="one">
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              研究工作报告(必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('work_report.url')" :href="getProp('work_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              研究技术报告(必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('techol_report.url')" :href="getProp('techol_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              经济效益分析(必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('benefit.url')" :href="getProp('benefit.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              科技查新报告(科技项目成果,必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('science_report.url')" :href="getProp('science_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              法律价值评估报告(专利成果,必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('assess_report.url')" :href="getProp('assess_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              推广应用证明(两家以上应用单位,必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('app_prove.url')" :href="getProp('app_prove.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              成果技术汇报PPT(必备)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('techol_ppt.url')" :href="getProp('techol_ppt.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              检测报告(根据项目需要提供)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('testing_report.url')" :href="getProp('testing_report.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              质量标准(检测报告所依据的标准,企业标准,行业标准,国家标准,国际标准)
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('quality.url')" :href="getProp('quality.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              与本成果相关的授权专利证书
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('patent.url')" :href="getProp('patent.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              特殊行业需要提供的相应证明材料
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('special.url')" :href="getProp('special.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              项目经费预算书
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('budget.url')" :href="getProp('budget.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+          <el-col :span="24" class="short">
+            <el-col :span="22" class="shortText">
+              项目经费决算书
+            </el-col>
+            <el-col :span="2" class="shortText">
+              <el-link :underline="false" type="primary" v-if="getProp('final.url')" :href="getProp('final.url')">文件下载</el-link>
+              <el-link v-else :disabled="true" :underline="false">暂无文件</el-link>
+            </el-col>
+          </el-col>
+        </el-col>
+      </el-col>
+    </el-row>
+  </div>
+</template>
+
+<script>
+const _ = require('lodash');
+import { mapState, createNamespacedHelpers } from 'vuex';
+export default {
+  name: 'detailed',
+  props: {
+    linkInfo: { type: Object },
+  },
+  components: {},
+  data: function() {
+    return {};
+  },
+  created() {},
+  methods: {
+    btn(url) {
+      console.log(url);
+      window.open(url);
+    },
+    getProp(prop) {
+      let res = _.get(this.linkInfo, prop);
+      if (_.isString(res)) return res;
+    },
+  },
+  computed: {
+    ...mapState(['user']),
+  },
+  watch: {},
+};
+</script>
+
+<style lang="less" scoped>
+.detailed {
+  .one {
+    .short {
+      .shortText {
+        height: 40px;
+        line-height: 40px;
+        border: 1px solid #ccc;
+        text-align: center;
+      }
+    }
+    .short:hover {
+      cursor: pointer;
+      background: #f1f1f1;
+    }
+  }
+}
+</style>