项目字段修改&合同上传

src/views/item/detail.vue

@@ -30,13 +30,24 @@
                     </el-col>
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
                       <el-form-item
-                        label="事业部流水号："
-                        prop="businessNo"
-                        :rules="{required: true, message: '请输入事业部流水号', trigger: 'blur'}"
-                        label-width="150px"
+                        label="归属单位："
+                        prop="belongTo"
+                        :rules="{required: true, message: '归属单位', trigger: 'blur'}"
+                        label-width="120px"
                         class="postInfo-container-item"
                       >
-                        <el-input v-model="postForm.businessNo" class="filter-item"/>
+                        <el-select
+                          v-model="postForm.belongTo"
+                          placeholder=""
+                          clearable
+                          filterable
+                          class="filter-item"
+                          style=" width: 100%"
+                          @change="changePrefix"
+                        >
+                          <el-option key="1" label="大友" value="DY"/>
+                          <el-option key="2" label="泰济诚" value="TJC"/>
+                        </el-select>
                       </el-form-item>
                     </el-col>
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
@@ -44,34 +55,63 @@
                         label="项目编号："
                         prop="oaNo"
                         :rules="{required: true, message: '项目编号', trigger: 'blur'}"
-                        label-width="150px"
+                        label-width="120px"
                         class="postInfo-container-item"
                       >
-                        <el-input v-model="postForm.oaNo" class="filter-item"/>
+                        <el-input v-model="postForm.oaNo" class="filter-item">
+                          <template slot="prepend">{{postForm.belongTo}}</template>
+                        </el-input>
                       </el-form-item>
                     </el-col>
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
                       <el-form-item
-                        label="所属部门："
-                        prop="departmentId"
-                        :rules="{required: true, message: '所属部门', trigger: 'blur'}"
+                        label="事业部流水号："
+                        prop="businessNo"
                         label-width="150px"
                         class="postInfo-container-item"
                       >
+                        <el-input :value="postForm.businessNo" class="filter-item" placeholder="系统自动生成" :disabled="true" readonly/>
+                      </el-form-item>
+                    </el-col>
+                  </el-row>
+                  <el-row>
+                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
+                      <el-form-item
+                        label="项目类型："
+                        prop="cate"
+                        :rules="{required: true, message: '项目类型', trigger: 'blur'}"
+                        label-width="120px"
+                        class="postInfo-container-item"
+                      >
                         <el-select
-                          v-model="postForm.departmentId"
+                          v-model="postForm.cate"
                           placeholder=""
                           clearable
                           filterable
                           class="filter-item"
                           style=" width: 100%"
                         >
-                          <el-option
-                            v-for="item in departmentsOptions"
-                            :key="item.id"
-                            :label="item.name"
-                            :value="item.id"
-                          />
+                          <el-option key="1" label="测绘" value="测绘"/>
+                          <el-option key="2" label="航飞" value="航飞"/>
+                          <el-option key="3" label="公示地价" value="公示地价"/>
+                          <el-option key="4" label="宗地评估" value="宗地评估"/>
+                          <el-option key="5" label="资产评估" value="资产评估"/>
+                          <el-option key="6" label="亩均论英雄" value="亩均论英雄"/>
+                          <el-option key="7" label="社会稳定性风险评价" value="社会稳定性风险评价"/>
+                          <el-option key="8" label="节地评价" value="节地评价"/>
+                          <el-option key="9" label="选址论证" value="选址论证"/>
+                          <el-option key="10" label="踏勘论证" value="踏勘论证"/>
+                          <el-option key="11" label="土地复垦" value="土地复垦"/>
+                          <el-option key="12" label="国土空间规划" value="国土空间规划"/>
+                          <el-option key="13" label="自然资源资产清查信号收集" value="自然资源资产清查信号收集"/>
+                          <el-option key="14" label="成片开发" value="成片开发"/>
+                          <el-option key="15" label="城乡土地增减挂钩" value="城乡土地增减挂钩"/>
+                          <el-option key="16" label="司法评估" value="司法评估"/>
+                          <el-option key="17" label="房地产评估" value="房地产评估"/>
+                          <el-option key="18" label="规划计划类" value="规划计划类"/>
+                          <el-option key="19" label="地灾评估" value="地灾评估"/>
+                          <el-option key="20" label="用地调查" value="用地调查"/>
+                          <el-option key="21" label="用地报件" value="用地报件"/>
                         </el-select>
                       </el-form-item>
                     </el-col>
@@ -83,7 +123,18 @@
                         label-width="120px"
                         class="postInfo-container-item"
                       >
-                        <el-input v-model="postForm.businessSource" class="filter-item"/>
+                        <el-select
+                          v-model="postForm.businessSource"
+                          placeholder=""
+                          clearable
+                          filterable
+                          class="filter-item"
+                          style=" width: 100%"
+                        >
+                          <el-option key="1" label="自主营销" value="自主营销"/>
+                          <el-option key="2" label="公司转接" value="公司转接"/>
+                          <el-option key="3" label="投标抽签" value="投标抽签"/>
+                        </el-select>
                       </el-form-item>
                     </el-col>
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
@@ -108,6 +159,8 @@
                         <el-input v-model="postForm.clientName" class="filter-item"/>
                       </el-form-item>
                     </el-col>
+                  </el-row>
+                  <el-row>
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
                       <el-form-item
                         label="客户经理："
@@ -119,8 +172,6 @@
                         <el-input v-model="postForm.clientManager" class="filter-item"/>
                       </el-form-item>
                     </el-col>
-                  </el-row>
-                  <el-row>
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
                       <el-form-item
                         label="联系方式："
@@ -134,9 +185,9 @@
                     </el-col>
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
                       <el-form-item
-                        label="技术负责人："
+                        label="项目负责人："
                         prop="skiller"
-                        :rules="{required: true, message: '请输入技术负责人', trigger: 'blur'}"
+                        :rules="{required: true, message: '请输入项目负责人', trigger: 'blur'}"
                         label-width="120px"
                         class="postInfo-container-item"
                       >
@@ -154,19 +205,29 @@
                         />
                       </el-form-item>
                     </el-col>
+                  </el-row>
+                  <el-row>
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
                       <el-form-item
-                        label="付款方式："
+                        label="付款类型："
                         prop="paymentMethod"
                         :rules="{required: true, message: '请输入付款方式', trigger: 'blur'}"
                         label-width="120px"
                         class="postInfo-container-item"
                       >
-                        <el-input v-model="postForm.paymentMethod" class="filter-item"/>
+                        <el-select
+                          v-model="postForm.paymentMethod"
+                          placeholder=""
+                          clearable
+                          filterable
+                          class="filter-item"
+                          style=" width: 100%"
+                        >
+                          <el-option key="1" label="一次性付款" value="一次性付款"/>
+                          <el-option key="2" label="分期付款" value="分期付款"/>
+                        </el-select>
                       </el-form-item>
                     </el-col>
-                  </el-row>
-                  <el-row>
                     <el-col :xs="24" :sm="12" :lg="6" :span="6">
                       <el-form-item
                         label="合同金额："
@@ -178,6 +239,40 @@
                         <el-input v-model="postForm.amount" class="filter-item"/>
                       </el-form-item>
                     </el-col>
+                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
+                      <el-form-item
+                        label="所属部门："
+                        prop="departmentId"
+                        :rules="{required: true, message: '所属部门', trigger: 'blur'}"
+                        label-width="120px"
+                        class="postInfo-container-item"
+                      >
+                        <el-select
+                          v-model="postForm.departmentId"
+                          placeholder=""
+                          clearable
+                          filterable
+                          class="filter-item"
+                          style=" width: 100%"
+                        >
+                          <el-option
+                            v-for="item in departmentsOptions"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                          />
+                        </el-select>
+                      </el-form-item>
+                    </el-col>
+                    <el-col :xs="24" :sm="12" :lg="6" :span="6">
+                      <el-form-item   label-width="120px" v-model="postForm.contractUrl" style=" width: 100%">
+                        <el-upload
+                          action="/api/upload"
+                          :limit="1" :on-success="changeres" :file-list="fileList" :on-exceed="handleExceed">
+                          <el-button type="primary">上传电子合同<i class="el-icon-upload el-icon--right"></i></el-button>
+                        </el-upload>
+                      </el-form-item>
+                    </el-col>
                   </el-row>
                   <div style="margin-top:20px;width:100%;height:1px;background:rgba(242,242,242,1);"/>
                   <div style="margin-bottom: 30px">
@@ -212,7 +307,7 @@
     name: 'itemDetail',
     components: {
       Breadcrumb,
-      YDetailPageLayout
+      YDetailPageLayout,
     },
     data() {
       return {
@@ -238,6 +333,17 @@
       this.getDetail();
     },
     methods: {
+      handleExceed(files, fileList) {
+        this.$message.warning(`当前限制选择 1个文件，本次选择了 ${files.length} 个文件`);
+      },
+      // 上传
+      changeres(res, file) {
+        this.postForm.contractUrl = res.data.fileName;
+        console.log(file,res,this.filePath);
+      },
+      changePrefix(e){
+        this.postForm.belongTo = e;
+      },
       getAllUser() {
         const that = this;
         that.$api.user.simpleAll().then(data => {
@@ -331,6 +437,9 @@
           }
         })
       },
+      beforeRemove(file, fileList) {
+        return this.$confirm(`确定移除 ${ file.name }？`);
+      }
     }
   }
 </script>

src/views/item/list.vue

@@ -57,19 +57,19 @@
         slot="table"
         style="width: 100%;"
       >
-        <el-table-column label="项目名称" align="center" >
+        <el-table-column label="项目名称" align="center">
           <template slot-scope="{row}">
             <span>{{ row.name }}</span>
           </template>
         </el-table-column>
-        <el-table-column label="事业部流水号" align="center" width="130">
+        <el-table-column label="事业部流水号" align="center" width="135">
           <template slot-scope="{row}">
             <span>{{ row.businessNo }}</span>
           </template>
         </el-table-column>
         <el-table-column label="项目编号" align="center" width="130">
           <template slot-scope="{row}">
-            <span>{{ row.oaNo }}</span>
+            <span>{{row.belongTo}}{{ row.oaNo }}</span>
           </template>
         </el-table-column>
         <el-table-column label="所属部门" align="center" width="130">
@@ -77,6 +77,11 @@
             <span>{{ row.departmentName }}</span>
           </template>
         </el-table-column>
+        <el-table-column label="项目类型" align="center" width="130">
+          <template slot-scope="{row}">
+            <span>{{ row.cate }}</span>
+          </template>
+        </el-table-column>
         <el-table-column label="业务来源" align="center" width="130">
           <template slot-scope="{row}">
             <span>{{ row.businessSource }}</span>
@@ -92,17 +97,17 @@
             <span>{{ row.clientName}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="合同金额" align="center" width="130">
+        <el-table-column label="合同金额" align="center" width="100">
           <template slot-scope="{row}">
             <span>{{ row.amount}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="状态" align="center" width="130">
+        <el-table-column label="状态" align="center" width="100">
           <template slot-scope="{row}">
             <el-tag>{{ row.state}}</el-tag>
           </template>
         </el-table-column>
-        <el-table-column label="当前阶段" align="center" width="130">
+        <el-table-column label="当前阶段" align="center" width="100">
           <template slot-scope="{row}">
             <el-tag>{{computedStageName(row.stageName)}}</el-tag>
           </template>