feat:项目管理的新增，上传切图

src/views/project/draft.vue

@@ -81,7 +81,7 @@
     </div>
     <div class="searchB">
       <div style="padding-left: 15px ;padding-bottom: 5px;padding-top: 15px" >
-        <span class="bold-text" style="border-bottom: 2px solid  #0062FF;">项目草稿箱</span>
+        <span class="bold-text" style="border-bottom: 3px solid  #0062FF;">项目草稿箱</span>
         <span style="padding-left: 85%">
           <el-button
               icon="ArrowLeft"

src/views/project/edit.vue

 <template>
   <div class="app-container">
-    <div class="formSearch">
+    <div class="content">
       <div style="padding-left: 10px">
-        <span  class="bold-text" style="border-bottom: 2px solid #0062FF;">项目编辑</span>
+        <span  class="bold-text" style="border-bottom: 3px solid #0062FF;">项目编辑</span>
       </div>
       <div style="padding-top: 20px">
     <el-form ref="formRef" :model="form" :rules="rules" label-width="auto">
@@ -145,9 +145,8 @@
               <el-button size="large" type="text">点击上传</el-button>
             </el-upload>
           </el-form-item>
-      </el-col>
-      <el-col :span="10">
-
+<!--      </el-col>
+      <el-col :span="10">-->
       <el-form-item label="项目回款笔数">
         <el-select
             v-model="form.repaymentCount"
@@ -163,10 +162,8 @@
           ></el-option>
         </el-select>
        </el-form-item>
-       <el-form :model="form" label-width="80px">
+       <el-form :model="form" label-width="140px">
          <div v-for="(item, index) in form.repaymentDetails" :key="index">
-           <el-row>
-             <el-col :span="12">
                <!-- 回款比例 -->
                <el-form-item :label="'第 ' + (index + 1) + ' 笔'">
                  <el-input v-model="item.repaymentPercentage" placeholder="请输入回款比例" width="100%">
@@ -175,18 +172,16 @@
                      </template>
                  </el-input>
                </el-form-item>
-             </el-col>
-             <el-col :span="12">
                <!-- 回款条件 -->
                <el-form-item label="回款前置条件">
                  <el-input
+                     type="textarea"
+                     :autosize="{ minRows: 3, maxRows: 20 }"
                      v-model="item.repaymentCondition"
                      placeholder="请输入前置条件"
                      width="100%"
                  ></el-input>
                </el-form-item>
-             </el-col>
-           </el-row>
          </div>
        </el-form>
       </el-col>
@@ -355,15 +350,6 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-.contentA{
-  height: auto;
-  padding: 20px;
-  margin-bottom: 10px;
-  background: #FFFFFF;
-  box-shadow: 0 2px 2px 0 #b3b3b380;
-  border-radius: 2px;
-  overflow: hidden;
-}
 .bold-text {
   width: 72px;
   height: 15px;

src/views/project/index.vue

 <template>
   <div class="app-container">
     <div class="formSearch">
-    <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="100px">
+    <el-form :model="queryParams" ref="queryRef" :inline="true" label-width="120px">
       <!-- 默认显示的查询条件 -->
         <el-form-item label="项目名称" prop="projectName">
           <el-input
@@ -23,7 +23,7 @@
           <el-select
               v-model="queryParams.projectStatus"
               placeholder="请选择项目状态"
-              style="width: 128px"
+              style="width: 193px"
               clearable
           >
             <el-option
@@ -35,7 +35,7 @@
           </el-select>
         </el-form-item>
         <!-- 操作按钮 -->
-        <el-form-item style="padding-left: 5%">
+        <el-form-item style="padding-left: 9%">
           <el-button icon="Refresh" @click="resetQuery" class="el-button-defalut">重置</el-button>
           <el-button type="primary" icon="Search" @click="handleQuery" class="el-button-primary">查询</el-button>
           <el-button size="large" type="text" @click="toggleSearch">
@@ -60,7 +60,7 @@
             <el-select
                 v-model="queryParams.projectType"
                 placeholder="请选择项目类型"
-                style="width: 128px"
+                style="width: 193px"
                 clearable
             >
               <el-option
@@ -102,34 +102,34 @@
     </div>
 
     <el-table v-loading="loading" :data="projectList" border style="width: 100%">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="项目编号" align="center" prop="projectNumber" width="100" />
-      <el-table-column label="项目名称" align="center" prop="projectName" width="100" show-overflow-tooltip/>
-      <el-table-column label="项目类型" align="center" prop="projectType">
+      <el-table-column type="selection" width="40" align="right"/>
+      <el-table-column label="项目编号" align="center" prop="projectNumber" min-width="150"/>
+      <el-table-column label="项目名称" align="center" prop="projectName" min-width="120" show-overflow-tooltip/>
+      <el-table-column label="项目类型" align="center" prop="projectType" min-width="120">
         <template #default="scope">
           <dict-tag :options="project_type" :value="scope.row.projectType"/>
         </template>
       </el-table-column>
-      <el-table-column label="预计开始时间" align="center" prop="startDate" width="100">
+      <el-table-column label="预计开始时间" align="center" prop="startDate" min-width="130">
         <template #default="scope">
           <span>{{ parseTime(scope.row.startDate, '{y}/{m}/{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="预计结束时间" align="center" prop="endDate" width="100">
+      <el-table-column label="预计结束时间" align="center" prop="endDate" min-width="130">
         <template #default="scope">
           <span>{{ parseTime(scope.row.endDate, '{y}/{m}/{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="事业部负责人" align="center" prop="departmentLeaderName" width="90"/>
-      <el-table-column label="项目经理" align="center" prop="projectManagerName"/>
-      <el-table-column label="项目成本" align="center" prop="projectCost" />
-      <el-table-column label="项目状态" align="center" prop="projectStatus">
+      <el-table-column label="事业部负责人" align="center" prop="departmentLeaderName" min-width="130"/>
+      <el-table-column label="项目经理" align="center" prop="projectManagerName" min-width="120"/>
+      <el-table-column label="项目成本(元)" align="center" prop="projectCost" min-width="120"/>
+      <el-table-column label="项目状态" align="center" prop="projectStatus" min-width="120">
         <template #default="scope">
           <dict-tag :options="project_status" :value="scope.row.projectStatus"/>
         </template>
       </el-table-column>
-      <el-table-column label="回款笔数" align="center" prop="repaymentCount" width="59"/>
-      <el-table-column label="回款前置条件" align="center" prop="repaymentCondition" width="100">
+      <el-table-column label="回款笔数" align="center" prop="repaymentCount" min-width="100"/>
+      <el-table-column label="回款前置条件" align="center" prop="repaymentCondition" min-width="150">
         <template #default="scope">
         <el-popover placement="right" :width="400" trigger="click">
           <template  #reference>
@@ -150,17 +150,17 @@
         </el-popover>
         </template>
       </el-table-column>
-      <el-table-column label="立项时间" align="center" prop="createDate" width="100">
+      <el-table-column label="立项时间" align="center" prop="createDate" min-width="130">
         <template #default="scope">
           <span>{{ parseTime(scope.row.createDate, '{y}/{m}/{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="更新时间" align="center" prop="updateDate" width="100">
+      <el-table-column label="更新时间" align="center" prop="updateDate" min-width="130">
         <template #default="scope">
           <span>{{ parseTime(scope.row.updateDate, '{y}/{m}/{d}') || '-'}}</span>
         </template>
       </el-table-column>
-      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="200">
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right" width="170">
         <template #default="scope">
           <el-button link type="text" @click="handleUpdate(scope.row)" v-hasPermi="['system:project:edit']">
             <img src="../../assets/icons/common/edit.png" height="20" width="20"/></el-button>

src/views/project/view.vue

 <template>
   <div class="app-container">
-    <div class="contentA">
+    <div class="content">
       <div style="padding-left: 10px">
         <span  class="bold-text" style="border-bottom: 2px solid blue;">项目详情</span>
       </div>
@@ -142,9 +142,8 @@
                 >
                 </el-upload>
               </el-form-item>
-            </el-col>
-            <el-col :span="10">
-
+<!--            </el-col>
+            <el-col :span="10">-->
               <el-form-item label="项目回款笔数">
                 <el-select
                     v-model="form.repaymentCount"
@@ -160,10 +159,8 @@
                   ></el-option>
                 </el-select>
               </el-form-item>
-              <el-form :model="form" label-width="80px">
+              <el-form :model="form" label-width="140px">
                 <div v-for="(item, index) in form.repaymentDetails" :key="index">
-                  <el-row>
-                    <el-col :span="12">
                       <!-- 回款比例 -->
                       <el-form-item :label="'第 ' + (index + 1) + ' 笔'">
                         <el-input
@@ -176,18 +173,16 @@
                           </template>
                         </el-input>
                       </el-form-item>
-                    </el-col>
-                    <el-col :span="12">
                       <!-- 回款条件 -->
                       <el-form-item label="回款前置条件">
                         <el-input
+                            type="textarea"
+                            :autosize="{ minRows: 3, maxRows: 20 }"
                             v-model="item.repaymentCondition"
                             width="100%"
                             readonly
                         ></el-input>
                       </el-form-item>
-                    </el-col>
-                  </el-row>
                 </div>
               </el-form>
             </el-col>
@@ -274,15 +269,6 @@ onMounted(() => {
 </script>
 
 <style scoped lang="scss">
-.contentA{
-  height: auto;
-  padding: 20px;
-  margin-bottom: 10px;
-  background: #FFFFFF;
-  box-shadow: 0 2px 2px 0 #b3b3b380;
-  border-radius: 2px;
-  overflow: hidden;
-}
 .bold-text {
   width: 72px;
   height: 15px;