فهرست منبع

调整部分样式

sunjh 6 سال پیش
والد
کامیت
807f065e68

+ 1 - 1
src/components/Home.vue

@@ -7,7 +7,7 @@
           <router-link
             v-if="user != null && rolesPermissions != null &&( rolesPermissions.isAgency || rolesPermissions.isIndividualUser || rolesPermissions.isSystemAdministrator || rolesPermissions.isEnterpriseUser)"
             :to="{ name: 'ProjectCreate'}">
-            <div class="btn btn-medium btn-home-apply">申请项目</div>
+            <div class="btn btn-medium btn-home-apply">创建项目</div>
           </router-link>
         </el-carousel-item>
       </el-carousel>

+ 14 - 8
src/components/project/Project.vue

@@ -11,15 +11,15 @@
       </div>
       <el-form :model="project" :rules="rules" ref="project" label-width="12%" class="demo-project">
         <el-form-item label="项目名称" prop="name">
-          <el-input v-if="isModifyMode" v-model="project.name"></el-input>
+          <el-input size="small" v-if="isModifyMode" v-model="project.name"></el-input>
           <span v-if="!isModifyMode">{{project.name}}</span>
         </el-form-item>
 
-        <el-form-item label="联系人" prop="name">
+        <el-form-item size="small" label="联系人" prop="name">
           <el-input v-if="isModifyMode" v-model="project.contactName" placeholder="请输入联系人姓名"></el-input>
           <span v-if="!isModifyMode">{{project.contactName}}</span>
         </el-form-item>
-        <el-form-item label="联系人电话" prop="name">
+        <el-form-item size="small" label="联系人电话" prop="name">
           <el-input v-if="isModifyMode" v-model="project.contactPhone" placeholder="请输入联系人电话"></el-input>
           <span v-if="!isModifyMode">{{project.contactPhone}}</span>
         </el-form-item>
@@ -50,7 +50,7 @@
         <!--</div>-->
         <!--</el-form-item>-->
 
-        <el-form-item label="预算" prop="budget">
+        <el-form-item size="small" label="预算" prop="budget">
           <el-input v-if="isModifyMode" type="number" v-model="project.budget">
             ¥
             <template slot="append"></template>
@@ -58,7 +58,7 @@
           <span v-if="!isModifyMode">{{project.budget}}¥</span>
         </el-form-item>
         <el-form-item label="需求描述">
-          <el-input v-if="isModifyMode" type="textarea" v-model="project.desc"></el-input>
+          <el-input style="width: 400px" autosize v-if="isModifyMode" type="textarea" v-model="project.desc"></el-input>
           <span v-if="!isModifyMode">{{project.desc}}</span>
         </el-form-item>
         <!--<el-form-item label="价格" prop="price">-->
@@ -169,6 +169,7 @@
         <el-form-item label="项目截止时间" prop="datetime">
           <div class="block" v-if="isModifyMode">
             <el-date-picker
+              size="small"
               v-model="project.datetime"
               type="datetime"
               placeholder="选择截止时间"
@@ -197,7 +198,8 @@
           </div>
           <div v-if="projectOperationControl.update" class="btn btn-small btn-info" @click="modifyForm()">修改项目</div>
           <!--<div class="btn btn-medium btn-info" @click="analyseDemand()">分析需求</div>-->
-          <div v-if="projectOperationControl.createTask" class="btn btn-small btn-info" @click="createTask()">新建任务</div>
+          <div v-if="projectOperationControl.createTask" class="btn btn-small btn-info" @click="createNewTask()">新建任务
+          </div>
           <div v-if="projectOperationControl.uploadReport" class="btn btn-small btn-info" @click="createReport()">上传报告
           </div>
         </el-form-item>
@@ -610,8 +612,12 @@ export default {
         params: {projectId: projectId, taskId: taskId}
       })
     },
-    createTask () {
-      this.$router.push({name: 'TaskCreate'})
+    createNewTask () {
+      const that = this
+      this.$router.push({
+        name: 'TaskCreate',
+        params: {projectId: that.projectId}
+      })
     },
     createReport () {
       this.$router.push({

+ 6 - 5
src/components/project/ProjectCreate.vue

@@ -4,21 +4,21 @@
     <div class="create-body">
       <el-form :model="project" :rules="rules" ref="project" label-width="12%" class="demo-project">
         <el-form-item label="项目名称" prop="name">
-          <el-input v-model="project.name"></el-input>
+          <el-input size="small" v-model="project.name" placeholder="请输入项目名称"></el-input>
         </el-form-item>
         <el-form-item label="联系人" prop="contactName">
-          <el-input v-model="project.contactName" placeholder="请输入联系人姓名"></el-input>
+          <el-input size="small" v-model="project.contactName" placeholder="请输入联系人姓名"></el-input>
         </el-form-item>
         <el-form-item label="手机号" prop="contactPhone">
-          <el-input v-model="project.contactPhone" placeholder="请输入联系人电话"></el-input>
+          <el-input size="small" v-model="project.contactPhone" placeholder="请输入联系人电话"></el-input>
         </el-form-item>
         <el-form-item label="预算" prop="budget">
-          <el-input type="number" v-model="project.budget">
+          <el-input size="small" type="number" v-model="project.budget" placeholder="请输入项目预算">
             <template slot="append">¥</template>
           </el-input>
         </el-form-item>
         <el-form-item label="需求描述" prop="desc">
-          <el-input type="textarea" style="width: 400px" v-model="project.desc"></el-input>
+          <el-input autosize type="textarea" style="width: 400px" v-model="project.desc" placeholder="请输入对项目的描述"></el-input>
         </el-form-item>
 
         <!--<el-form-item label="价格" prop="price">-->
@@ -106,6 +106,7 @@
         <el-form-item label="项目截止时间" prop="datetime">
           <div class="block">
             <el-date-picker
+              size="small"
               v-model="project.datetime"
               type="datetime"
               placeholder="选择截止时间"

+ 4 - 4
src/components/report/ProjectReport.vue

@@ -3,7 +3,7 @@
     <div class="create-body" v-loading="loading">
       <el-form :model="report" :rules="rules" ref="report" label-width="12%" class="demo-report">
         <el-form-item label="报告名称" prop="name">
-          <el-input v-if="isModifyMode" v-model="report.name"></el-input>
+          <el-input size="small" v-if="isModifyMode" v-model="report.name"></el-input>
           <span v-if="!isModifyMode">{{report.name}}</span>
         </el-form-item>
         <el-form-item label="报告类型" prop="type">
@@ -21,7 +21,7 @@
                 <span>测试对象</span>
               </el-col>
               <el-col :span="10">
-                <el-input v-if="isModifyMode" type="textarea" v-model="report.target"></el-input>
+                <el-input autosize v-if="isModifyMode" type="textarea" v-model="report.target"></el-input>
                 <span v-if="!isModifyMode">{{report.target}}</span>
               </el-col>
             </el-row>
@@ -30,7 +30,7 @@
                 <span>测试内容</span>
               </el-col>
               <el-col :span="10">
-                <el-input v-if="isModifyMode" type="textarea" v-model="report.content"></el-input>
+                <el-input autosize v-if="isModifyMode" type="textarea" v-model="report.content"></el-input>
                 <span v-if="!isModifyMode">{{report.content}}</span>
               </el-col>
             </el-row>
@@ -67,7 +67,7 @@
         </el-form-item>
 
         <el-form-item label="结论" prop="conclusion">
-          <el-input v-if="isModifyMode" type="textarea" v-model="report.conclusion"></el-input>
+          <el-input autosize v-if="isModifyMode" type="textarea" v-model="report.conclusion"></el-input>
           <span v-if="!isModifyMode">{{report.conclusion}}</span>
         </el-form-item>
         <el-form-item v-if="!isModifyMode">

+ 4 - 4
src/components/report/TaskReport.vue

@@ -3,7 +3,7 @@
     <div class="create-body" v-loading="loading">
       <el-form :model="report" :rules="rules" ref="report" label-width="12%" class="demo-report">
         <el-form-item label="报告名称" prop="name">
-          <el-input v-if="isModifyMode" v-model="report.name"></el-input>
+          <el-input size="small" v-if="isModifyMode" v-model="report.name"></el-input>
           <span v-if="!isModifyMode">{{report.name}}</span>
         </el-form-item>
         <el-form-item label="报告类型" prop="type">
@@ -21,7 +21,7 @@
                 <span>测试对象</span>
               </el-col>
               <el-col :span="10">
-                <el-input v-if="isModifyMode" type="textarea" v-model="report.target"></el-input>
+                <el-input autosize v-if="isModifyMode" type="textarea" v-model="report.target"></el-input>
                 <span v-if="!isModifyMode">{{report.target}}</span>
               </el-col>
             </el-row>
@@ -30,7 +30,7 @@
                 <span>测试内容</span>
               </el-col>
               <el-col :span="10">
-                <el-input v-if="isModifyMode" type="textarea" v-model="report.content"></el-input>
+                <el-input autosize v-if="isModifyMode" type="textarea" v-model="report.content"></el-input>
                 <span v-if="!isModifyMode">{{report.content}}</span>
               </el-col>
             </el-row>
@@ -67,7 +67,7 @@
         </el-form-item>
 
         <el-form-item label="结论" prop="conclusion">
-          <el-input v-if="isModifyMode" type="textarea" v-model="report.conclusion"></el-input>
+          <el-input autosize v-if="isModifyMode" type="textarea" v-model="report.conclusion"></el-input>
           <span v-if="!isModifyMode">{{report.conclusion}}</span>
         </el-form-item>
         <el-form-item v-if="!isModifyMode">

+ 4 - 4
src/components/report/TaskReportCreate.vue

@@ -4,7 +4,7 @@
     <div class="create-body">
       <el-form :model="report" :rules="rules" ref="report" label-width="12%" class="demo-report">
         <el-form-item label="报告名称" prop="name">
-          <el-input v-model="report.name"></el-input>
+          <el-input size="small" v-model="report.name"></el-input>
         </el-form-item>
         <el-form-item label="报告类型" prop="type">
           <el-radio-group v-model="report.type">
@@ -14,10 +14,10 @@
           </el-radio-group>
         </el-form-item>
         <el-form-item label="测试对象" prop="name">
-          <el-input style="width: 400px" type="textarea" v-model="report.target"></el-input>
+          <el-input autosize style="width: 400px" type="textarea" v-model="report.target"></el-input>
         </el-form-item>
         <el-form-item label="测试内容" prop="name">
-          <el-input style="width: 400px" type="textarea" v-model="report.content"></el-input>
+          <el-input autosize style="width: 400px" type="textarea" v-model="report.content"></el-input>
         </el-form-item>
         <!--<el-form-item label="摘要" prop="abstract">-->
         <!--<div>-->
@@ -63,7 +63,7 @@
         </el-form-item>
 
         <el-form-item label="结论" prop="conclusion">
-          <el-input style="width: 400px" type="textarea" v-model="report.conclusion"></el-input>
+          <el-input autosize style="width: 400px" type="textarea" v-model="report.conclusion"></el-input>
         </el-form-item>
         <el-form-item>
           <div class="btn btn-medium btn-info" @click="submitForm('report')">提交</div>

+ 4 - 3
src/components/task/Task.vue

@@ -5,15 +5,15 @@
       <div class="title h2" v-if="!isModifyMode">基本信息</div>
       <el-form :model="task" :rules="rules" ref="task" label-width="12%" class="demo-task">
         <el-form-item label="任务名称" prop="name">
-          <el-input v-if="isModifyMode" v-model="task.title"></el-input>
+          <el-input size="small" v-if="isModifyMode" v-model="task.title"></el-input>
           <span v-if="!isModifyMode">{{task.title}}</span>
         </el-form-item>
         <el-form-item label="任务描述" prop="desc">
-          <el-input v-if="isModifyMode" type="textarea" v-model="task.description"></el-input>
+          <el-input autosize v-if="isModifyMode" type="textarea" v-model="task.description"></el-input>
           <span v-if="!isModifyMode">{{task.description}}</span>
         </el-form-item>
         <el-form-item label="任务报价" prop="quotePrice">
-          <el-input type="number" v-if="isModifyMode" v-model="task.quotePrice">
+          <el-input size="small" type="number" v-if="isModifyMode" v-model="task.quotePrice">
             <template slot="append">¥</template>
           </el-input>
           <span v-if="!isModifyMode">{{task.quotePrice}}¥</span>
@@ -99,6 +99,7 @@
         <el-form-item label="任务截止时间" prop="datetime">
           <div class="block" v-if="isModifyMode">
             <el-date-picker
+              size="small"
               v-model="task.datetime"
               type="datetime"
               placeholder="选择截止时间"

+ 8 - 9
src/components/task/TaskCreate.vue

@@ -1,16 +1,16 @@
 <template>
-  <div class="create-container" v-if="loading">
+  <div class="create-container" v-loading="loading">
     <div class="title h1">创建任务</div>
     <div class="create-body">
       <el-form :model="task" :rules="rules" ref="task" label-width="12%" class="demo-task">
         <el-form-item label="任务名称" prop="name">
-          <el-input v-model="task.name"></el-input>
+          <el-input size="small" v-model="task.name"></el-input>
         </el-form-item>
         <el-form-item label="任务描述" prop="desc">
-          <el-input type="textarea" style="width: 400px" v-model="task.desc"></el-input>
+          <el-input autosize type="textarea" style="width: 400px" v-model="task.desc"></el-input>
         </el-form-item>
         <el-form-item label="任务报价" prop="quotePrice">
-          <el-input type="number" v-model="task.quotePrice">
+          <el-input size="small" type="number" v-model="task.quotePrice">
             <template slot="append">¥</template>
           </el-input>
         </el-form-item>
@@ -68,10 +68,9 @@
               将文件拖到此处,或
               <em>点击上传</em>
             </div>
-            <div class="el-upload__tip" slot="tip">请上传需求文档</div>
           </el-upload>
         </el-form-item>
-        <el-form-item label="任务截止时间" prop="datetime">
+        <el-form-item size="small" label="任务截止时间" prop="datetime">
           <div class="block">
             <el-date-picker
               v-model="task.datetime"
@@ -83,9 +82,9 @@
           </div>
         </el-form-item>
         <el-form-item>
-          <div class="btn btn-primary btn-info" @click="submitForm('task')">立即创建</div>
-          <div class="btn btn-primary" @click="resetForm('task')">重置</div>
-          <div class="btn btn-primary" @click="cancelCreate('task')">取消</div>
+          <div class="btn btn-medium btn-info" @click="submitForm('task')">立即创建</div>
+          <div class="btn btn-medium" @click="resetForm('task')">重置</div>
+          <div class="btn btn-medium" @click="cancelCreate('task')">取消</div>
         </el-form-item>
       </el-form>
     </div>