patentDetails.vue 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343
  1. <template>
  2. <div class="height_100">
  3. <el-container>
  4. <el-header style="min-height: 100px !important;height: auto;">
  5. <div style="width:100%">
  6. <div style="display: flex;justify-content: space-between;align-items: center;height:50px">
  7. <div style="text-align: start;padding-left: 10px;position: relative;">
  8. <!-- <div style="width: 260px;"> -->
  9. <img src="@/assets/visual/fixed.png" width="20px" height="20px" v-if="fix === true && value == true" @click="qx" style="" />
  10. <img src="@/assets/visual/unfixed.png" width="20px" height="20px" v-if="fix === false && value == true" @click="gd" style="" />
  11. <!-- </div> -->
  12. </div>
  13. <div>
  14. <div>
  15. <span v-html="getViewDom(patent.patentNo)"></span>
  16. <el-tag type="primary" effect="dark" size="mini" class="margin-left_10" v-if="patent.simpleStatus">{{
  17. patent.simpleStatus }}</el-tag>
  18. </div>
  19. <div style="color: #6b6868; font-size: 15px;padding-bottom: 5px;">
  20. <span v-html="getView(patent, 'title')"></span>
  21. <el-link v-if="projectId" type="primary" @click.native="handleChange(patent, 'title')"
  22. style="margin-left: 10px;margin-top: -3px;">
  23. <span v-if="!patent.change">切换译文</span>
  24. <span v-else>切换原文</span>
  25. </el-link>
  26. </div>
  27. </div>
  28. <!-- <PatentMark :patentNo="patent.patentNo" @biaozhu="getBiaoZhu"></PatentMark> -->
  29. <div style="display: flex;justify-content: space-between;margin-right: 10px;align-items: center;">
  30. <el-dropdown size="medium" style="margin-right:10px" v-if="$permission('/workspace/createReport')">
  31. <el-button type="primary" size="small">
  32. 创建报告<i class="el-icon-arrow-down el-icon--right"></i>
  33. </el-button>
  34. <el-dropdown-menu slot="dropdown" style="margin-top:0px">
  35. <!-- 遍历按钮 -->
  36. <el-dropdown-item @click.native="handleAnalyse(0)"
  37. v-if="$permission('/workspace/createReport/invalid')">无效分析</el-dropdown-item>
  38. <el-dropdown-item @click.native="handleAnalyse(1)"
  39. v-if="$permission('/workspace/createReport/invalid')">第三方意见</el-dropdown-item>
  40. <el-dropdown-item @click.native="handleAnalyse(2)"
  41. v-if="$permission('/workspace/createReport/invalid')">稳定性分析</el-dropdown-item>
  42. <el-dropdown-item @click.native="handleAnalyse(4)"
  43. v-if="$permission('/workspace/createReport/tort')">侵权分析</el-dropdown-item>
  44. <el-dropdown-item @click.native="handleAnalyse(5)"
  45. v-if="$permission('/workspace/createReport/avoidDesign')">回避设计</el-dropdown-item>
  46. <el-dropdown-item @click.native="handleAnalyse(7)"
  47. v-if="$permission('/workspace/createReport/reInvalid')">无效应对</el-dropdown-item>
  48. </el-dropdown-menu>
  49. </el-dropdown>
  50. <el-button type="primary" size="small" @click="handleSelect('PatentExport')">导出文档</el-button>
  51. </div>
  52. </div>
  53. <div style=" position: relative; border-top: 1px solid #e6e6e6;text-align: center;" class="menu">
  54. <el-link v-for="item in menuList" :type="activeMenu === item.value ? 'primary' : undefined" :key="item.value"
  55. v-if="!item.show" :disabled="item.value === 'PatentPDF' ? !(patent.pdf && patent.pdf.length > 0) : false"
  56. @click.native="handleSelect(item.value)">
  57. {{ item.label }}
  58. <span v-if="item.value == 'PatentImage' || item.value == 'PatentPDF'" @click.stop="ending(item.value)">
  59. <el-popover placement="right" width="400" trigger="click">
  60. <el-radio v-for="(item, index) in positionList" :key="index" v-model="radio" @input="changePosition"
  61. :label="item.value">{{ item.label }}</el-radio>
  62. <i class="el-icon-setting" slot="reference"></i>
  63. </el-popover>
  64. </span>
  65. </el-link>
  66. <el-link v-for="item in menuList2" :type="activeMenu === item.value ? 'primary' : undefined" :key="item.value"
  67. @click.native="handleSelect(item.value)">{{ item.label }}</el-link>
  68. <el-tooltip class="item" effect="dark" :content="(showRight ? '隐藏' : '显示') + '右侧菜单'" placement="top">
  69. <i :class="showRight ? 'el-icon-s-unfold' : 'el-icon-s-fold'"
  70. style="font-size: 25px;position: absolute; right: 10px; margin-top: 5px;color: #2f2f2f; cursor: pointer"
  71. @click="showRight = !showRight"></i>
  72. </el-tooltip>
  73. </div>
  74. </div>
  75. </el-header>
  76. <el-main>
  77. <div class="height_100" style="display: flex;">
  78. <div class="height_100" :style="{ width: showRight ? 'calc(100% - 321px)' : 'calc(100% - 21px)' }">
  79. <my-view :position="this.positionList.find(item => item.value == radio).position"
  80. :showView="radio != 1 && activeMenu != activeMenu2">
  81. <div slot="left">
  82. <component :activeName="activeMenu" style="width:100%;padding-right: 10px;" :is="activeMenu"
  83. :project-id="projectId" :patent="patent" :patentNo="[patent.patentNo]" :domId="patent.patentNo + '1'"
  84. @refresh="getPatent()"></component>
  85. </div>
  86. <div slot="right">
  87. <component :is="activeMenu2" :project-id="projectId" :patent="patent" :sign="true"></component>
  88. </div>
  89. </my-view>
  90. </div>
  91. <div class="height_100" v-if="showRight" style="width: 300px;margin: auto;">
  92. <el-container>
  93. <el-header>
  94. <div class="patent-articles-option">
  95. <el-tabs v-model="activeOption" type="card">
  96. <el-tab-pane label="标引" name="PatentField"></el-tab-pane>
  97. <el-tab-pane label="注释" name="PatentAnnotation"
  98. :disabled="!($permission('/workspace/details/notes') && $r(projectId, [1, 2]))"></el-tab-pane>
  99. </el-tabs>
  100. </div>
  101. </el-header>
  102. <el-main>
  103. <keep-alive>
  104. <component :is="activeOption" :project-id="projectId" :patentNo="patent.patentNo" :taskId="taskId"></component>
  105. </keep-alive>
  106. </el-main>
  107. </el-container>
  108. </div>
  109. </div>
  110. </el-main>
  111. </el-container>
  112. </div>
  113. </template>
  114. <script>
  115. import PatentBasic from './patentMessage/PatentBasic.vue'
  116. import PatentRight from './patentMessage/PatentRight.vue'
  117. import PatentImage from './patentMessage/PatentImage.vue'
  118. import PatentInstruction from './patentMessage/PatentInstruction.vue'
  119. import PatentFamily from './patentMessage/PatentFamily.vue'
  120. import PatentStatus from './patentMessage/PatentStatus.vue'
  121. import PatentPDF from './patentMessage/PatentPDF.vue'
  122. import { projectData, handleData } from '../../patentCollection/components/mixins/index'
  123. import PatentField from './PatentField.vue'
  124. export default {
  125. components: {
  126. PatentBasic,
  127. PatentRight,
  128. PatentImage,
  129. PatentInstruction,
  130. PatentFamily,
  131. PatentStatus,
  132. PatentPDF,
  133. PatentField,
  134. },
  135. mixins: [projectData, handleData],
  136. props: {
  137. projectId: {
  138. default: 0
  139. },
  140. patentNo: {
  141. type: String
  142. },
  143. taskId: {
  144. default:null,
  145. },
  146. },
  147. data() {
  148. return {
  149. radio: 1,
  150. positionList: [
  151. {
  152. label: 'tab展示',
  153. value: 1,
  154. position: 'row'
  155. },
  156. {
  157. label: '上边展示',
  158. value: 2,
  159. position: 'column-reverse'
  160. },
  161. {
  162. label: '下边展示',
  163. value: 3,
  164. position: 'column'
  165. },
  166. {
  167. label: '左边展示',
  168. value: 4,
  169. position: 'row-reverse'
  170. },
  171. {
  172. label: '右边展示',
  173. value: 5,
  174. position: 'row'
  175. },
  176. ],
  177. menuList: [
  178. {
  179. value: 'PatentBasic',
  180. label: '基础信息'
  181. },
  182. {
  183. value: 'PatentRight',
  184. label: '权利要求'
  185. },
  186. {
  187. value: 'PatentImage',
  188. label: '附图'
  189. },
  190. {
  191. value: 'PatentInstruction',
  192. label: '说明书文本'
  193. },
  194. {
  195. value: 'PatentFamily',
  196. label: '同族专利'
  197. },
  198. {
  199. value: 'PatentStatus',
  200. label: '法律状态'
  201. },
  202. {
  203. value: 'PatentPDF',
  204. label: '说明书'
  205. },
  206. {
  207. value: 'Permit',
  208. show: this.$permission('/workspace/patent/worth') ? false : true,
  209. label: '许可历史'
  210. },
  211. {
  212. value: 'ProductManage',
  213. show: this.$permission('/workspace/product') ? false : true,
  214. label: '商品化'
  215. },
  216. {
  217. value: 'patentWorth',
  218. show: this.$permission('/workspace/patent/worth') ? false : true,
  219. label: '价值曲线'
  220. }
  221. ],
  222. menuList2: [
  223. {
  224. value: 'Examination',
  225. label: '审查历史'
  226. },
  227. {
  228. value: 'Invalid',
  229. label: '被无效历史'
  230. },
  231. {
  232. value: 'HistoryOfInvalidEvidence',
  233. label: '作为无效证据使用历史'
  234. },
  235. {
  236. value: 'InvalidEvidencePush',
  237. label: '无效证据推荐'
  238. },
  239. {
  240. value: 'Litigation',
  241. label: '诉讼历史'
  242. },
  243. {
  244. value: 'Other',
  245. label: '其他参考资料'
  246. },
  247. ],
  248. fix: false,
  249. showRight: false,
  250. activeOption: 'PatentField',
  251. activeMenu: 'PatentBasic',
  252. activeMenu2: '',
  253. value: false,
  254. patent: {}
  255. };
  256. },
  257. watch: {
  258. patentNo(val) {
  259. if (val) {
  260. this.getPatent()
  261. }
  262. }
  263. },
  264. computed: {},
  265. created() { },
  266. mounted() {
  267. console.log(123);
  268. this.getPatent()
  269. },
  270. methods: {
  271. getBiaoZhu() {
  272. },
  273. //获取专利信息
  274. getPatent() {
  275. var params = {
  276. patentNo: this.patentNo
  277. }
  278. this.$api.selectPatentDetail(params).then(response => {
  279. if (response.code == 200) {
  280. this.patent = response.data
  281. }
  282. })
  283. },
  284. // 创建报告:无效分析等点击事件
  285. handleAnalyse(id) {
  286. this.$api.getProject({ id: this.projectId }).then(response => {
  287. var form = {
  288. type: id,
  289. signPatentNo: this.pNo,
  290. projectId: this.projectId,
  291. departmentId: response.data[0].departmentId,
  292. personId: response.data[0].personnelId,
  293. clientId: response.data[0].clientId,
  294. proTec: response.data[0].technicalTheme,
  295. scenarioList: response.data[0].scenarioList
  296. }
  297. this.$refs.ReportForm.open(form)
  298. })
  299. },
  300. handleSelect(index) {
  301. if (index === 'PatentExport') {
  302. const router = this.$router.resolve({
  303. path: '/workspace/folder/export/patent',
  304. query: {
  305. id: this.projectId,
  306. patent: this.patent.id
  307. }
  308. })
  309. window.open(router.href, '_blank');
  310. return false
  311. }
  312. if (index == this.activeMenu2) {
  313. this.activeMenu2 = ''
  314. this.radio = 1
  315. this.changePosition(this.radio)
  316. }
  317. this.activeMenu = index
  318. },
  319. ending(val) {
  320. this.activeMenu2 = val
  321. return false
  322. },
  323. changePosition(val) {
  324. }
  325. },
  326. };
  327. </script>
  328. <style lang="scss" scoped>
  329. .menu {
  330. .el-link {
  331. margin-right: 20px;
  332. }
  333. }
  334. </style>