提交代码规范

.eslintignore

@@ -3,8 +3,11 @@ build/*.js
 # 忽略src/assets目录下文件的语法检查
 src/assets
 # 忽略public目录下文件的语法检查
-public
+public/*
 # 忽略当前目录下为js的文件的语法检查
 *.js
 # 忽略当前目录下为vue的文件的语法检查
-*.vue
\ No newline at end of file
+# *.vue
+node_modules/*
+
+packages/*
\ No newline at end of file

commitlint.config.js

+module.exports = {
+  extends: ['./node_modules/vue-cli-plugin-commitlint/lib/lint']
+};

lint-staged.config.js

+module.exports = {
+    '*.{js,vue}': [
+      'vue-cli-service lint ./src --fix',
+      'git add'
+    ]
+  }
\ No newline at end of file

package.json

@@ -3,39 +3,15 @@
   "version": "0.0.1",
   "description": "中汽研安全检测平台管理系统",
   "author": "中汽研安全检测平台",
-  "license": "MIT",
   "scripts": {
-    "dev": "vue-cli-service serve",
+    "lint": "eslint src/**/* --ext .js,.vue",
     "build:prod": "vue-cli-service build",
     "build:stage": "vue-cli-service build --mode staging",
+    "cz": "npm run log && git add . && git cz",
+    "dev": "vue-cli-service serve",
+    "log": "conventional-changelog --config ./node_modules/vue-cli-plugin-commitlint/lib/log -i CHANGELOG.md -s -r 0",
     "preview": "node build/index.js --preview",
-    "prepare": "husky install && husky install",
-    "spellcheck": "cspell lint --dot --gitignore --color --cache --show-suggestions \"src/**/*.@(html|js|cjs|mjs|ts|tsx|css|scss|md|vue)\"",
-    "lint": "eslint --ext .js,.vue src"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "src/**/*.{js,vue}": [
-      "eslint --fix",
-      "git add"
-    ]
-  },
-  "keywords": [
-    "vue",
-    "admin",
-    "dashboard",
-    "element-ui",
-    "boilerplate",
-    "admin-template",
-    "management-system"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://gitee.com/y_project/RuoYi-Vue.git"
+    "spellcheck": "cspell lint --dot --gitignore --color --cache --show-suggestions \"src/**/*.@(html|js|cjs|mjs|ts|tsx|css|scss|md|vue)\""
   },
   "dependencies": {
     "@riophae/vue-treeselect": "0.4.0",
@@ -48,7 +24,6 @@
     "file-saver": "2.0.5",
     "fuse.js": "6.4.3",
     "highlight.js": "9.18.5",
-    "husky": "^8.0.3",
     "js-beautify": "1.13.0",
     "js-cookie": "3.0.1",
     "jsencrypt": "3.0.0-rc.1",
@@ -71,25 +46,63 @@
     "babel-eslint": "10.1.0",
     "babel-plugin-dynamic-import-node": "2.3.3",
     "chalk": "4.1.0",
+    "commitizen": "^4.0.3",
+    "commitlint": "^8.2.0",
     "compression-webpack-plugin": "5.0.2",
     "connect": "3.6.6",
-    "eslint": "7.15.0",
+    "conventional-changelog-cli": "^2.0.28",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "7.2.0",
-    "lint-staged": "10.5.3",
+    "husky": "^3.0.9",
+    "lint-staged": "^10.5.3",
     "mockjs": "1.0.1-beta3",
+    "prettier-eslint-cli": "^8.0.1",
     "runjs": "4.4.2",
     "sass": "1.32.13",
     "sass-loader": "10.1.1",
     "script-ext-html-webpack-plugin": "2.1.5",
     "svg-sprite-loader": "5.1.1",
+    "vue-cli-plugin-commitlint": "~1.0.12",
     "vue-template-compiler": "2.6.12"
   },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions"
+  ],
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/vue-cli-plugin-commitlint/lib/cz"
+    }
+  },
   "engines": {
     "node": ">=8.9",
     "npm": ">= 3.0.0"
   },
-  "browserslist": [
-    "> 1%",
-    "last 2 versions"
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged",
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
+    }
+  },
+  "keywords": [
+    "vue",
+    "admin",
+    "dashboard",
+    "element-ui",
+    "boilerplate",
+    "admin-template",
+    "management-system"
+  ],
+  "license": "MIT",
+  "lint-staged": {
+    "src/**/*.{js,vue}": [
+      "eslint --fix",
+      "git add"
     ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitee.com/y_project/RuoYi-Vue.git"
+  }
 }

src/components/TalkItem/index.vue

@@ -17,14 +17,32 @@
         <div  v-else class="user-time">
           <i class="el-icon-time"></i> <span>{{ parseTime(new Date()) }}</span>
         </div>
-        <div class="back-btn">
+        <div v-if= "call==false" class="back-btn" @click="call= true">
           回复
         </div>
+        <div v-else class="back-btn" @click="call= false">
+          取消
+        </div>
       </div>
       <div class="message-reason mb5">
         这个提议需要深入探讨一下。
       </div>
+      <div v-if="call" style="width: 100%" class="mt10">
+            <el-input
+              v-model="model.deptName"
+              placeholder="回复@英敏长"
+              clearable
+              type="textarea"
+              :autosize="false"
+              show-word-limit
+              :maxlength="100"
+              :rows="4"
+            />
+            <el-button size="mini" class="mt5" type="primary" plain
+              >发布评论</el-button
+            >
 
+        </div>
       <div v-if="hasChild" class="mt10">
         <talk-item  :back="true"> </talk-item>
         <talk-item :back="true"> </talk-item>
@@ -45,6 +63,8 @@ export default {
   },
   data() {
     return {
+      call:false,
+      model:{},
       circleUrl:
         "https://cube.elemecdn.com/3/7c/3ea6beec64369c2642b92c6726f1epng.png",
     };
@@ -57,6 +77,7 @@ export default {
   justify-content: flex-start;
   align-items: flex-start;
   font-size: 12px;
+  width: 100%;
   background-color: rgba(255, 255, 255, 1);
   padding: 10px 15px;
   // border-radius: 10px;