tree

package-lock.json

@@ -203,6 +203,40 @@
         "vue": "^2.5.17"
       }
     },
+    "@vue/compiler-sfc": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
+      "integrity": "sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==",
+      "requires": {
+        "@babel/parser": "^7.23.5",
+        "postcss": "^8.4.14",
+        "prettier": "^1.18.2 || ^2.0.0",
+        "source-map": "^0.6.1"
+      },
+      "dependencies": {
+        "@babel/parser": {
+          "version": "7.24.7",
+          "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.7.tgz",
+          "integrity": "sha512-9uUYRm6OqQrCqQdG1iCBwBPZgN8ciDBro2nIOFaiRz1/BCxaI7CNvQbDHvsArAC7Tw9Hda/B3U+6ui9u4HWXPw=="
+        },
+        "postcss": {
+          "version": "8.4.39",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.39.tgz",
+          "integrity": "sha512-0vzE+lAiG7hZl1/9I8yzKLx3aR9Xbof3fBHKunvMfOCYAtMhrsnccJY2iTURb9EZd5+pLuiNV9/c/GZJOHsgIw==",
+          "requires": {
+            "nanoid": "^3.3.7",
+            "picocolors": "^1.0.1",
+            "source-map-js": "^1.2.0"
+          }
+        },
+        "prettier": {
+          "version": "2.8.8",
+          "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+          "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+          "optional": true
+        }
+      }
+    },
     "@ztree/ztree_v3": {
       "version": "3.5.46",
       "resolved": "https://registry.npmjs.org/@ztree/ztree_v3/-/ztree_v3-3.5.46.tgz",
@@ -464,6 +498,13 @@
       "integrity": "sha1-iYUI2iIm84DfkEcoRWhJwVAaSw0=",
       "dev": true
     },
+    "asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/asap/-/asap-2.0.6.tgz",
+      "integrity": "sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==",
+      "dev": true,
+      "optional": true
+    },
     "asn1": {
       "version": "0.2.6",
       "resolved": "https://registry.npmjs.org/asn1/-/asn1-0.2.6.tgz",
@@ -2935,6 +2976,11 @@
         }
       }
     },
+    "csstype": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.3.tgz",
+      "integrity": "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="
+    },
     "cuint": {
       "version": "0.2.2",
       "resolved": "https://registry.npmjs.org/cuint/-/cuint-0.2.2.tgz",
@@ -6549,6 +6595,13 @@
       "resolved": "https://registry.npmjs.org/image-conversion/-/image-conversion-2.1.1.tgz",
       "integrity": "sha512-hnMOmP7q2jxA+52FZ+wHNhg3fdFRlgfngsQH2JQHEQkafY7tj/8F15e6Rv/RxDegc872jvyaRHwMbkTZK1Cjbg=="
     },
+    "image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npmjs.org/image-size/-/image-size-0.5.5.tgz",
+      "integrity": "sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==",
+      "dev": true,
+      "optional": true
+    },
     "import-cwd": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-2.1.0.tgz",
@@ -7154,6 +7207,50 @@
         "invert-kv": "^1.0.0"
       }
     },
+    "less": {
+      "version": "3.9.0",
+      "resolved": "https://registry.npmjs.org/less/-/less-3.9.0.tgz",
+      "integrity": "sha512-31CmtPEZraNUtuUREYjSqRkeETFdyEHSEPAGq4erDlUXtda7pzNmctdljdIagSb589d/qXGWiiP31R5JVf+v0w==",
+      "dev": true,
+      "requires": {
+        "clone": "^2.1.2",
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "mime": "^1.4.1",
+        "mkdirp": "^0.5.0",
+        "promise": "^7.1.1",
+        "request": "^2.83.0",
+        "source-map": "~0.6.0"
+      },
+      "dependencies": {
+        "clone": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+          "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+          "dev": true
+        }
+      }
+    },
+    "less-loader": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/less-loader/-/less-loader-4.1.0.tgz",
+      "integrity": "sha512-KNTsgCE9tMOM70+ddxp9yyt9iHqgmSs0yTZc5XH5Wo+g80RWRIYNqE58QJKm/yMud5wZEvz50ugRDuzVIkyahg==",
+      "dev": true,
+      "requires": {
+        "clone": "^2.1.1",
+        "loader-utils": "^1.1.0",
+        "pify": "^3.0.0"
+      },
+      "dependencies": {
+        "clone": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+          "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+          "dev": true
+        }
+      }
+    },
     "liftoff": {
       "version": "2.5.0",
       "resolved": "https://registry.npmjs.org/liftoff/-/liftoff-2.5.0.tgz",
@@ -7976,6 +8073,11 @@
       "integrity": "sha512-bAdJv7fBLhWC+/Bls0Oza+mvTaNQtP+1RyhhhvD95pgUJz6XM5IzgmxOkItJ9tkoCiplvAnXI1tNmmUD/eScyA==",
       "optional": true
     },
+    "nanoid": {
+      "version": "3.3.7",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.7.tgz",
+      "integrity": "sha512-eSRppjcPIatRIMC1U6UngP8XFcz8MQWGQdt1MTBQ7NaAmvXDfvNxbvWV3x2y6CdEUciCSsDHDQZbhYaB8QEo2g=="
+    },
     "nanomatch": {
       "version": "1.2.13",
       "resolved": "https://registry.npmjs.org/nanomatch/-/nanomatch-1.2.13.tgz",
@@ -8835,6 +8937,11 @@
       "integrity": "sha512-7EAHlyLHI56VEIdK57uwHdHKIaAGbnXPiw0yWbarQZOKaKpvUIgW0jWRVLiatnM+XXlSwsanIBH/hzGMJulMow==",
       "dev": true
     },
+    "picocolors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.1.tgz",
+      "integrity": "sha512-anP1Z8qwhkbmu7MFP5iTt+wQKXgwzf7zTyGlcdzabySa9vd0Xt392U0rVmz9poOaBj0uHJKyyo9/upk0HrEQew=="
+    },
     "pify": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/pify/-/pify-3.0.0.tgz",
@@ -11059,6 +11166,16 @@
       "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.0.tgz",
       "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw=="
     },
+    "promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npmjs.org/promise/-/promise-7.3.1.tgz",
+      "integrity": "sha512-nolQXZ/4L+bP/UGlkfaIujX9BKxGwmQ9OT4mOt5yvy8iK1h3wqTEJCijzGANTCCl9nWjY41juyAn2K3Q1hLLTg==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asap": "~2.0.3"
+      }
+    },
     "promise-inflight": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/promise-inflight/-/promise-inflight-1.0.1.tgz",
@@ -12424,8 +12541,12 @@
     "source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+    },
+    "source-map-js": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
+      "integrity": "sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg=="
     },
     "source-map-resolve": {
       "version": "0.5.2",
@@ -13805,6 +13926,25 @@
       "integrity": "sha512-x3LV3wdmmERhVCYy3quqA57NJW7F3i6faas++pJQWtknWT+n7k30F4TVdHvCLn48peTJFRvCpxs3UuFPqgeELg==",
       "dev": true
     },
+    "vue-tree-color": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/vue-tree-color/-/vue-tree-color-2.3.3.tgz",
+      "integrity": "sha512-Zaig2QsP/ijuXqFMYUr6x788QOhI6WeHVYzeb6UN7mxhm87VuwM5be6vkoUfQ8QNk8b000Gk6vJDzLJdcp1w8Q==",
+      "requires": {
+        "vue": "^2.6.11"
+      },
+      "dependencies": {
+        "vue": {
+          "version": "2.7.16",
+          "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.16.tgz",
+          "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
+          "requires": {
+            "@vue/compiler-sfc": "2.7.16",
+            "csstype": "^3.1.0"
+          }
+        }
+      }
+    },
     "vuex": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/vuex/-/vuex-3.6.0.tgz",

package.json

@@ -45,6 +45,7 @@
     "vue-quill-editor": "^3.0.6",
     "vue-router": "^3.0.1",
     "vue-split-panel": "^1.0.4",
+    "vue-tree-color": "^2.3.3",
     "vuex": "^3.6.0",
     "webpack-dev-server": "^2.9.1"
   },
@@ -69,6 +70,8 @@
     "file-loader": "^1.1.4",
     "friendly-errors-webpack-plugin": "^1.6.1",
     "html-webpack-plugin": "^2.30.1",
+    "less": "^3.9.0",
+    "less-loader": "^4.1.0",
     "mockjs": "^1.1.0",
     "node-notifier": "^5.1.2",
     "node-sass": "^4.14.1",

src/views/Task/daikeComponents/KtLetter.vue

@@ -783,7 +783,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="交强险总比例(%)" prop="jqCostsProportion">
-              <el-input v-model="policyNumberForm.jqCostsProportion" placeholder="请输入交强险其他费用比例" type="text"></el-input>
+              <el-input :disabled="isInquiryNowDisable" v-model="policyNumberForm.jqCostsProportion" placeholder="请输入交强险其他费用比例" type="text"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -799,7 +799,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="商业险总比例(%)" prop="syCostsProportion">
-              <el-input v-model="policyNumberForm.syCostsProportion" placeholder="请输入商业险其他费用比例" type="text"></el-input>
+              <el-input :disabled="isInquiryNowDisable" v-model="policyNumberForm.syCostsProportion" placeholder="请输入商业险其他费用比例" type="text"></el-input>
             </el-form-item>
           </el-col>
           <el-col :span="8">
@@ -815,7 +815,7 @@
           </el-col>
           <el-col :span="8">
             <el-form-item label="非车险总比例(%)" prop="noCostsProportion">
-              <el-input v-model="policyNumberForm.noCostsProportion" placeholder="请输入非车其他费用比例" type="text"></el-input>
+              <el-input :disabled="isInquiryNowDisable" v-model="policyNumberForm.noCostsProportion" placeholder="请输入非车其他费用比例" type="text"></el-input>
             </el-form-item>
           </el-col>
           <!-- <el-col  :span="5" :offset="1">
@@ -974,7 +974,7 @@
                 </el-select>
               </el-col>
               <el-col :span="3" style="margin-right: 20px;">
-                <el-select :disabled="!reslistitem.checked" size="small" v-model="reslistitem.isInquiryNow" @change="inquiryNowListChange">
+                <el-select :disabled="!reslistitem.checked" size="small" clearable v-model="reslistitem.isInquiryNow" @change="inquiryNowListChange">
                   <el-option v-for="(item, index) in inquiryNowList" :key="index" :label="item.costsDescription" :value="item.id"></el-option>
                 </el-select>
               </el-col>
@@ -3303,6 +3303,7 @@ export default {
     };
     return {
       inquiryNowList: [],   // 现询列表
+      isInquiryNowDisable: false,
       taikangtemplateSelection: [], // 泰康
       taikangInsuranceDataTable: [],
       taikangaccidentDataList: [],
@@ -5790,13 +5791,21 @@ export default {
       })
     },
     inquiryNowListChange(data) {
-      this.inquiryNowList.forEach((val) => {
-        if (val.id == data) {
-          this.policyNumberForm.jqCostsProportion = val.jqCostsProportion
-          this.policyNumberForm.noCostsProportion = val.noCostsProportion
-          this.policyNumberForm.syCostsProportion = val.syCostsProportion
-        }
-      })
+      if (data) {
+        this.isInquiryNowDisable = true
+        this.inquiryNowList.forEach((val) => {
+          if (val.id == data) {
+            this.policyNumberForm.jqCostsProportion = val.jqCostsProportion
+            this.policyNumberForm.noCostsProportion = val.noCostsProportion
+            this.policyNumberForm.syCostsProportion = val.syCostsProportion
+          }
+        })
+      } else {
+        this.isInquiryNowDisable = false
+        this.policyNumberForm.jqCostsProportion = ''
+        this.policyNumberForm.noCostsProportion = ''
+        this.policyNumberForm.syCostsProportion = ''
+      }
     },
     //选择协议  val:协议id  row：协议列表  index：下标  item：保险公司数据集合
     agreementChange(val, row, index, item) {