diff --git a/babel.config.js b/babel.config.js
index e396c26..67657de 100755
--- a/babel.config.js
+++ b/babel.config.js
@@ -20,6 +20,6 @@ module.exports = {
   plugins: [
     // 可以添加其他Babel插件
     '@babel/plugin-proposal-class-properties',
-    '@babel/plugin-transform-runtime',
+    '@babel/plugin-transform-runtime'
   ],
 };
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index a97fcfd..d9d620d 100755
--- a/package-lock.json
+++ b/package-lock.json
@@ -30,6 +30,7 @@
         "@vue/cli-plugin-vuex": "~5.0.0",
         "@vue/cli-service": "~5.0.0",
         "babel-loader": "^9.2.1",
+        "babel-plugin-transform-remove-console": "^6.9.4",
         "eslint": "^7.32.0",
         "eslint-plugin-vue": "^8.0.3",
         "sass": "^1.32.7",
@@ -3837,6 +3838,13 @@
         "@babel/core": "^7.4.0 || ^8.0.0-0 <8.0.0"
       }
     },
+    "node_modules/babel-plugin-transform-remove-console": {
+      "version": "6.9.4",
+      "resolved": "https://registry.npmjs.org/babel-plugin-transform-remove-console/-/babel-plugin-transform-remove-console-6.9.4.tgz",
+      "integrity": "sha512-88blrUrMX3SPiGkT1GnvVY8E/7A+k6oj3MNvUtTIxJflFzXTw1bHkuJ/y039ouhFMp2prRn5cQGzokViYi1dsg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/babel-runtime": {
       "version": "6.26.0",
       "resolved": "https://registry.npmmirror.com/babel-runtime/-/babel-runtime-6.26.0.tgz",
diff --git a/package.json b/package.json
index b0f119b..9e024cc 100755
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "@vue/cli-plugin-vuex": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "babel-loader": "^9.2.1",
+    "babel-plugin-transform-remove-console": "^6.9.4",
     "eslint": "^7.32.0",
     "eslint-plugin-vue": "^8.0.3",
     "sass": "^1.32.7",
diff --git a/src/assets/menu/home.svg b/src/assets/menu/home.svg
new file mode 100644
index 0000000..d385bd5
--- /dev/null
+++ b/src/assets/menu/home.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16.0999755859375" height="16.2783203125" viewBox="0 0 16.0999755859375 16.2783203125"><g><g><path d="M14.799951124191285,8.740126200208664L14.799951124191285,8.528216200208664Q14.799951124191285,8.454346200208663,14.785551124191285,8.381896200208665Q14.771151124191285,8.309446200208665,14.742951124191285,8.241206200208664Q14.714651124191285,8.172956200208663,14.673551124191285,8.111536200208665Q14.632551124191284,8.050116200208663,14.580351124191283,7.997886200208664Q14.528051124191284,7.945656200208664,14.466651124191284,7.904616200208664Q14.405251124191285,7.863576200208664,14.337051124191284,7.835306200208664Q14.268751124191285,7.807036200208664,14.196351124191285,7.792626200208664Q14.123851124191285,7.778216200208664,14.049951124191285,7.778216200208664Q13.822751124191285,7.778216200208664,13.633651124191283,7.904386200208664Q13.556651124191283,7.9557662002086635,13.494451124191285,8.024316200208663Q13.432351124191284,8.092876200208664,13.388651124191284,8.174486200208664Q13.345051124191285,8.256106200208663,13.322551124191284,8.345886200208664Q13.299951124191285,8.435666200208663,13.299951124191285,8.528216200208664L13.299951124191285,13.528266200208664Q13.299951124191285,13.602066200208665,13.314451124191285,13.674566200208664Q13.328851124191285,13.746966200208664,13.357051124191285,13.815266200208663Q13.385351124191285,13.883466200208664,13.426351124191283,13.944866200208663Q13.467451124191284,14.006266200208664,13.519651124191284,14.058566200208665Q13.571851124191284,14.110766200208664,13.633351124191284,14.151866200208664Q13.694751124191285,14.192866200208664,13.762951124191284,14.221166200208664Q13.831251124191285,14.249366200208664,13.903651124191285,14.263766200208664Q13.976151124191285,14.278266200208664,14.049951124191285,14.278266200208664Q14.123851124191285,14.278266200208664,14.196351124191285,14.263766200208664Q14.268751124191285,14.249366200208664,14.337051124191284,14.221166200208664Q14.405251124191285,14.192866200208664,14.466651124191284,14.151866200208664Q14.528051124191284,14.110766200208664,14.580351124191283,14.058566200208665Q14.632551124191284,14.006266200208664,14.673551124191285,13.944866200208663Q14.714651124191285,13.883466200208664,14.742951124191285,13.815266200208663Q14.771151124191285,13.746966200208664,14.785551124191285,13.674566200208664Q14.799951124191285,13.602066200208665,14.799951124191285,13.528266200208664L14.799951124191285,8.740126200208664ZM2.4662811241912843,7.904346200208664Q2.277251124191284,7.778216200208664,2.0500011241912843,7.778216200208664Q1.9761311241912842,7.778216200208664,1.903681124191284,7.792626200208664Q1.8312311241912842,7.807036200208664,1.7629911241912841,7.835306200208664Q1.6947411241912842,7.863576200208664,1.6333211241912842,7.904616200208664Q1.5719011241912841,7.945656200208664,1.5196711241912841,7.997886200208664Q1.4674411241912841,8.050116200208663,1.4264011241912842,8.111536200208665Q1.3853611241912842,8.172956200208663,1.3570911241912842,8.241206200208664Q1.3288211241912842,8.309446200208665,1.3144111241912841,8.381896200208665Q1.300001124191284,8.454346200208663,1.300001124191284,8.528216200208664L1.300001124191284,13.528266200208664Q1.300001124191284,15.123066200208664,2.5725711241912843,15.809566200208664Q3.441171124191284,16.278266200208662,5.050001124191284,16.278266200208662L11.049951124191285,16.278266200208662Q11.123851124191285,16.278266200208662,11.196351124191285,16.263766200208664Q11.268751124191285,16.249366200208662,11.337051124191284,16.221166200208664Q11.405251124191285,16.192866200208663,11.466651124191284,16.151866200208666Q11.528051124191284,16.110766200208666,11.580351124191283,16.058566200208666Q11.632551124191284,16.006266200208664,11.673651124191284,15.944866200208663Q11.714651124191285,15.883466200208664,11.742951124191285,15.815266200208663Q11.771151124191285,15.746966200208664,11.785551124191285,15.674566200208664Q11.799951124191285,15.602066200208665,11.799951124191285,15.528266200208664Q11.799951124191285,15.379066200208664,11.742951124191285,15.241166200208664Q11.685851124191284,15.103366200208663,11.580351124191283,14.997866200208664Q11.474851124191284,14.892366200208665,11.337051124191284,14.835266200208665Q11.199151124191284,14.778266200208664,11.049951124191285,14.778266200208664L5.050001124191284,14.778266200208664Q3.8199911241912843,14.778266200208664,3.284791124191284,14.489466200208664Q2.8000011241912843,14.227966200208664,2.8000011241912843,13.528266200208664L2.8000011241912843,8.528216200208664Q2.8000011241912843,8.435656200208664,2.7774911241912843,8.345866200208665Q2.7549911241912843,8.256076200208664,2.7113311241912843,8.174456200208663Q2.6676711241912843,8.092836200208664,2.605471124191284,8.024286200208664Q2.543271124191284,7.955726200208664,2.4662811241912843,7.904346200208664ZM2.262331124191284,6.785086200208664L8.049951124191285,2.130356200208664L13.837551124191284,6.785086200208664L14.879551124191284,7.6230662002086635L14.879951124191285,7.623396200208664Q14.962551124191284,7.689886200208664,15.060451124191284,7.730836200208664Q15.158351124191284,7.7717862002086635,15.263751124191284,7.7839862002086635Q15.369151124191283,7.796186200208664,15.473751124191285,7.778666200208664Q15.578451124191284,7.761156200208664,15.674051124191283,7.715306200208664Q15.789651124191284,7.659916200208664,15.880251124191284,7.569286200208664L15.883751124191285,7.565766200208664Q15.910551124191285,7.538666200208664,15.934351124191284,7.508996200208664Q15.977451124191283,7.455416200208664,16.010151124191285,7.394896200208664Q16.042751124191284,7.334376200208664,16.063851124191284,7.268926200208664Q16.084951124191285,7.203486200208664,16.093751124191286,7.135296200208664Q16.102551124191283,7.067106200208664,16.098851124191285,6.998456200208664Q16.095151124191283,6.929796200208664,16.079051124191285,6.862956200208664Q16.062851124191283,6.796126200208664,16.034851124191285,6.733336200208664Q16.006851124191286,6.670546200208664,15.967851124191284,6.613896200208664Q15.928851124191285,6.557246200208664,15.880251124191284,6.508626200208664L15.876751124191284,6.505126200208664Q15.849651124191285,6.478386200208664,15.819951124191284,6.454526200208664L15.819551124191284,6.454196200208664L8.519991124191284,0.583456200208664Q8.470391124191284,0.5435642002086639,8.414771124191285,0.5126023002086639Q8.359161124191283,0.48164020020866394,8.299121124191284,0.4604932002086639Q8.239081124191284,0.43934620020866394,8.176341124191284,0.42861930020866396Q8.113601124191284,0.41789240550866397,8.049951124191285,0.41789240550866397Q7.986301124191284,0.41789240550866397,7.923561124191284,0.42861930020866396Q7.860811124191284,0.43934620020866394,7.8007811241912846,0.4604932002086639Q7.740741124191284,0.48164020020866394,7.685131124191284,0.5126023002086639Q7.629511124191284,0.5435642002086639,7.579911124191284,0.583456200208664L0.2799751241912842,6.4544762002086635L0.27991512419128417,6.454526200208664Q0.24830512419128417,6.479946200208664,0.21962112419128418,6.508626200208664Q0.19974712419128418,6.528506200208664,0.18141612419128417,6.549806200208664Q0.13888112419128418,6.599246200208664,0.10551812419128417,6.655286200208664Q0.07215522419128417,6.7113262002086636,0.04896552419128418,6.772276200208664Q0.02577582419128418,6.833236200208664,0.01345552419128418,6.897276200208664Q0.0011351941912841796,6.961316200208664,0.00005417519128417969,7.026526200208664Q-0.0010268468087158203,7.091736200208664,0.00916385419128418,7.156156200208664Q0.01935452419128418,7.220566200208664,0.04051102419128418,7.282256200208664Q0.06166762419128418,7.343946200208664,0.09315482419128418,7.401066200208664Q0.12464212419128418,7.458176200208664,0.16551512419128417,7.508996200208664Q0.19093712419128417,7.540606200208664,0.21962112419128418,7.569286200208664Q0.2394951241912842,7.5891662002086635,0.2608011241912842,7.607496200208664Q0.3362001241912842,7.672366200208664,0.4259021241912842,7.715346200208664Q0.5215741241912841,7.761176200208664,0.6262041241912841,7.778676200208664Q0.7308351241912842,7.796186200208664,0.8362161241912842,7.7839862002086635Q0.9415961241912841,7.771776200208664,1.0394611241912841,7.730826200208664Q1.1373211241912842,7.689886200208664,1.2199911241912842,7.623396200208664L1.2200511241912841,7.623346200208664L2.262331124191284,6.785086200208664Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M8.050000190734863,11.97893238067627Q9.027080190734864,11.97893238067627,9.966030190734863,11.35297038067627Q10.043080190734862,11.30160338067627,10.105320190734863,11.233037380676269Q10.167560190734864,11.16447238067627,10.211260190734864,11.08282638067627Q10.254950190734863,11.001180380676269,10.277480190734863,10.911358380676269Q10.300000190734863,10.82153738067627,10.300000190734863,10.728933380676269L10.299970190734863,10.72220038067627Q10.297960190734862,10.49879748067627,10.174040190734864,10.31290738067627Q10.122670190734864,10.23585638067627,10.054110190734864,10.17361438067627Q9.985540190734863,10.11137238067627,9.903890190734863,10.06767638067627Q9.822250190734863,10.02398138067627,9.732430190734863,10.00145738067627Q9.642600190734864,9.97893238067627,9.550000190734863,9.97893238067627L9.543270190734862,9.97896238067627Q9.319870190734864,9.980967380676269,9.133970190734864,10.104894380676269Q8.572920190734862,10.47893238067627,8.050000190734863,10.47893238067627Q7.5270821907348635,10.47893238067627,6.966025190734864,10.104894380676269Q6.7770821907348635,9.97893238067627,6.550000454971864,9.97893238067627L6.547120570734863,9.97893838067627Q6.454883490734863,9.97929238067627,6.365481190734863,10.00198538067627Q6.2760781907348635,10.024678380676269,6.194838190734863,10.06835738067627Q6.113598190734863,10.112036380676269,6.045362190734863,10.17409838067627Q5.977127190734864,10.236160380676269,5.925962190734864,10.31290738067627Q5.800000190734863,10.50185068067627,5.800000190734863,10.72893238067627L5.800005190734863,10.731812380676269Q5.800360190734863,10.82404938067627,5.823053190734863,10.91345138067627Q5.845746190734864,11.00285438067627,5.889425190734864,11.08409438067627Q5.933104190734864,11.165334380676269,5.995166190734864,11.23357038067627Q6.057228190734863,11.301805380676269,6.133975190734863,11.35297038067627Q7.072918190734863,11.97893238067627,8.050000190734863,11.97893238067627Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/menu/orderList.svg b/src/assets/menu/orderList.svg
new file mode 100644
index 0000000..fc0717f
--- /dev/null
+++ b/src/assets/menu/orderList.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="16" height="16" viewBox="0 0 16 16"><g><g></g><g><path d="M6.32635,2.7327339999999998Q6.38859,2.719143,6.44764,2.695249Q6.5067,2.671355,6.56088,2.637843Q6.61506,2.604331,6.66281,2.562161Q6.71056,2.519991,6.75051,2.470371Q6.79046,2.420751,6.82148,2.365103Q6.85249,2.309455,6.87367,2.249374Q6.89485,2.189292,6.9056,2.126499Q6.91634,2.063706,6.91634,2Q6.91634,1.9261314999999999,6.90193,1.853682Q6.88752,1.781233,6.85925,1.712987Q6.83098,1.644742,6.78995,1.583322Q6.74891,1.521903,6.69667,1.46967Q6.64444,1.417437,6.58302,1.376398Q6.5216,1.335359,6.45336,1.30709Q6.38511,1.278822,6.31266,1.264411Q6.24021,1.25,6.16634,1.25Q6.08541,1.25,6.00634,1.267267Q3.5139,1.811539,1.8938359999999999,3.79988Q0.25,5.817410000000001,0.25,8.42431Q0.25,11.45871,2.39565,13.6044Q4.54129,15.75,7.57569,15.75Q10.18259,15.75,12.2001,14.1062Q14.1875,12.4869,14.7322,9.99616L14.7326,9.99411L14.7327,9.99366L13.2673,9.67365L6.32635,2.7327339999999998Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g><g><path d="M7.25,1L7.25,8Q7.25,8.07387,7.264411,8.14632Q7.278822,8.21877,7.30709,8.28701Q7.335359,8.355260000000001,7.376398,8.41668Q7.417437,8.478100000000001,7.46967,8.53033Q7.521903,8.58256,7.583322,8.6236Q7.644742,8.66464,7.712987,8.692910000000001Q7.781233,8.72118,7.853682,8.73559Q7.9261315,8.75,8,8.75L15,8.75Q15.07387,8.75,15.14632,8.73559Q15.21877,8.72118,15.28701,8.692910000000001Q15.355260000000001,8.66464,15.41668,8.6236Q15.478100000000001,8.58256,15.53033,8.53033Q15.58256,8.478100000000001,15.6236,8.41668Q15.66464,8.355260000000001,15.692910000000001,8.28701Q15.72118,8.21877,15.73559,8.14632Q15.75,8.07387,15.75,8Q15.75,4.7898499999999995,13.480080000000001,2.51992Q11.21016,0.25,8,0.25Q7.9261315,0.25,7.853682,0.26441099999999995Q7.781233,0.278822,7.712987,0.30709Q7.644742,0.33535899999999996,7.583322,0.376398Q7.521903,0.41743699999999995,7.46967,0.46967000000000003Q7.417437,0.521903,7.376398,0.583322Q7.335359,0.6447419999999999,7.30709,0.712987Q7.278822,0.7812330000000001,7.264411,0.853682Q7.25,0.9261315,7.25,1ZM8.75,7.25L14.209869999999999,7.25Q13.97896,5.14012,12.419419999999999,3.58058Q10.85988,2.02104,8.75,1.7901310000000001L8.75,7.25Z" fill-rule="evenodd" fill="#626573" fill-opacity="1"/></g></g></svg>
\ No newline at end of file
diff --git a/src/components/GuipButton.vue b/src/components/GuipButton.vue
index c2faa7e..a7f03d9 100644
--- a/src/components/GuipButton.vue
+++ b/src/components/GuipButton.vue
@@ -1,6 +1,7 @@
 <template>
   <el-button 
   :type="type" 
+  v-bind="$attrs"
   :plain="plain" 
   :loading="loading" 
   :size="size" 
diff --git a/src/components/GuipDialog.vue b/src/components/GuipDialog.vue
index 30e6161..630ad65 100644
--- a/src/components/GuipDialog.vue
+++ b/src/components/GuipDialog.vue
@@ -2,6 +2,7 @@
     <el-dialog
         :visible.sync="dialogShow"
         :title="title"
+        v-bind="$attrs"
         append-to-body
         :width="width"
         :show-close="showCloseButton"
diff --git a/src/components/GuipInput.vue b/src/components/GuipInput.vue
index a20eb62..a6465fb 100644
--- a/src/components/GuipInput.vue
+++ b/src/components/GuipInput.vue
@@ -6,6 +6,8 @@
   <p v-if="desc" class="desc_right">{{ desc }}</p>
     <el-input
       :type="type"
+
+      v-bind="$attrs"
       :placeholder="placeholder1"
       :disabled="disabled"
       :maxlength="maxlength1"
@@ -13,6 +15,7 @@
       :minLength="minLength1"
       :show-word-limit="showWordLimit"
       @input="$emit('input', $event)"
+       @keydown="handleKeydown"
       @change="$emit('change', $event)"
       @blur="$emit('blur', inputValue)"
       @focus="$emit('focus', inputValue)"
@@ -116,9 +119,9 @@
           // })
         })
         // console.log(el,'====9999');
-        // if(el&& this.styleObject){
+        // if(els&& this.styleObject){
         //   for(var key in this.styleObject){
-        //     el.style[key] = this.styleObject[key]
+        //     els.style[key] = this.styleObject[key]
         //   }
         // }
        })
@@ -132,6 +135,12 @@
     //   console.log('清除---');
     //   this.$emit('clear', '清楚逻辑')
     // }
+    handleKeydown(e) {
+      console.log(e);
+      // if (e.key === '1') {
+        e.preventDefault(); // 阻止默认行为
+      // }
+    },
    }
  }
  </script>
diff --git a/src/components/GuipRadio.vue b/src/components/GuipRadio.vue
index e40b28e..bfbdb64 100644
--- a/src/components/GuipRadio.vue
+++ b/src/components/GuipRadio.vue
@@ -4,6 +4,7 @@
     :label="label" :prop="prop" :rules="rules">
       <el-radio-group
         v-model="selectedValue"
+        v-bind="$attrs"
         @change="handleChange"
       >
         <el-radio
diff --git a/src/components/GuipSelect.vue b/src/components/GuipSelect.vue
index dfecbbf..4610e72 100644
--- a/src/components/GuipSelect.vue
+++ b/src/components/GuipSelect.vue
@@ -4,8 +4,7 @@
     :prop="prop" :rules="rules">
 
     <p v-if="desc" class="desc_right">{{ desc }}</p>
-
-    <el-select :style="{ width: width }" :placeholder="placeholder1" @change="handleChange" v-model="selectedValue">
+        <el-select :style="{ width: width }" :placeholder="placeholder1" @change="handleChange" v-model="selectedValue" v-bind="$attrs">
       <el-option v-for="item in options" :key="item.value" :label="item.label" :disabled="item.disabled"
         :value="item.value">
       </el-option>
diff --git a/src/components/GuipSwitch.vue b/src/components/GuipSwitch.vue
index 5852152..99043c2 100644
--- a/src/components/GuipSwitch.vue
+++ b/src/components/GuipSwitch.vue
@@ -3,7 +3,8 @@
         <div class="flex switchWrap">
             <span class="switchDesc" v-if="activeText || inactiveText">{{ internalValue ? activeText : inactiveText
                 }}</span>
-            <el-switch v-model="internalValue" :active-color="activeColor" :inactive-color="inactiveColor"
+
+            <el-switch v-model="internalValue" :active-color="activeColor" :inactive-color="inactiveColor" v-bind="$attrs"
                 :disabled="disabled || loading" @change="handleChange">
                 <!-- 自定义开启时的图标 -->
                 <template #active-icon>
diff --git a/src/components/GuipTextarea.vue b/src/components/GuipTextarea.vue
index 5320390..313d472 100644
--- a/src/components/GuipTextarea.vue
+++ b/src/components/GuipTextarea.vue
@@ -1,17 +1,19 @@
 <template>
    <el-input
     type="textarea"
+    v-bind="$attrs"
     :style="{...styleObject}"
-    :rows="2"
-    placeholder="请输入内容"
+    :rows="rows"
+    :placeholder="placeholder"
     v-model="textarea">
     </el-input>
   </template>
    
   <script>
+  // autosize 自适应高度
   export default {
     name: 'GuipTextarea',
-    props:['styleObject'],
+    props:['styleObject','rows','placeholder'],
     data() {
         return {
             textarea: ''
diff --git a/src/components/SetLeftMenu.vue b/src/components/SetLeftMenu.vue
index fbc3bd7..727c21f 100644
--- a/src/components/SetLeftMenu.vue
+++ b/src/components/SetLeftMenu.vue
@@ -136,8 +136,8 @@ export default {
     this.calculateFloorOffsets();
     this.$nextTick(() => {
       // console.log(this.$parent.$refs.scrollContainer, 'this.$refs.scrollContainer--');
+      this.$parent.$refs.scrollContainer.addEventListener('scroll', this.handleScroll);
     })
-    this.$parent.$refs.scrollContainer.addEventListener('scroll', this.handleScroll);
   },
   created() {
     // console.log(this.$parent.$refs.scrollContainer,'this.$refs.sc--rollContainer--');
diff --git a/src/router/admin-routes.json b/src/router/admin-routes.json
new file mode 100644
index 0000000..e69de29
diff --git a/src/router/client-routes.json b/src/router/client-routes.json
new file mode 100644
index 0000000..e69de29
diff --git a/src/store/index.js b/src/store/index.js
index 9567471..87e4954 100755
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -98,12 +98,12 @@ export default new Vuex.Store({
         index: '1',
         title: '首页',
         path:'/',
-        icon: 'Totalprofit',
+        icon: 'home',
       },
       {
         index: '2',
-        title: '父级菜单1',
-        icon: 'Totalprofit',
+        title: '订单列表',
+        icon: 'orderList',
         children: [{
             index: '2-1',
             title: '子级菜单2-1',
diff --git a/src/style/theme/common.scss b/src/style/theme/common.scss
index 83578d3..4449eaf 100644
--- a/src/style/theme/common.scss
+++ b/src/style/theme/common.scss
@@ -13,6 +13,14 @@ body {
         padding: 0;
     }
 }
+/* 隐藏全局滚动条 */
+::-webkit-scrollbar {
+    display: none;
+  }
+  body {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
 .element {
     overflow: hidden; /* 通用方法 */
     scrollbar-width: none; /* Firefox */
@@ -505,7 +513,7 @@ body {
 }
 
 .el-input__inner {
-    height: 39px;
+    height: 100%;
     padding: 10px 12px;
     border-radius: 4px;
 }
@@ -550,6 +558,7 @@ body {
     background: #F6F7FA !important;
     border-color: #DFE2E6 !important;
     color: #BABDC2 !important;
+    height: 100% !important;
 }
 
 .hoverclass {
@@ -675,6 +684,7 @@ body {
 .el-form-item__content {
     // width: 100%;
     flex: 1;
+    line-height: normal;
     position: relative;
 
     .desc_right {
diff --git a/src/style/theme/index.css b/src/style/theme/index.css
index e674b75..7114bd6 100644
--- a/src/style/theme/index.css
+++ b/src/style/theme/index.css
@@ -11204,6 +11204,9 @@ border-color:#006AFF !important;
     border-color: #006aff
 }
 
+.el-range-editor.el-input__inner:hover {
+    border-color: #006aff
+}
 .el-range-editor.is-active:hover {
     border-color: #006aff
 }
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 9a3814b..f442a7c 100755
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -1217,7 +1217,8 @@ export default {
 
 
 .shortspan {
-  display: inline-block;
+  display: flex;
+  align-items: center;
   height: 38px;
   margin: 0 12px;
 }
diff --git a/src/views/elementGroups.vue b/src/views/elementGroups.vue
index 97512f6..f0bd2f3 100644
--- a/src/views/elementGroups.vue
+++ b/src/views/elementGroups.vue
@@ -1,5 +1,5 @@
 <template>
-     <div class="main-content12">
+    <div class="main-content12">
         <div class="elementWrap">
             <!-- 以 ele-item 为类名的这种div、 label 、 h3 仅在此页面进行布局使用，复制时无需复制此元素 -->
             <el-form :model="form" :rules="rules" class="el-row demo-ruleForm" ref="formRef">
@@ -18,151 +18,130 @@
                     <h3 for="">表格：(表头自定义、自定义渲染、固定列)</h3>
                     <GuipButton type="primary" @click="toggleAllSelection">全选按钮</GuipButton>
 
-                    <el-form>
-                        <GuipTable :tableData="tableData" ref="multipleTable" @selectChange="handleSelectionChange"
-                            :multiple="true" autoColumn="true" :loading="tableLoading">
-                            <!-- <template slot="header"> -->
-                            <el-table-column width="180" fixed="left" label="名称(固定左)"></el-table-column>
-                            <!-- <el-table-column prop="type">
-                                <template slot="header">
-                                    <GuipSelect class="custom-select" v-model="chktype" :options="type2filterOptions"
-                                        defaultValue="全部检测类型" @change="changeSelectType" />
-                                </template>
-
-                                <template slot-scope="scope">
-                                    {{ type2name[scope.row.type] }}
-                                </template>
-                            </el-table-column> -->
-
-                            <el-table-column prop="created_at" label="时间" width="200">
-                                <template slot-scope="scope">
-                                    <div class="flex cell_render">
-                                        <GuipToolTip content="文字居中">
-                                            <span :class="(scope.row.payment == '0' ? 'normal_payment' : 'self_payment')">{{
-                                                scope.row.payment
-                                                    ==
+
+                    <GuipTable :tableData="tableData2" ref="multipleTable" @selectChange="handleSelectionChange"
+                        :multiple="true" autoColumn="true" :loading="tableLoading" :border="true">
+                        <!-- <template slot="header"> -->
+                        <el-table-column width="180" fixed="left" label="名称(固定左)"></el-table-column>
+                        <el-table-column prop="created_at" label="时间" width="200">
+                            <template slot-scope="scope">
+                                <div class="flex cell_render">
+                                    <GuipToolTip content="文字居中">
+                                        <span :class="(scope.row.payment == '0' ? 'normal_payment' : 'self_payment')">{{
+                                            scope.row.payment
+                                                ==
                                                 '0' ? '文字居中' : '文字居中' }}</span>
-                                        </GuipToolTip>
-                                        <GuipToolTip content="图标居中">
-                                            <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
-                                            :hoverColor="'#006AFF'" />
-                                        </GuipToolTip>
+                                    </GuipToolTip>
+                                    <GuipToolTip content="图标居中">
+                                        <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')"
+                                            :color="'#8A9099'" :hoverColor="'#006AFF'" />
+                                    </GuipToolTip>
 
-                                    </div>
-                                </template>
-                            </el-table-column>
-                            <el-table-column prop="unit_num" label="数量" width="180">
-                                <template slot-scope="scope">
-                                    <GuipToolTip content="单元格局中">
-                                        <div class="flex">
-                                            <span :class="(scope.row.payment == '0' ? 'normal_payment' : 'self_payment')">{{
-                                                scope.row.payment
-                                                    ==
-                                                '0' ? '单元格局中' : '单元格局中' }}</span>
-                                                <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
-                                                :hoverColor="'#006AFF'" />
-                                        </div>
-
-                                        </GuipToolTip>
-                                </template>
-
-                            </el-table-column>
-                            <el-table-column prop="name2" label="姓名" width="150"></el-table-column>
-                            <el-table-column prop="price" label="价格" width="150">
-                                <!-- <template slot-scope="scope">
-                                <span @click="handlePriceClick(scope.row)">{{ scope.row.price }}</span>
-                            </template> -->
-                                <!-- 气泡弹出框  后期样式自定义-->
-                                <!-- <template slot-scope="scope">
-                                    <el-popover trigger="click" placement="top">
-                                        <input type="text">
-                                        <div slot="reference" class="name-wrapper">
-                                            <el-tag size="medium">{{ scope.row.price }}</el-tag>
-                                        </div>
-                                    </el-popover>
-                                </template> -->
-                            </el-table-column>
-                            <el-table-column prop="address" label="地址1" width="150"> </el-table-column>
-                            <el-table-column prop="address" label="地址2"  width="250"> </el-table-column>
-                            <el-table-column prop="address" label="地址3"  width="150"> </el-table-column>
-                            <el-table-column prop="address1" label="地址测试" width="100"></el-table-column>
-                            <el-table-column prop="price2" label="价格" width="300">
-                                <template slot-scope="scope">
-                                    <GuipSelect width="200px" @change="changeSelect(scope.row)" v-model="form.card"
-                                        prop="card" :options="options" defaultValue="选项1" />
-                                </template>
-                            </el-table-column>
-                            <el-table-column label="操作(固定右)" width="200" fixed="right">
-                                <template slot-scope="scope">
+                                </div>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="unit_num" label="数量" width="180">
+                            <template slot-scope="scope">
+                                <GuipToolTip content="单元格局中">
                                     <div class="flex">
-                                        <el-button @click="handleClick(scope.row)" type="text">查看</el-button>
-                                        <el-button type="text">编辑</el-button>
+                                        <span :class="(scope.row.payment == '0' ? 'normal_payment' : 'self_payment')">{{
+                                            scope.row.payment
+                                                ==
+                                                '0' ? '单元格局中' : '单元格局中' }}</span>
+                                        <svg-icon :size="16" :path="require('@/assets/register/tableEdit.svg')"
+                                            :color="'#8A9099'" :hoverColor="'#006AFF'" />
                                     </div>
-                                </template>
-                            </el-table-column>
-                        </GuipTable>
-                        <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
-                            :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper"
-                            :total="total">
-                        </el-pagination>
-                    </el-form>
-                </div>
 
-                <div>
-                    <h3 for="">表格(带气泡框),内容自定义：</h3>
-                    <el-form>
-                        <GuipTable :tableData="tableData2" :key="random()" ref="multipleTable"
-                            @selectChange="handleSelectionChange" :multiple="true" autoColumn="true" width="900px"
-                            :columns="columns" @confirm="onConfirm" @cancel="onCancel">
-                            <!-- 自定义姓名列的气泡框内容 -->
-                            <template #popover-content-name="{ row, column }">
-                                <div>
-                                    <GuipInput ref="GuipInput" width="252px" v-model="row[`edit_${column.prop}`]" label="排序"
-                                        :prop="column.label" placeholder="这是" />
-                                </div>
+                                </GuipToolTip>
                             </template>
-                            <template #popover-content-age="{ row, column }">
-                                <GuipInput ref="GuipInput" width="252px" v-model="row[`edit_${column.prop}`]" label="年龄"
-                                    :prop="column.label" placeholder="这是" unit="岁">
-                                </GuipInput>
+
+                        </el-table-column>
+                        <el-table-column prop="name2" label="姓名" width="150"></el-table-column>
+                        <el-table-column prop="price" label="价格" width="150">
+                            <template slot-scope="scope">
+                                <span @click="handlePriceClick(scope.row)">{{ scope.row.price }}元</span>
                             </template>
-                            <!-- 自定义地址列的气泡框内容 -->
-                            <template #popover-content-address="{ row, column }">
-                                <div>
-                                    <p>自定义内容：{{ column.label }}</p>
-                                    <el-select v-model="row[`edit_${column.prop}`]" placeholder="请选择">
-                                        <el-option label="北京市" value="北京市" />
-                                        <el-option label="上海市" value="上海市" />
-                                        <el-option label="广州市" value="广州市" />
-                                    </el-select>
+                        </el-table-column>
+                        <el-table-column prop="address" label="地址1" width="150"> </el-table-column>
+                        <el-table-column prop="address" label="地址2" width="250"> </el-table-column>
+                        <el-table-column prop="address" label="地址3" width="150"> </el-table-column>
+                        <el-table-column prop="address1" label="地址测试" width="100"></el-table-column>
+                        <el-table-column prop="price" label="价格" width="300">
+                            <template slot-scope="scope">
+                                <GuipSelect width="200px" @change="changeSelect(scope.row)" v-model="form.card"
+                                    prop="card" :options="options" defaultValue="选项1" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column label="操作(固定右)" width="200" fixed="right">
+                            <template slot-scope="scope">
+                                <div class="flex">
+                                    <el-button @click="handleClick(scope.row)" type="text">查看</el-button>
+                                    <el-button type="text">编辑</el-button>
                                 </div>
                             </template>
-                        </GuipTable>
-
-                    </el-form>
+                        </el-table-column>
+                    </GuipTable>
+                    <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
+                        :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper"
+                        :total="total">
+                    </el-pagination>
+                </div>
+                <div class="flex">
+                    <h3 for="">表格(带气泡框),内容自定义：</h3>
+                    <a href="/register">点击一下跳转参照页面</a>
+                    <!-- 暂时废弃此版本 -->
+                    <!-- <GuipTable :tableData="tableData4" :key="random()" ref="multipleTable"
+                        @selectChange="handleSelectionChange" :multiple="true" autoColumn="true" width="900px"
+                        :columns="columns" @confirm="onConfirm" @cancel="onCancel">
+                        <template #popover-content-name="{ row, column }">
+                            <div>
+                                <GuipInput ref="GuipInput" width="252px" type="text"
+                                    v-model="row[`edit_${column.prop}`]" label="排序" :prop="column.label"
+                                    placeholder="这是" />
+                            </div>
+                        </template>
+                        <template #popover-content-age="{ row, column }">
+                            <GuipInput ref="GuipInput" width="252px" v-model="row[`edit_${column.prop}`]" type="text"
+                                label="年龄" :prop="column.label" placeholder="这是" unit="岁">
+                            </GuipInput>
+                        </template>
+                        <template #popover-content-address="{ row, column }">
+                            <div>
+                                <p>自定义内容：{{ column.label }}</p>
+                                <el-select v-model="row[`edit_${column.prop}`]" placeholder="请选择">
+                                    <el-option label="北京市" value="北京市" />
+                                    <el-option label="上海市" value="上海市" />
+                                    <el-option label="广州市" value="广州市" />
+                                </el-select>
+                            </div>
+                        </template>
+                    </GuipTable> -->
                 </div>
 
                 <div class="ele-item">
-                    <label for="">文本域：</label>
-                    <GuipTextarea disabled :styleObject="styleObject" />
+                    <label for="">文本域：固定行数</label>
+                    <GuipTextarea :styleObject="{ width: '450px' }" placeholder="固定行数" :rows="4" />
+                </div>
+                <div class="ele-item">
+                    <label for="">文本域：自适应高度</label>
+                    <GuipTextarea :styleObject="{ width: '450px' }" placeholder="自适应高度" autosize />
                 </div>
-
 
                 <div class="ele-item">
                     <label for="">输入框：</label>
-                    <GuipInput ref="GuipInput" width="200px" height="30px" disabled placeholder="这是自定义默认提示语" />
+                    <GuipInput ref="GuipInput" v-model="form.input1" width="200px" height="30px"
+                        placeholder="这是自定义默认提示语" />
 
                     <div style="width: 20px;height: 10px;"></div>
 
-                    <GuipInput ref="GuipInput" :styleObject="styleObject1" defaultValue="爱吃麻辣烫" :maxlength="100"
-                        @change="handleInput" @blur="handleInput" @input="handleInput" @focus="handleInput"
-                        placeholder="这是自定义默认提示语" />
+                    <GuipInput ref="GuipInput" v-model="form.input2" :maxlength="100" @change="handleInput"
+                        @blur="handleInput" @input="handleInput" @focus="handleInput" placeholder="这是自定义默认提示语" />
 
                     <div style="width: 20px;height: 10px;"></div>
 
-                    <GuipInput :defaultValue="defaultValue" @clear="handleClear" width="400px">
+                    <GuipInput v-model="form.input3" width="400px">
                         <span slot="prependshow">http:</span>
-                        <img slot="prefix" src="../assets/radio_checked.svg" alt="">
+                        <!-- <img slot="prefix" src="../assets/radio_checked.svg" alt=""> -->
                         <!-- 输入框后面小图标 -事件自定义 -->
                         <i slot="suffix" class="el-icon-close" @click="handleClear"></i>
                         <!-- <img slot="suffix" src="../assets/radio_nochecked.svg" alt="" @click="handleClear"> -->
@@ -219,8 +198,8 @@
                 </div>
                 <div class="ele-item">
                     <label for="">文字按钮：</label>
-                    <GuipButton type="text" >强引导</GuipButton>
-                    <GuipButton type="grey" >弱引导</GuipButton>
+                    <GuipButton type="text">强引导</GuipButton>
+                    <GuipButton type="grey">弱引导</GuipButton>
                 </div>
                 <div class="ele-item">
                     <label for="">独特按钮：可以自定义划过时 图标图片、文字颜色</label>
@@ -272,7 +251,7 @@
                     <label for="">提示：</label>
                     <GuipButton type="system" @click="openMessage('success')">成功提示</GuipButton>
                     <GuipButton type="system" @click="openMessage('error')"> 失败提示</GuipButton>
-                    <GuipButton type="system"  @click="openMessage('info')">警告提示</GuipButton>
+                    <GuipButton type="system" @click="openMessage('info')">警告提示</GuipButton>
                 </div>
 
                 <div style="width: 600px;">
@@ -284,8 +263,8 @@
 
                 <div style="width: 800px;height: 150px;">
                     <h3>表单上下布局 (宽度 510 388 用的最多 已有这2种宽度类名设置)</h3>
-                    <GuipInput ref="GuipInput" column="column" addClass="w510" label="age" desc="这是是右侧文案" v-model="form.age"
-                        prop="age" placeholder="这是自定义默认提示语" />
+                    <GuipInput ref="GuipInput" column="column" addClass="w510" label="age" desc="这是是右侧文案"
+                        v-model="form.age" prop="age" placeholder="这是自定义默认提示语" />
                 </div>
 
                 <div class="ele-item">
@@ -293,33 +272,6 @@
                     <GuipSwitch :modelValue="switchValue" activeText="开启" inactiveText="关闭" @change="onSwitchChange">
                     </GuipSwitch>
                 </div>
-                <el-table
-        :data="tableData3"
-        :span-method="objectSpanMethod"
-        :border="true"
-        style="width: 100%; margin-top: 20px">
-        <el-table-column
-            prop="id"
-            label="ID"
-            width="180">
-        </el-table-column>
-        <el-table-column
-            prop="name"
-            label="姓名">
-        </el-table-column>
-        <el-table-column
-            prop="amount1"
-            label="数值 1（元）">
-        </el-table-column>
-        <el-table-column
-            prop="amount2"
-            label="数值 2（元）">
-        </el-table-column>
-        <el-table-column
-            prop="amount3"
-            label="数值 3（元）">
-        </el-table-column>
-        </el-table>
                 <el-button type="primary" @click="submitForm">Submit</el-button>
 
             </el-form>
@@ -372,13 +324,13 @@
                 </GuipToolTip>
                 <GuipToolTip placement="bottom" effect="light" content="点击进入编辑">
                     <svg-icon :path="require('@/assets/register/tableEdit.svg')" :color="'#8A9099'"
-                                            :hoverColor="'#006AFF'" />
+                        :hoverColor="'#006AFF'" />
                 </GuipToolTip>
             </div>
 
             <GuipDialog :dialogVisible="dialogVisible" title="自定义标题" :show-close-button="false"
-                :show-cancel-button="showCancelButton" @confirm="handleConfirm" @cancel="handleCancel" @close="handleClose"
-                @dialogVisibleChange="dialogVisibleChange">
+                :show-cancel-button="showCancelButton" @confirm="handleConfirm" @cancel="handleCancel"
+                @close="handleClose" @dialogVisibleChange="dialogVisibleChange">
                 <!-- 自定义内容 -->
                 <div>
                     <p>这是一个自定义内容的弹框。</p>
@@ -425,36 +377,36 @@ export default {
     data() {
         return {
             tableData3: [{
-          id: '12987122',
-          name: '王小虎',
-          amount1: '234',
-          amount2: '3.2',
-          amount3: 10
-        }, {
-          id: '12987123',
-          name: '王小虎',
-          amount1: '165',
-          amount2: '4.43',
-          amount3: 12
-        }, {
-          id: '12987124',
-          name: '王小虎',
-          amount1: '324',
-          amount2: '1.9',
-          amount3: 9
-        }, {
-          id: '12987125',
-          name: '王小虎',
-          amount1: '621',
-          amount2: '2.2',
-          amount3: 17
-        }, {
-          id: '12987126',
-          name: '王小虎',
-          amount1: '539',
-          amount2: '4.1',
-          amount3: 15
-        }],
+                id: '12987122',
+                name: '王小虎',
+                amount1: '234',
+                amount2: '3.2',
+                amount3: 10
+            }, {
+                id: '12987123',
+                name: '王小虎',
+                amount1: '165',
+                amount2: '4.43',
+                amount3: 12
+            }, {
+                id: '12987124',
+                name: '王小虎',
+                amount1: '324',
+                amount2: '1.9',
+                amount3: 9
+            }, {
+                id: '12987125',
+                name: '王小虎',
+                amount1: '621',
+                amount2: '2.2',
+                amount3: 17
+            }, {
+                id: '12987126',
+                name: '王小虎',
+                amount1: '539',
+                amount2: '4.1',
+                amount3: 15
+            }],
             tableWidth: 0,
             currentPage: 1,    //当前页
             pageSize: 5,   //每页的容量
@@ -469,6 +421,9 @@ export default {
             form: {
                 username: '',
                 language: '',
+                input1: '',
+                input2: '',
+                input3: '',
             },
             languageOptions: [
                 { label: 'JavaScript', value: 'js', selectedLabel: 'JavaScripthhhhhhhhhh' },
@@ -563,6 +518,44 @@ export default {
                 name: '王小虎',
                 address: '上海市普陀区金沙江路 1518 弄'
             }],
+            tableData4: [{
+                date: '2016-05-03',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄',
+                price: '20',
+                age: 20,
+                // 在支持修改的项目中，需要主动保留一份原始数据
+                edit_name: '王小虎', edit_address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+                date: '2016-05-02',
+                name: '王小虎11',
+                address: '上海市普陀区金沙江路 151811 弄',
+                price: '10',
+                age: 30,
+                edit_name: '王小虎11', edit_address: '上海市普陀区金沙江路 151811 弄'
+
+            }, {
+                date: '2016-05-04',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄',
+                price: '200',
+            }, {
+                date: '2016-05-01',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+                date: '2016-05-08',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+                date: '2016-05-06',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+            }, {
+                date: '2016-05-07',
+                name: '王小虎',
+                address: '上海市普陀区金沙江路 1518 弄'
+            }],
             // 表格列配置
             columns: [
                 { prop: 'name', label: '姓名（带气泡）', popover: true }, // 支持气泡框
@@ -617,7 +610,7 @@ export default {
                     label: "广州",
                 }
             ],
-            tableData:[],
+            tableData: [],
             input: 'hahhahah',
             defaultValue: 'asdasda',
             radio: 3,
@@ -634,8 +627,9 @@ export default {
                 borderRadius: '4px',
             },
             styleObject: {
-                width: '200px',
-                height: '40px'
+                minWidth: '200px',
+                maxWidth: '400px',
+                // height: '40px'
             },
             styleObject1: {
                 width: '600px',
@@ -681,47 +675,50 @@ export default {
 
     },
     methods: {
+        changeInputtest(e) {
+            console.log(e, '---000changeInputtest');
+        },
         arraySpanMethod({ row, column, rowIndex, columnIndex }) {
             console.log(row, column);
-        if (rowIndex % 2 === 0) {
-          if (columnIndex === 0) {
-            return [1, 2];
-          } else if (columnIndex === 1) {
-            return [0, 0];
-          }
-        }
-      },
-
-      objectSpanMethod({ row, column, rowIndex, columnIndex }) {
-        console.log(row, column);
-
-        if (columnIndex === 0) {
-          if (rowIndex % 2 === 0) {
-            return {
-              rowspan: 2,
-              colspan: 1
-            };
-          } else {
-            return {
-              rowspan: 0,
-              colspan: 0
-            };
-          }
-        }
-      },
+            if (rowIndex % 2 === 0) {
+                if (columnIndex === 0) {
+                    return [1, 2];
+                } else if (columnIndex === 1) {
+                    return [0, 0];
+                }
+            }
+        },
+
+        objectSpanMethod({ row, column, rowIndex, columnIndex }) {
+            console.log(row, column);
+
+            if (columnIndex === 0) {
+                if (rowIndex % 2 === 0) {
+                    return {
+                        rowspan: 2,
+                        colspan: 1
+                    };
+                } else {
+                    return {
+                        rowspan: 0,
+                        colspan: 0
+                    };
+                }
+            }
+        },
         openMessage(type) {
             console.log(type);
             // 单独指定方法调用
-            switch(type){
+            switch (type) {
                 case 'success':
                     this.$Message.success('成功，文案自定义')
-                break;
+                    break;
                 case 'error':
                     this.$Message.error('失败，文案自定义')
-                break;
+                    break;
                 case 'info':
                     this.$Message.info('提示，文案自定义')
-                break;
+                    break;
             }
             // 自定义选项
             // this.$Message({
@@ -755,8 +752,8 @@ export default {
                 type: 0,
                 cur_page: 1,
                 page_size: 5,
-            },{
-                headers:{
+            }, {
+                headers: {
                     'AUTH': '3c901fa4a19a7ad9d01238890863d499'
                 }
             }).then(response => {
@@ -829,8 +826,8 @@ export default {
         onConfirm(row, prop) {
             console.log('确认修改:', row, prop);
             this.$message.success('修改成功');
-            this.$set(this.tableData, row)
-            console.log(this.tableData, 'this.tableData=====');
+            this.$set(this.tableData4, row)
+            console.log(this.tableData4, 'this.tableData=====');
         },
         // 取消事件
         onCancel(row, prop) {
@@ -877,7 +874,7 @@ export default {
             console.log(value, 'value===输入框输入得知');
         },
         handleClear(value) {
-            this.defaultValue = '这是我清除后给的文案'
+            this.form.input3 = '这是我清除后给的文案'
             // this.handleInput('')
             console.log(value, 'value===qinghcu');
         },
diff --git a/vue.config.js b/vue.config.js
index d32f54a..5cd9a96 100755
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,4 +1,5 @@
 const path = require('path');
+const TerserPlugin = require('terser-webpack-plugin');
 module.exports = {
   // publicPath: '/new/',
   devServer: {
@@ -25,6 +26,22 @@ module.exports = {
         },
       ],
     },
+    optimization: {
+      minimizer: [
+        new TerserPlugin({
+          terserOptions: {
+            format: {
+              comments: /^\**!|@preserve|@license|@cc_on/i // 保留特定注释
+            }
+          },
+          extractComments: false // 不提取注释到单独文件
+        })
+      ]
+    },
+    output: {
+      filename: '[name].[contenthash:8].js',
+      chunkFilename: '[name].[contenthash:8].js'
+    },
     resolve:{
       alias:{
         '@':path.resolve(__dirname, 'src/')