项目管理

dsk-operate-ui/src/views/project/projectList/component/xgqy.vue

@@ -5,19 +5,19 @@
       <div class="cardtitles">相关企业</div>
       <div class="searchbtns">
         <el-select class="select" placeholder="企业类型">
-          <el-select  placeholder="请选择">
+          <el-select  placeholder="请选择" v-model="searchParam.companyType">
             <el-option v-for="(item,index) in companytype" :label="item.dictLabel" :value="item.dictValue"></el-option>
           </el-select>
         </el-select>
         <div class="searchInput">
-          <el-input type="text" placeholder="输入关键词查询"></el-input>
-          <div class="btn">搜索</div>
+          <el-input type="text" placeholder="输入关键词查询" v-model="searchParam.companyName"></el-input>
+          <div class="btn" @click="handleCurrentChange(1)">搜索</div>
         </div>
         <div class="btn btn_primary h32 b3" @click="opennew"><div class="img img1"></div>添加相关企业</div>
       </div>
       <div class="document">
         <el-table
-          :data="tableData"
+          :data="tableData.rows"
           style="width: 100%"
         >
           <template slot="empty">
@@ -29,26 +29,26 @@
             </div>
           </template>
           <el-table-column
-            prop="date"
+            prop="companyName"
             label="企业名称"
             >
             <template slot-scope="scope">
-              <div class="wordprimary">集团投标常用资料</div>
+              <div class="wordprimary">{{scope.row.companyName}}</div>
             </template>
           </el-table-column>
           <el-table-column
-            prop="name"
-            label="对接深度"
+            prop="depth"
+            label="对接深度/竞争力度"
             >
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="companyRole"
             label="企业角色"
             sortable
             width="">
           </el-table-column>
           <el-table-column
-            prop="name"
+            prop="responsiblePerson"
             label="负责人"
             width="">
           </el-table-column>
@@ -59,21 +59,21 @@
             width="">
             <template slot-scope="scope">
               <div class="hoverbtn">
-                <div class="sc">删除</div>
+                <div class="sc" @click="delQY(scope.row.id)">删除</div>
               </div>
             </template>
           </el-table-column>
         </el-table>
 
-        <div class="tables">
+        <div class="tables" v-if="tableData.total > searchParam.pageSize">
           <div class="bottems">
             <el-pagination
               background
-              :page-size="20"
-              :current-page="1"
+              :page-size="searchParam.pageSize"
+              :current-page="searchParam.pageNum"
               @current-change="handleCurrentChange"
               layout="prev, pager, next"
-              :total="1000">
+              :total="tableData.total">
             </el-pagination>
           </div>
         </div>
@@ -87,12 +87,12 @@
           <span>新建相关企业</span>
         </div>
         <div class="types">
-          <div v-for="(item,index) in companytype" :class="{'on':types==item.dictValue}" @click="types=item.dictLabel"><i></i>{{item.dictLabel}}</div>
+          <div v-for="(item,index) in companytype" :class="{'on':types==item.dictValue}" @click="totype(item.dictValue)"><i></i>{{item.dictLabel}}</div>
         </div>
         <div class="popform">
           <div class="popbot" style="padding-right: 0">
-            <div class="btn btn_cancel h32" @click="cancel">返回</div>
-            <div class="btn btn_primary h32" @click="hzhbVisible=true">下一步</div>
+            <div class="btn btn_cancel h32" @click="cancel(0)">返回</div>
+            <div class="btn btn_primary h32" @click="gettype">下一步</div>
           </div>
         </div>
       </el-dialog>
@@ -105,29 +105,23 @@
           <span>新建相关企业-{{types}}</span>
         </div>
         <el-form class="popform i" label-width="85px" :rules="rules" ref="ruleForm" >
-          <el-form-item label="企业名称：" prop="projectName" class="row">
-            <el-input type="text" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item  v-if="types == companytype[0].dictValue" label="对接深度：" class="row">
-            <el-input type="text" placeholder="请输入"></el-input>
+          <el-form-item label="企业名称：" prop="companyName" class="row">
+            <el-input type="text" v-model="queryParam.companyName" placeholder="请输入"></el-input>
           </el-form-item>
-          <el-form-item  v-if="types == companytype[1].dictValue" label="合作阶段：" class="row">
-            <el-input type="text" placeholder="请输入"></el-input>
-          </el-form-item>
-          <el-form-item  v-if="types == companytype[2].dictValue" label="竞争力度：" class="row">
-            <el-input type="text" placeholder="请输入"></el-input>
+          <el-form-item :label="typename" class="row">
+            <el-input type="text" v-model="queryParam.depth" placeholder="请输入"></el-input>
           </el-form-item>
           <el-form-item  label="企业角色：" class="row">
-            <el-select  placeholder="请选择">
+            <el-select  placeholder="请选择" v-model="queryParam.companyRole">
               <el-option v-for="(item,index) in companyrole" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option>
             </el-select>
           </el-form-item>
           <el-form-item label="负责人：" class="row">
-            <el-input type="text" placeholder="请输入"></el-input>
+            <el-input type="text" v-model="queryParam.responsiblePerson" placeholder="请输入"></el-input>
           </el-form-item>
           <div class="popbot">
-            <div class="btn btn_cancel h32" @click="cancel">返回</div>
-            <div class="btn btn_primary h32">添加</div>
+            <div class="btn btn_cancel h32" @click="cancel(1)">返回</div>
+            <div class="btn btn_primary h32" @click="addqy">添加</div>
           </div>
         </el-form>
       </el-dialog>
@@ -169,12 +163,29 @@
             address: '上海市普陀区金沙江路 1516 弄'
           }
         ],
-
+        typelist:['对接深度：','合作阶段：','竞争力度：'],
+        typename:"",
         rules:{
-          projectName:[{ required: true, message: '请输入非空格字符！', trigger: 'blur' },],
+          companyName:[{ required: true, message: '请输入非空格字符！', trigger: 'blur' },],
         },
         companytype:[],
         companyrole:[],
+        queryParam:{
+          businessId:this.$route.query.id,
+          companyId:'',
+          companyName:'',
+          companyRole:'',
+          companyType:'',
+          responsiblePerson:'',
+          depth:'',
+        },
+        searchParam:{
+          pageSize:20,
+          pageNum:1,
+          businessId:this.$route.query.id,
+          companyType:"",
+          companyName:'',
+        },
       }
     },
     created(){
@@ -189,16 +200,59 @@
       })
     },
     methods:{
+      delQY(id){
+
+      },
+      addqy(){
+        addXGQY(this.queryParam).then(res=>{
+          if(res.code == 200){
+            this.$message.success('添加成功！')
+            this.getlist()
+          }else {
+            this.$message.error(res.msg)
+          }
+        })
+      },
+      getlist(){
+        getXGQY(this.searchParam).then(result=>{
+          this.tableData = result.data
+        })
+      },
       //翻页
       handleCurrentChange(val) {
-        console.log(`当前页: ${val}`);
+        this.searchParam.pageNum = val
+        this.getlist()
+      },
+      cancel(type){
+        if(type == 0)
+          this.dialogVisible = false
+        else
+          this.hzhbVisible =  false
       },
-      cancel(){
-        this.dialogVisible = false
+      totype(value){
+        this.types = value
+      },
+      gettype(){
+        this.queryParam.companyType = this.types
+        this.companytype.forEach((item,index)=>{
+          if(item.dictValue == this.types){
+            this.typename = this.typelist[index]
+          }
+        })
+        this.hzhbVisible=true
       },
       //打开新建窗口
       opennew(){
         this.dialogVisible = true
+        this.queryParam={
+          businessId:this.$route.query.id,
+          companyId:'',
+          companyName:'',
+          companyRole:'',
+          companyType:'',
+          responsiblePerson:'',
+          depth:'',
+        }
       },
     }
   }

dsk-operate-ui/src/views/project/projectList/component/xmsl.vue

@@ -26,7 +26,7 @@
                 {{xmjd}}
                 <i class="el-icon-caret-bottom"></i>
               </span>
-              <el-select v-model="xmjd" class="select-multiple" placeholder="请选择" @click="editXMSL({projectStage:xmjd})">
+              <el-select v-model="xmjd" class="select-multiple" placeholder="请选择" @change="editXMSL({projectStage:xmjd})">
                 <el-option v-for="(item,index) in projectStage" :key="index" :label="item.dictLabel" :value="item.dictValue"></el-option>
               </el-select>
             </div>