-- 样式修改

src/components/project/ProjectManagerNew.vue

@@ -8,7 +8,6 @@
       v-model:value="managerArray"
       :placeholder="placeholder"
       :filterOption="false"
-      style="width: 440px;"
       :options="isOpen?options:selectOptions"
       allowClear
       showSearch
@@ -20,6 +19,7 @@
       @change="change"
       @blur="blur"
       :show-arrow="false"
+      style="width: 100%"
   >
     <template v-if="loading" #notFoundContent>
       <a-spin size="small"/>

src/views/projectcenter/ProjectAdd.vue

@@ -48,18 +48,6 @@
             />
           </div>
         </div>
-        <div class="name">
-          <div class="namebox">
-            <img
-                class="nameimg"
-                src="../../assets/images/basicinfo/asterisk.png"
-            />
-            <div class="inname">分类</div>
-          </div>
-          <div class="in select">
-            <ProjectClass v-model:value="projectInfo.category"></ProjectClass>
-          </div>
-        </div>
         <div class="name flex-top">
           <div class="namebox" style="margin-top: 10px">
             <img
@@ -68,36 +56,28 @@
             />
             <div class="inname">封面图</div>
           </div>
-          <div class="in select" style="flex: 1">
+          <div class="in select" style="flex: 1;display: flex">
-            <a-select
+            <div
-                :getPopupContainer="
+                :class="`box ${projectInfo.picUrl === src ? 'active' : ''}`"
-                (triggerNode) => {
-                  return triggerNode.parentNode || document.body;
-                }
-              "
-                v-model:value="picUrlName"
-                dropdownClassName="dropdown-style"
-                style="width: 440px"
-                placeholder="请选择"
-                :options="projectPic"
-                @change="handleChangeSelect"
-                allowClear
-            ></a-select>
-            <img
                 style="
+              width: 100px;
+              height: 100px;
+              border-radius: 5px;
+              cursor: pointer;
+              position: relative;
+              overflow: hidden;
+            "
+                v-for="(src, index) in projectPic"
+                :key="index"
+                @click="() => (projectInfo.picUrl = src)"
+            >
+              <img
+                  style="
                 width: 100px;
                 height: 100px;
-                margin-top: 20px;
+                margin-bottom: 4px;
-                border-radius: 8px;
+                margin-right: 4px;
-              "
+              " :src="src.value" alt="avatar"/>
-                v-if="projectInfo.picUrl"
-                :src="projectInfo.picUrl"
-                alt="avatar"
-            />
-            <div class="i_bottom">
-              <span style="color: #999ba3">
-                高宽比为16:9 (如:800*450) png或jpg图片
-              </span>
             </div>
           </div>
         </div>
@@ -156,54 +136,6 @@
             ></OrgClass>
           </div>
         </div>
-        <div class="name name2">
-          <div class="namebox">
-            <div class="inname" style="margin-top: 13px">项目说明</div>
-          </div>
-          <div class="in">
-            <a-textarea
-                v-model:value="projectInfo.remark"
-                style="height: 80px"
-                placeholder="请输入说明"
-                show-count
-                :maxlength="200"
-                :disabled="viewDetail ? true : false"
-            />
-          </div>
-        </div>
-        <div class="name name2">
-          <div class="namebox">
-            <div class="inname">同步学习记录</div>
-          </div>
-          <div class="in">
-            <a-checkbox
-                v-model:checked="courseSyncFlag"
-                :disabled="viewDetail ? true : false"
-            ><span
-                style="
-                  width: 100%;
-                  color: rgba(109, 117, 132, 1);
-                  font-size: 14px;
-                "
-            >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
-            ></a-checkbox
-            >
-            <!-- <a-switch
-              v-model:checked="projectInfo.courseSyncFlag"
-              :checkedValue="1"
-              :unCheckedValue="0"
-              :disabled="viewDetail ? true : false"
-              ><span
-                style="
-                  width: 100%;
-                  color: rgba(109, 117, 132, 1);
-                  font-size: 14px;
-                "
-                >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
-              ></a-switch
-            > -->
-          </div>
-        </div>
         <div class="name">
           <div class="namebox">
             <img
@@ -230,10 +162,6 @@
         </div>
         <div class="name">
           <div class="namebox">
-            <!--            <img-->
-            <!--                class="nameimg"-->
-            <!--                src="../../assets/images/basicinfo/asterisk.png"-->
-            <!--            />-->
             <img
                 class="nameimg"
                 src="../../assets/images/basicinfo/asterisk.png"
@@ -241,12 +169,6 @@
             <div class="inname">是否BOEU实施</div>
           </div>
           <div class="in">
-            <!-- <a-switch
-                v-model:checked="projectInfo.boeFlag"
-                :checkedValue="1"
-                :unCheckedValue="0"
-                :disabled="viewDetail ? true : false"
-            ></a-switch> -->
             <a-radio-group
                 v-model:value="projectInfo.boeFlag"
                 :disabled="viewDetail ? true : false"
@@ -256,6 +178,40 @@
             </a-radio-group>
           </div>
         </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname">同步学习记录</div>
+          </div>
+          <div class="in">
+            <a-checkbox
+                v-model:checked="courseSyncFlag"
+                :disabled="viewDetail ? true : false"
+            ><span
+                style="
+                  width: 100%;
+                  color: rgba(109, 117, 132, 1);
+                  font-size: 14px;
+                "
+            >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+            ></a-checkbox
+            >
+          </div>
+        </div>
+        <div class="name name2">
+          <div class="namebox">
+            <div class="inname" style="margin-top: 13px">项目说明</div>
+          </div>
+          <div class="in">
+            <a-textarea
+                v-model:value="projectInfo.remark"
+                style="height: 80px"
+                placeholder="请输入说明"
+                show-count
+                :maxlength="200"
+                :disabled="viewDetail ? true : false"
+            />
+          </div>
+        </div>
       </div>
       <div class="template">
         <div class="name">
@@ -569,7 +525,7 @@ export default {
   }
 
   .active {
-    border: 1px solid rgba(78, 166, 255, 1);
+    border: 2px solid rgba(78, 166, 255, 1);
   }
 
   .content {

src/views/projectcenter/ProjectManage.vue

@@ -1304,7 +1304,7 @@ export default {
         title: "项目名称",
         dataIndex: "name",
         key: "name",
-        width: 280,
+        width: 480,
         // align: "center",
         ellipsis: true,
         // scopedSlots: { customRender: "action" }, //引入的插槽
@@ -1316,8 +1316,9 @@ export default {
       {
         title: "项目经理",
         dataIndex: "manager",
+        ellipsis: true,
         key: "manager",
-        width: 100,
+        width: 300,
         align: "center",
       },
       {
@@ -1394,7 +1395,7 @@ export default {
         dataIndex: "operation",
         key: "operation",
         width: 300,
-        align: "center",
+        align: "right",
         fixed: "right",
         customRender: (value) => {
           // console.log("value", value.record.type, value.record.status);