页面修改

src/pages/studyAbroad/common/type.vue

@@ -3,19 +3,19 @@
     <div class="page-search row items-center">
       <div class="col row wrap q-mr-lg q-col-gutter-md">
         <div class="col-3">
-          <q-input @input="resetSearch" clearable filled dense v-model="msg.Name" label="名称"
-            @clear="resetSearch" maxlength="20" />
+          <q-input @input="resetSearch" clearable filled dense v-model="msg.Name" label="名称" @clear="resetSearch"
+            maxlength="20" />
         </div>
         <div class="col-3">
-          <q-select class="col-12 q-pb-lg" @input="resetSearch" filled stack-label dense clearable option-value="ID" option-label="Name"
-            v-model="msg.CountryId" :options="CountryList" label="国家编号" emit-value map-options/>
+          <q-select class="col-12 q-pb-lg" @input="resetSearch" filled stack-label dense clearable option-value="Id"
+            option-label="Name" v-model="msg.CountryId" :options="CountryList" label="国家/地区" emit-value map-options />
         </div>
       </div>
     </div>
     <div class="page-content">
       <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="sticky-column-table"
         separator="none" :data="dataList" :columns="columns" row-key="name">
-        <template v-slot:top="props">
+        <template v-slot:top>
           <div class="col-2 q-table__title">类型</div>
           <q-space />
           <div class="page-option">
@@ -62,21 +62,33 @@
     data() {
       return {
         columns: [{
-          name: 'Name',
-          label: '名称',
-          field: 'Name',
-          align: 'left'
-        }, {
-          name: 'CreateByName',
-          required: true,
-          label: '创建人',
-          align: 'left',
-          field: 'CreateByName'
-        }, {
-          name: 'Id',
-          label: '操作',
-          field: 'Id'
-        }],
+            name: 'Name',
+            label: '名称',
+            field: 'Name',
+            align: 'left',
+            required: true,
+          }, {
+            name: 'CountryName',
+            label: '国家/地区',
+            align: 'left',
+            field: 'CountryName'
+          }, , {
+            name: 'CreateByName',
+            label: '创建人',
+            align: 'left',
+            field: 'CreateByName'
+          }, , {
+            name: 'CreateTimeStr',
+            label: '创建时间',
+            align: 'left',
+            field: 'CreateTimeStr'
+          },
+          {
+            name: 'Id',
+            label: '操作',
+            field: 'Id'
+          }
+        ],
         msg: {
           pageIndex: 1,
           pageSize: 10,
@@ -90,7 +102,7 @@
         isShowType: false,
         typeObj: {},
         PageCount: 0,
-        CountryList:[]
+        CountryList: []
       }
     },
     mounted() {
@@ -170,10 +182,8 @@
       }
     },
   }
-
 </script>
 
 <style lang="sass">
   @import url('~assets/css/table.sass')
-
-</style>
+</style>
\ No newline at end of file