style

src/components/drawers/project/ProjectEvalManage.vue

@@ -4,7 +4,7 @@
     :visible="Evalvisible"
     class="drawerStyle ProjectEvalManage"
     placement="right"
-    width="60%"
+    width="80%"
     @after-visible-change="afterVisibleChange"
   >
     <div class="drawerMain">
@@ -20,7 +20,7 @@
       </div>
       <div class="main">
         <div
-          v-if="datasource.startTime"
+          v-if="datasource.startTime && datasource.endTime"
           class="endtime"
         >
           起止时间：{{ datasource.startTime }} ～ {{ datasource.endTime }}
@@ -35,7 +35,7 @@
               <div class="name">姓名：</div>
               <a-input
                 v-model:value="name"
-                style="width: 270px; height: 40px; border-radius: 8px"
+                style="width: 200px; height: 40px; border-radius: 8px"
                 placeholder="请输入姓名"
               />
             </div>
@@ -44,12 +44,11 @@
               <div class="select">
                 <a-select
                   v-model:value="projectName"
-                  style="width: 270px"
+                  style="width: 200px"
                   placeholder="请选择"
                   :options="projectNameList"
                   @change="selectProjectName"
-                  allowClear
-                  showSearch
+                 
                 ></a-select>
               </div>
             </div>
@@ -159,7 +158,7 @@ export default {
       pageSize: 10,
       currentPage: 1,
       tableDataTotal: 0,
-      projectName: "",
+      projectName:undefined,
       projectNameList: [
           {
             id: 1,
@@ -186,9 +185,10 @@ export default {
             title: "工号",
             dataIndex: "studentUserNo",
             key: "studentUserNo",
-            width: 50,
+            width: 60,
             align: "center",
             className: "h head",
+            ellipsis: true,
             customRender: (text) => {
             return (
               <div class="racona">
@@ -203,6 +203,7 @@ export default {
             key: "studentName",
             width: 50,
             align: "left",
+            ellipsis: true,
             className: "h head",
             customRender: (text) => {
             return (
@@ -218,6 +219,7 @@ export default {
             key: "studentDepartName",
             width: 60,
             align: "center",
+            ellipsis: true,
             className: "h",
             customRender: (text) => {
             return (
@@ -233,6 +235,7 @@ export default {
             key: "studentJobName",
             width: 60,
             align: "center",
+            ellipsis: true,
             className: "h",
             customRender: (text) => {
               return (
@@ -248,6 +251,7 @@ export default {
             key: "currentStageName",
             width: 60,
             align: "center",
+           ellipsis: true,
             className: "h",
             customRender: () => {
               return (
@@ -263,7 +267,8 @@ export default {
             key: "endStudyTime",
             width: 60,
             align: "center",
-            className: "h",
+             ellipsis: true,
+          className: "h",
             customRender: (text) => {
             return (
               <div class="racona">
@@ -279,7 +284,8 @@ export default {
             key: "finishStatus",
             width: 60,
             align: "center",
-            className: "h",
+            ellipsis: true,
+           className: "h",
             customRender: (text) => {
               return (
                 <div class="racona">
@@ -294,6 +300,7 @@ export default {
             key: "PDFstatus",
             width: 60,
             align: "center",
+           ellipsis: true,
             className: "h",
             customRender: (text) => {
               return (
@@ -311,7 +318,7 @@ export default {
       ctx.emit("update:Evalvisible", false);
       state.currentPage = 1;
       state.name = "";
-      state.projectName = "";
+      state.projectName = undefined;
       state.tabledata = [];
     };
     const afterVisibleChange = (bol) => {
@@ -385,7 +392,7 @@ export default {
       state.tableDataTotalLoading = true;
       state.currentPage = 1;
       state.name = "";
-      state.projectName = "";
+      state.projectName = undefined;
       getData();
     }