diff --git a/package.json b/package.json
index 68628d5..38fb1e8 100644
--- a/package.json
+++ b/package.json
@@ -31,6 +31,8 @@
"dayjs": "^1.11.13",
"devui-theme": "^0.0.7",
"dompurify": "^3.0.5",
+ "highlight.js": "^11.11.1",
+ "highlightjs-line-numbers.js": "^2.9.0",
"js-cookie": "^3.0.5",
"localforage": "^1.10.0",
"lodash": "^4.17.21",
diff --git a/src/utils/highlightjs-line-numbers.js b/src/utils/highlightjs-line-numbers.js
new file mode 100644
index 0000000..55103f6
--- /dev/null
+++ b/src/utils/highlightjs-line-numbers.js
@@ -0,0 +1,231 @@
+// jshint multistr:true
+
+let TABLE_NAME = 'hljs-ln',
+ LINE_NAME = 'hljs-ln-line',
+ CODE_BLOCK_NAME = 'hljs-ln-code',
+ NUMBERS_BLOCK_NAME = 'hljs-ln-numbers',
+ NUMBER_LINE_NAME = 'hljs-ln-n',
+ DATA_ATTR_NAME = 'data-line-number',
+ BREAK_LINE_REGEXP = /\r\n|\r|\n/g;
+
+addStyles();
+
+function addStyles () {
+ let css = document.createElement('style');
+ css.type = 'text/css';
+ css.innerHTML = format(
+ '.{0}{border-collapse:collapse}' +
+ '.{0} td{padding:0}' +
+ '.{1}:before{content:attr({2})}',
+ [
+ TABLE_NAME,
+ NUMBER_LINE_NAME,
+ DATA_ATTR_NAME
+ ]);
+ document.getElementsByTagName('head')[0].appendChild(css);
+}
+
+function initLineNumbersOnLoad (options) {
+ if (document.readyState === 'interactive' || document.readyState === 'complete') {
+ documentReady(options);
+ } else {
+ window.addEventListener('DOMContentLoaded', function () {
+ documentReady(options);
+ });
+ }
+}
+
+function documentReady (options) {
+ try {
+ let blocks = document.querySelectorAll('code.hljs,code.nohighlight');
+
+ for (let i in blocks) {
+ // eslint-disable-next-line no-prototype-builtins
+ if (blocks.hasOwnProperty(i)) {
+ if (!isPluginDisabledForBlock(blocks[i])) {
+ lineNumbersBlock(blocks[i], options);
+ }
+ }
+ }
+ } catch (e) {
+ window.console.error('LineNumbers error: ', e);
+ }
+}
+
+function isPluginDisabledForBlock(element) {
+ return element.classList.contains('nohljsln');
+}
+
+function lineNumbersBlock (element, options) {
+ if (typeof element !== 'object') return;
+ element.innerHTML = lineNumbersInternal(element, options);
+}
+
+function lineNumbersInternal (element, options) {
+
+ let internalOptions = mapOptions(element, options);
+
+ duplicateMultilineNodes(element);
+
+ return addLineNumbersBlockFor(element.innerHTML, internalOptions);
+}
+
+function addLineNumbersBlockFor (inputHtml, options) {
+ let lines = getLines(inputHtml);
+
+ // if last line contains only carriage return remove it
+ if (lines[lines.length-1].trim() === '') {
+ lines.pop();
+ }
+
+ if (lines.length > 1 || options.singleLine) {
+ let html = '';
+
+ for (let i = 0, l = lines.length; i < l; i++) {
+ html += format(
+ '' +
+ '| ' +
+ '' +
+ ' | ' +
+ '' +
+ '{6}' +
+ ' | ' +
+ '
',
+ [
+ LINE_NAME,
+ NUMBERS_BLOCK_NAME,
+ NUMBER_LINE_NAME,
+ DATA_ATTR_NAME,
+ CODE_BLOCK_NAME,
+ i + options.startFrom,
+ lines[i].length > 0 ? lines[i] : ' '
+ ]);
+ }
+
+ return format('', [ TABLE_NAME, html ]);
+ }
+
+ return inputHtml;
+}
+
+/**
+ * @param {HTMLElement} element Code block.
+ * @param {Object} options External API options.
+ * @returns {Object} Internal API options.
+ */
+function mapOptions (element, options) {
+ options = options || {};
+ return {
+ singleLine: getSingleLineOption(options),
+ startFrom: getStartFromOption(element, options)
+ };
+}
+
+function getSingleLineOption (options) {
+ let defaultValue = false;
+ if (options.singleLine) {
+ return options.singleLine;
+ }
+ return defaultValue;
+}
+
+function getStartFromOption (element, options) {
+ let defaultValue = 1;
+ let startFrom = defaultValue;
+
+ if (isFinite(options.startFrom)) {
+ startFrom = options.startFrom;
+ }
+
+ // can be overridden because local option is priority
+ let value = getAttribute(element, 'data-ln-start-from');
+ if (value !== null) {
+ startFrom = toNumber(value, defaultValue);
+ }
+
+ return startFrom;
+}
+
+/**
+ * Recursive method for fix multi-line elements implementation in highlight.js
+ * Doing deep passage on child nodes.
+ * @param {HTMLElement} element
+ */
+function duplicateMultilineNodes (element) {
+ let nodes = element.childNodes;
+ for (let node in nodes) {
+ // eslint-disable-next-line no-prototype-builtins
+ if (nodes.hasOwnProperty(node)) {
+ let child = nodes[node];
+ if (getLinesCount(child.textContent) > 0) {
+ if (child.childNodes.length > 0) {
+ duplicateMultilineNodes(child);
+ } else {
+ duplicateMultilineNode(child.parentNode);
+ }
+ }
+ }
+ }
+}
+
+/**
+ * Method for fix multi-line elements implementation in highlight.js
+ * @param {HTMLElement} element
+ */
+function duplicateMultilineNode (element) {
+ let className = element.className;
+
+ if ( ! /hljs-/.test(className)) return;
+
+ let lines = getLines(element.innerHTML);
+
+ for (var i = 0, result = ''; i < lines.length; i++) {
+ let lineText = lines[i].length > 0 ? lines[i] : ' ';
+ result += format('{1}\n', [ className, lineText ]);
+ }
+
+ element.innerHTML = result.trim();
+}
+
+function getLines (text) {
+ if (text.length === 0) return [];
+ return text.split(BREAK_LINE_REGEXP);
+}
+
+function getLinesCount (text) {
+ return (text.trim().match(BREAK_LINE_REGEXP) || []).length;
+}
+
+
+/**
+ * {@link https://wcoder.github.io/notes/string-format-for-string-formating-in-javascript}
+ * @param {string} format
+ * @param {array} args
+ */
+function format (format, args) {
+ return format.replace(/\{(\d+)\}/g, function(m, n){
+ return args[n] !== undefined ? args[n] : m;
+ });
+}
+
+/**
+ * @param {HTMLElement} element Code block.
+ * @param {String} attrName Attribute name.
+ * @returns {String} Attribute value or empty.
+ */
+function getAttribute (element, attrName) {
+ return element.hasAttribute(attrName) ? element.getAttribute(attrName) : null;
+}
+
+/**
+ * @param {String} str Source string.
+ * @param {Number} fallback Fallback value.
+ * @returns Parsed number or fallback value.
+ */
+function toNumber (str, fallback) {
+ if (!str) return fallback;
+ let number = Number(str);
+ return isFinite(number) ? number : fallback;
+}
+
+export {lineNumbersBlock, initLineNumbersOnLoad}
diff --git a/src/views/Jyh/Version/Detail/CodeQuality/Code.vue b/src/views/Jyh/Version/Detail/CodeQuality/Code.vue
new file mode 100644
index 0000000..c1e0fea
--- /dev/null
+++ b/src/views/Jyh/Version/Detail/CodeQuality/Code.vue
@@ -0,0 +1,43 @@
+
+
+
+
+
+
+
+
diff --git a/src/views/Jyh/Version/Detail/CodeQuality/index.vue b/src/views/Jyh/Version/Detail/CodeQuality/index.vue
new file mode 100644
index 0000000..58c9cab
--- /dev/null
+++ b/src/views/Jyh/Version/Detail/CodeQuality/index.vue
@@ -0,0 +1,295 @@
+
+
+
+
+ 问题数
+
+ {{ ReleaseInfo?.basicInfo?.softwareName || '--' }}
+
+
+ 未解决问题数
+ {{ ReleaseInfo?.basicInfo?.softwareVersion || '--' }}
+
+
+ 已解决问题数
+ {{ ReleaseInfo?.basicInfo?.mainLanguageType || '--' }}
+
+
+
+
+ 代码平均复杂度
+ {{ ReleaseInfo?.basicInfo?.developer || '--' }}
+
+
+ 代码重复率
+ {{ ReleaseInfo?.basicInfo?.developer || '--' }}
+
+
+ 代码总行数
+ {{ ReleaseInfo?.basicInfo?.developer || '--' }}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+