页面修改

src/pages/sale/studentList.vue

 <template>
   <div class="page-body">
     <div class="page-content">
-      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat class="stickycreatInsertStr-column-table"
-        separator="none" :data="data" :columns="columns" row-key="name" :visible-columns="visibleColumns">
+      <q-table :pagination="msg" :loading="loading" no-data-label="暂无相关数据" flat
+        class="stickycreatInsertStr-column-table" separator="none" :data="data" :columns="columns" row-key="name"
+        :visible-columns="visibleColumns">
         <template v-slot:top="props">
           <div class="col-2 q-table__title" @click="goreturn" style="cursor:pointer">返回</div>
           <q-space />
@@ -41,24 +42,37 @@
               :rules="[val => !!val || '姓名']" />
             <q-input clearable filled class="col-6 q-pb-lg" v-model="addMsg.Profession" label="职业"
               :rules="[val => !!val || '职业']" />
-            <div class="col-6 q-pb-lg">
+            <div class="col-6 q-pb-lg q-pr-lg">
               <q-radio v-model="addMsg.Sex" val="1" label="男" />
               <q-radio v-model="addMsg.Sex" val="2" label="女" />
             </div>
-            <q-input clearable filled class="col-6 q-pb-lg" v-model="addMsg.Age" label="年龄"
-              :rules="[val => !!val || '年龄']" @keyup.native="checkInteger(addMsg,'Age')" />
-            <q-input clearable filled class="col-6 q-pb-lg q-pr-lg" v-model="addMsg.Mobile" label="电话"
+
+            <q-input filled v-model="addMsg.BirthDate" class="col-6 q-pb-lg" mask="date" label="出生日期">
+              <template v-slot:append>
+                <q-icon name="event" class="cursor-pointer">
+                  <q-popup-proxy ref="qDateProxy3" transition-show="scale" transition-hide="scale">
+                    <q-date v-model="addMsg.BirthDate" @input="() => $refs.qDateProxy3.hide()" />
+                  </q-popup-proxy>
+                </q-icon>
+              </template>
+            </q-input>
+
+            <q-input clearable filled class="col-6 q-pb-lg q-pr-lg" v-model="addMsg.TotalHours" label="总课时"
+              :rules="[val => !!val || 'TotalHours']" @keyup.native="checkInteger(addMsg,'TotalHours')" />
+
+            <q-input clearable filled class="col-6 q-pb-lg" v-model="addMsg.Mobile" label="电话"
               :rules="[val => !!val || '电话']" type="number" />
-            <q-select class="col-6 q-pb-lg" option-value="Name" standout="bg-primary text-white" option-label="Name"
-              v-model="addMsg.Basics" :options="GBList" emit-value map-options label="语言基础" use-input
-              new-value-mode="add-unique" hint="自己输入语言基础的话，输入之后按回车！" />
-            <q-select class="col-6 q-pb-lg q-pr-lg" option-value="Id" standout="bg-primary text-white"
-              option-label="Name" v-model="addMsg.Education" :options="GEList" emit-value map-options label="最高学历" />
+            <q-select class="col-6 q-pb-lg q-pr-lg" option-value="Name" standout="bg-primary text-white"
+              option-label="Name" v-model="addMsg.Basics" :options="GBList" emit-value map-options label="语言基础"
+              use-input new-value-mode="add-unique" hint="自己输入语言基础的话，输入之后按回车！" />
             <q-select class="col-6 q-pb-lg" option-value="Id" standout="bg-primary text-white" option-label="Name"
-              v-model="addMsg.LearningGoals" :options="GLList" emit-value map-options label="学习目的" />
-            <q-select class="col-6 q-pb-lg q-pr-lg" standout="bg-primary text-white" option-value="Id"
-              option-label="Name" v-model="addMsg.GuestSource" :options="OFList" emit-value map-options label="客人来源" />
-            <q-input clearable filled class="col-6 q-pb-lg" v-model="addMsg.ContactAddress" label="现居住地址" />
+              v-model="addMsg.Education" :options="GEList" emit-value map-options label="最高学历" />
+            <q-select class="col-6 q-pb-lg q-pr-lg" option-value="Id" standout="bg-primary text-white"
+              option-label="Name" v-model="addMsg.LearningGoals" :options="GLList" emit-value map-options
+              label="学习目的" />
+            <q-select class="col-6 q-pb-lg" standout="bg-primary text-white" option-value="Id" option-label="Name"
+              v-model="addMsg.GuestSource" :options="OFList" emit-value map-options label="客人来源" />
+            <q-input clearable filled class="col-6 q-pb-lg q-pr-lg" v-model="addMsg.ContactAddress" label="现居住地址" />
           </div>
         </q-card-section>
         <q-card-section class="q-pt-none" v-if="msg.SourceId>0">
@@ -69,8 +83,17 @@
               <q-radio v-model="addMsg.Sex" val="1" label="男" />
               <q-radio v-model="addMsg.Sex" val="2" label="女" />
             </div>
-            <q-input clearable filled class="col-6 q-pb-lg q-pr-lg" v-model="addMsg.Age" label="年龄"
-              :rules="[val => !!val || '年龄']"  @keyup.native="checkInteger(addMsg,'Age')"  />
+
+            <q-input filled v-model="addMsg.BirthDate" class="col-6 q-pb-lg q-pr-lg" mask="date" label="出生日期">
+              <template v-slot:append>
+                <q-icon name="event" class="cursor-pointer">
+                  <q-popup-proxy ref="qDateProxy3" transition-show="scale" transition-hide="scale">
+                    <q-date v-model="addMsg.BirthDate" @input="() => $refs.qDateProxy3.hide()" />
+                  </q-popup-proxy>
+                </q-icon>
+              </template>
+            </q-input>
+
             <q-input clearable filled class="col-6 q-pb-lg" v-model="addMsg.Mobile" label="电话"
               :rules="[val => !!val || '电话']" type="number" />
             <q-select class="col-6 q-pb-lg q-pr-lg" option-value="Name" standout="bg-primary text-white"
@@ -79,7 +102,8 @@
             <q-input clearable filled class="col-6 q-pb-lg" v-model="addMsg.GraduatedSchool" label="毕业院校" />
             <q-input clearable filled class="col-6 q-pb-lg q-pr-lg" v-model="addMsg.GraduatedMajor" label="毕业专业" />
             <q-input clearable filled class="col-6 q-pb-lg" v-model="addMsg.VolunteerMajor" label="志愿专业" />
-            <q-input clearable filled class="col-6 q-pb-lg q-pr-lg" v-model="addMsg.Price" label="价格"  @keyup.native="checkPrice(addMsg,'Price')" />
+            <q-input clearable filled class="col-6 q-pb-lg q-pr-lg" v-model="addMsg.Price" label="价格"
+              @keyup.native="checkPrice(addMsg,'Price')" />
           </div>
         </q-card-section>
         <div class="text-caption q-mb-lg q-px-md text-grey-6" v-if="msg.ClassId>0">附加信息</div>
@@ -140,9 +164,15 @@
             align: 'left'
           },
           {
-            name: 'Age',
-            label: '年龄',
-            field: 'Age',
+            name: 'BirthDate',
+            label: '出生日期',
+            field: 'BirthDate',
+            align: 'left'
+          },
+          {
+            name: 'TotalHours',
+            label: '总课时',
+            field: 'TotalHours',
             align: 'left'
           },
           {
@@ -248,6 +278,8 @@
           VolunteerMajor: "", //志愿专业
           Price: 0, //价格
           StudyRemark: "", //留学就业备注
+          BirthDate: "", //出生日期
+          TotalHours: 0, //总课时
         },
         GBList: [], //日语基础列表
         GEList: [], //学历列表
@@ -278,12 +310,12 @@
         this.isShowBtn = false;
       }
       if (this.msg.ClassId > 0) {
-        this.visibleColumns = ['GuestName', 'Profession', 'Sex', 'Age', 'Mobile', 'Basics', 'GuestSourceName',
-          'LearningGoalsName', 'Contact', 'ContactMobile'
+        this.visibleColumns = ['GuestName', 'Profession', 'Sex', 'BirthDate', 'Mobile', 'Basics', 'GuestSourceName',
+          'LearningGoalsName', 'Contact', 'ContactMobile', 'TotalHours'
         ];
       }
       if (this.msg.SourceId > 0) {
-        this.visibleColumns = ['GuestName', 'Sex', 'Age', 'Mobile', 'Basics', 'GraduatedSchool', 'GraduatedMajor',
+        this.visibleColumns = ['GuestName', 'Sex', 'BirthDate', 'Mobile', 'Basics', 'GraduatedSchool', 'GraduatedMajor',
           'VolunteerMajor', 'Price'
         ];
       }