feat:调研列表的操作,输入框和按钮的样式

src/components/BreadCrumb.vue

@@ -91,7 +91,17 @@ export default {
             },
           ];
         }
-
+        if (n === "/taskpage" || n === "/TaskPage") {
+          state.list = [
+            {
+              name: "项目",
+              href: "",
+            },
+            {
+              name: "基础信息",
+            },
+          ];
+        }
         if (n === "/templatelibrary" || n === "/TemplateLibrary") {
           state.list = [
             {
@@ -134,7 +144,7 @@ export default {
             },
           ];
         }
-        if (n === "/researchmanage" || n === "/ResearchManage") {
+        if (n === "/managepage" || n === "/ManagePage") {
           state.list = [
             {
               name: "调研管理",
@@ -143,7 +153,6 @@ export default {
             },
             {
               name: "管理",
-              href: "",
             },
           ];
         }

src/views/projectcenter/ProjectManage.vue

@@ -504,7 +504,7 @@ export default {
                     dropdownClassName="tabledropdown"
                   >
                     <a-select-option value="基础信息" label="基础信息">
-                      <div>基础信息</div>
+                      <router-link to="/taskpage">基础信息</router-link>
                     </a-select-option>
                     <a-select-option value="存为模板" label="存为模板">
                       <div>存为模板</div>
@@ -755,7 +755,7 @@ export default {
                             <div>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
-                            <div>基础信息</div>
+                            <router-link to="/taskpage">基础信息</router-link>
                           </a-select-option>
                         </a-select>
                       </div>
@@ -808,7 +808,7 @@ export default {
                             <div>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
-                            <div>基础信息</div>
+                            <router-link to="/taskpage">基础信息</router-link>
                           </a-select-option>
                         </a-select>
                       </div>
@@ -859,7 +859,7 @@ export default {
                             <div>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
-                            <div>基础信息</div>
+                            <router-link to="/taskpage">基础信息</router-link>
                           </a-select-option>
                         </a-select>
                       </div>
@@ -912,7 +912,7 @@ export default {
                             <div>存为模板</div>
                           </a-select-option>
                           <a-select-option value="基础信息" label="基础信息">
-                            <div>基础信息</div>
+                            <router-link to="/taskpage">基础信息</router-link>
                           </a-select-option>
                         </a-select>
                       </div>
@@ -972,7 +972,7 @@ export default {
                           <div>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
-                          <div>基础信息</div>
+                          <router-link to="/taskpage">基础信息</router-link>
                         </a-select-option>
                       </a-select>
                     </div>
@@ -1025,7 +1025,7 @@ export default {
                           <div>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
-                          <div>基础信息</div>
+                          <router-link to="/taskpage">基础信息</router-link>
                         </a-select-option>
                       </a-select>
                     </div>
@@ -1078,7 +1078,7 @@ export default {
                           <div>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
-                          <div>基础信息</div>
+                          <router-link to="/taskpage">基础信息</router-link>
                         </a-select-option>
                       </a-select>
                     </div>
@@ -1131,7 +1131,7 @@ export default {
                           <div>存为模板</div>
                         </a-select-option>
                         <a-select-option value="基础信息" label="基础信息">
-                          <div>基础信息</div>
+                          <router-link to="/taskpage">基础信息</router-link>
                         </a-select-option>
                       </a-select>
                     </div>
@@ -1203,7 +1203,7 @@ export default {
                       <div>存为模板</div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
-                      <div>基础信息</div>
+                      <router-link to="/taskpage">基础信息</router-link>
                     </a-select-option>
                   </a-select>
                 ) : value.state === "进行中" ? (
@@ -1229,7 +1229,7 @@ export default {
                       <div>撤回</div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
-                      <div>基础信息</div>
+                      <router-link to="/taskpage">基础信息</router-link>
                     </a-select-option>
                   </a-select>
                 ) : value.state === "已结束" || value.state === "未开始" ? (
@@ -1252,7 +1252,7 @@ export default {
                       </div>
                     </a-select-option>
                     <a-select-option value="基础信息" label="基础信息">
-                      <div>基础信息</div>
+                      <router-link to="/taskpage">基础信息</router-link>
                     </a-select-option>
                   </a-select>
                 ) : (

src/views/projectcenter/TaskPage.vue

@@ -53,8 +53,9 @@
             v-model:activeKey="activeKey"
             size="large"
             :tabBarStyle="{ marginLeft: '10px' }">
-            <a-tab-pane key="1" tab="概览">Content of Tab Pane 1</a-tab-pane>
+            <a-tab-pane key="2" tab="概览">Content of Tab Pane 1</a-tab-pane>
-            <a-tab-pane key="2" tab="任务" force-render>
+            <a-tab-pane key="1" tab="任务" force-render>
+            
                 <div class="onerow">
                     <div class="taskmain">任务大纲</div>
                     <button class="btn">批量面授报名</button>

src/views/research/ManagePage.vue

@@ -8,7 +8,7 @@
              <img src="../../assets/images/research/export.png"/>
              <span style="color: #4EA6FF;font-size: 14px;margin-left:3px">导出信息</span>
           </div>
-          <div class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></div>
+          <router-link to="/researchmanage" class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></router-link>
         </div>       
         <div class="text">路径管理</div>
       </div>

src/views/research/ResearchAdd.vue

@@ -1,8 +1,9 @@
+<!-- 调研管理-基础信息页面 -->
 <template>
 <div class="researchadd">
     <div class="header">
         <span class="title">创建调研</span>
-        <div class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></div>
+        <router-link to="/researchmanage" class="goback"><span class="return"></span><router-link class="returntext" to="/researchmanage">返回</router-link></router-link>
     </div>
     <div class="content">
         <div class="name">
@@ -24,12 +25,12 @@
             <div class="inname">提干</div>
           </div>
           <div class="in">
-            <a-input v-model:value="valueE" placeholder="请输入项目名称" />
+            <a-input v-model:value="valueE" placeholder="请输入项目名称" show-count :maxlength="20" style="border-radius: 8px"/>
           </div>
         </div>
         <div class="name">
           <div class="in" style="margin-left: 133px">
-            <a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px">添加选项</a-button>
+            <a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px;background-color: #409EFF">添加选项</a-button>
           </div>
         </div>
         <div class="options">
@@ -38,7 +39,7 @@
                 <div class="inname">选项1</div>
             </div>
             <div class="in">
-                <a-input v-model:value="valueE"  />
+                <a-input v-model:value="valueE" show-count :maxlength="20" style="border-radius: 8px" />
             </div>          
             </div>
             <div class="delete">删除</div>
@@ -54,7 +55,7 @@
                 <div class="inname">选项1</div>
             </div>
             <div class="in">
-                <a-input v-model:value="valueE"  />
+                <a-input v-model:value="valueE" show-count :maxlength="20" style="border-radius: 8px"/>
             </div>          
             </div>
             <div class="delete">删除</div>
@@ -116,7 +117,7 @@
     </div>
     <div class="footer">
         <div class="btn">
-            <a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px">保存</a-button>
+            <a-button type="primary" style="width: 100px;height: 40px;border-radius: 8px;background-color: #409EFF">保存</a-button>
             <a-button type="primary" ghost style="width: 100px;height: 40px;margin-left: 14px;border-radius: 8px">取消</a-button>
         </div>
     </div>
@@ -261,7 +262,7 @@
                     border-radius: 5px;
                     // height: 120%;
                     width: 100%;
-                    height: 40px;
+                    height: 35px;
                 }
                 .ant-select-selector {
                     border-radius: 5px;

src/views/research/ResearchManage.vue

@@ -69,6 +69,17 @@
         @expand="expandTable"
         :pagination="false"
       />
+      <div class="pa">
+        <a-pagination
+          showSizeChanger="true"
+          showQuickJumper="true"
+          hideOnSinglePage="true"
+          :pageSize="pageSize"
+          :current="currentPage"
+          :total="tableDataTotal"
+          class="pagination"
+        />
+      </div>
     </div>
     <!-- 表格 -->
     <div :class="out ? 'out' : 'unout'">
@@ -92,7 +103,7 @@
           </div>
           <div class="inname">调研名称</div>
           <div class="in">
-            <a-input v-model:value="valueE" />
+            <a-input v-model:value="valueE" show-count :maxlength="15" style="border-radius: 8px"/>
           </div>
         </div>
         <div class="btn">
@@ -251,27 +262,58 @@ export default {
           key: "opacation",
           width: 200,
           align: "center",
-          scopedSlots: { customRender: "action" }, //引入的插槽
+          
-          customRender: (text) => {
-            console.log(text);
-            return (
-              <div class="opa">
-                <div class="opacation">
-                  <router-link to="/researchadd" class={text.record.haspub ? "activecls" : "errorCls"}>
-                    基础信息
-                  </router-link>
-                  <router-link to="/managepage" style={{ "margin-left": "25px" }}>管理</router-link>                 
-                  <span style={{ "margin-left": "25px" }}>复制</span>
-                  <span style={{ "margin-left": "25px" }} >撤回</span>
-                  <span style={{ "margin-left": "21px", "margin-right": "30px" }} >结束</span>
-                </div>
-              </div>
-            );
-          },
         },
       ];
       return columns;
     };
+
+    const getTableDate = () => {
+      let data = state.tableData;
+      data.map((value) => {
+        {
+          //单层项目
+          value.opacation = (
+            <div class="operation">
+              
+                {value.state === "已发布" ? (
+                  <div class="fb">
+                    <router-link to="/managepage" class="jc">管理</router-link>
+                    <div class="jc">复制</div>
+                    <div class="jc">撤回</div>
+                    <div class="jc">结束</div>
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.state === "待发布" ? (
+                  <div class="fb">
+                    <router-link to="/researchadd" class="jc">基础信息</router-link>
+                    <router-link to="/managepage" class="jc">管理</router-link>
+                    <div class="jc">复制</div>
+                    <div class="jc">编辑</div>
+                    <div class="jc">删除</div>
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+                {value.state === "已结束" ? (
+                  <div class="fb">
+                    <div class="jc">复制</div>
+                    <div class="jc">删除</div>
+
+                  </div>
+                ) : (
+                  <div></div>
+                )}
+              
+            </div>
+          );
+        }
+      });
+      state.tableData = data;
+    };
+    getTableDate();
     onMounted(() => {
       // console.log("执行");
     });
@@ -295,6 +337,7 @@ export default {
       handleOut,
       tableDataFunc,
       chooseImg,
+      getTableDate,
     };
   },
 };
@@ -407,6 +450,10 @@ export default {
   }
   .tableBox {
     margin: 20px 38px 30px ;
+    display: flex;
+    //position: relative;
+    flex-direction: column;
+    
     th.h {
       background-color: #eff4fc !important;
     }
@@ -416,6 +463,16 @@ export default {
       > td {
       background: #f6f9fd;
     }
+    .pa {
+      left: 0;
+      width: 100%;
+      // height: 20px;
+      // background-color: red;
+      display: flex;
+      justify-content: center;
+      //position: absolute;
+      //bottom: 20px;
+    }
   }
   .out {
     display: block;
@@ -497,7 +554,7 @@ export default {
           width: 100px;
           height: 40px;
           font-size: 14px;
-          border: 1px solid #4ea6ff;
+          border: 1px solid #409EFF;
           border-radius: 8px;
           cursor: pointer;
         }
@@ -507,7 +564,7 @@ export default {
         }
         .btn2 {
           margin-left: 10px;
-          background-color: #4ea6ff;
+          background-color: #409EFF;
           color: #fff;
         }
       }
@@ -517,46 +574,19 @@ export default {
     display: none;
   }
 
-  .opa {
+   .operation {
     display: flex;
     justify-content: right;
-    .opacation {
+      .fb {
-      font-size: 14px;
+        display: flex;
-      font-weight: 400;
+        margin-right: 20px;
-      color: #4ea6ff;
+        .jc {
-      // line-height: 36px;
+          color: #4ea6ff;
-      .activecls {
+          font-size: 14px;
-        display: inline-block;
+          margin-left: 20px;
-      }
-      .errorCls {
-        display: none;
-      }
-      .more {
-        position: relative;
-        .moreArrow {
-          width: 13px;
-          height: 7px;
-          display: inline-block;
-          background-image: url("../../assets/images/navtop/down.png");
-          background-size: 100%;
-          margin: 2px;
-          margin-left: 7px;
-        }
-        .moreItems {
-          width: 80px;
-          height: 70px;
-          display: none;
-          background: #ffffff;
-          box-shadow: 2px 3px 9px 3px rgba(0, 0, 0, 0.05);
-          border-radius: 3px;
-          border: 0px solid #dcdcdc;
-          position: absolute;
-          left: 0px;
-          top: 18px;
-          z-index: 100;
         }
       }
-    }
+    
   }
 }
 </style>