页面修改

src/components/WebSet/WebSiteCertificate.vue

@@ -2,9 +2,11 @@
   .WebSiteCertificate .el-button.is-circle {
     padding: 6px;
   }
-  .WebSiteCertificate .w256{
-    width:256px!important;
+
+  .WebSiteCertificate .w256 {
+    width: 256px !important;
   }
+
 </style>
 <template>
   <!--护照签证资料-->
@@ -13,7 +15,8 @@
       <ul>
         <li>
           <label>名称</label>
-          <el-input v-model="msg.CertificateName" :placeholder="$t('system.ph_in')" @keyup.native.enter="getData" class="w210">
+          <el-input v-model="msg.CertificateName" :placeholder="$t('system.ph_in')" @keyup.native.enter="getData"
+            class="w210">
           </el-input>
         </li>
         <li>
@@ -25,7 +28,8 @@
       </ul>
     </div>
     <div>
-      <el-table :data="dataList" style="width: 100%" v-loading="loading" :default-sort="{prop: 'date', order: 'descending'}">
+      <el-table :data="dataList" style="width: 100%" v-loading="loading"
+        :default-sort="{prop: 'date', order: 'descending'}">
         <el-table-column prop="CertificateName" label="证件名称" sortable>
         </el-table-column>
         <el-table-column prop="CountryName" label="国家" sortable>
@@ -72,32 +76,36 @@
               </el-input>
             </el-form-item>
             <el-form-item label="工作天">
-              <el-input type="text" v-model="addMsg.WorkDay" maxlength="3" @keyup.native="checkInteger(addMsg,'WorkDay')" placeholder="工作天">
+              <el-input type="text" v-model="addMsg.WorkDay" maxlength="3"
+                @keyup.native="checkInteger(addMsg,'WorkDay')" placeholder="工作天">
               </el-input>
             </el-form-item>
             <el-form-item label="直客费用">
-              <el-input type="text" v-model="addMsg.B2CFee" maxlength="8" @keyup.native="checkPrice(addMsg,'B2CFee')" placeholder="直客费用">
+              <el-input type="text" v-model="addMsg.B2CFee" maxlength="8" @keyup.native="checkPrice(addMsg,'B2CFee')"
+                placeholder="直客费用">
               </el-input>
             </el-form-item>
             <el-form-item label="可停留天数">
-              <el-input type="text" v-model="addMsg.StayDay" maxlength="3" @keyup.native="checkInteger(addMsg,'StayDay')" placeholder="可停留天数">
+              <el-input type="text" v-model="addMsg.StayDay" maxlength="3"
+                @keyup.native="checkInteger(addMsg,'StayDay')" placeholder="可停留天数">
               </el-input>
             </el-form-item>
           </el-col>
           <el-col :span="12">
             <el-form-item label="国家">
-              <el-select v-model="addMsg.CountryId" class="w256">
+              <el-select v-model="addMsg.CountryId" class="w256" filterable>
                 <el-option label="请选择" :value="0" :key="0"></el-option>
                 <el-option v-for="subItem in CountryList" :key="subItem.ID" :label="subItem.Name" :value="subItem.ID">
                 </el-option>
               </el-select>
             </el-form-item>
             <el-form-item label="办证费用">
-              <el-input type="text" v-model="addMsg.Fee" maxlength="8" @keyup.native="checkPrice(addMsg,'Fee')" placeholder="办证费用">
+              <el-input type="text" v-model="addMsg.Fee" maxlength="8" @keyup.native="checkPrice(addMsg,'Fee')"
+                placeholder="办证费用">
               </el-input>
             </el-form-item>
             <el-form-item label="证件效期">
-              <el-input type="text" v-model="addMsg.Validity" maxlength="20" placeholder="10年" >
+              <el-input type="text" v-model="addMsg.Validity" maxlength="20" placeholder="10年">
               </el-input>
             </el-form-item>
             <el-form-item label="注意事项">
@@ -118,7 +126,7 @@
   export default {
     data() {
       return {
-          loading: false,
+        loading: false,
         msg: {
           CertificateName: '', //名称
           pageSize: 15,