入会流程调整

2021-12-21 17:03:15 +08:00
parent 4757f1f0c2
commit f9a945f5ef
4 changed files with 306 additions and 18 deletions
@@ -197,7 +197,8 @@
                  align="center"
                  label="联络人">
                  <template slot-scope="scope">
-                    <el-input v-model="scope.row.tel_name" placeholder="请填写联络人"/>
+                    <el-input v-model="scope.row.tel_nameId" style="display: none" placeholder="请填写联络人"/>
+                    <el-input v-model="scope.row.tel_name" readonly @click.native="choiceTel('tel_nameId', '选择联络人', scope.row)"  placeholder="请填写联络人"/>
                  </template>
                </el-table-column>
                <el-table-column
@@ -407,6 +408,13 @@
      :nodeList="nodeList"
      @checkedRole="drawerCheck"
    />
+    <Role-tree
+      check-box
+      is-title="选择联络人"
+      :is-visible.sync="telShowflag"
+      :nodeList="nodeListTel"
+      @checkedRole="drawerCheckTel"
+    />
  </div>
 </template>

@@ -517,8 +525,10 @@ export default {
      },
      roleShowflag: false,
      roleShowflagOne: false,
+      telShowflag: false,
      nodeList: [],
      nodeListOne: [],
+      nodeListTel: [],
      isSubmit: false,
      saveLoading: false,

@@ -724,6 +734,21 @@ export default {
      this.deleteDataList = val
    },

+    // 列表选人
+    choiceTel(type, title, val,id) {
+      this.choiceTelList = val
+      this.nodeListTel = []
+      this.nodeListTel.push(id)
+      this.type = type
+      this.telShowflag = true
+    },
+    drawerCheckTel(data) {
+      if(data.length > 0) {
+        this.choiceTelList.tel_nameId = data[0].id
+        this.choiceTelList.tel_name = data[0].name
+      }
+      this.telShowflag = false
+    },
    // 流程阶段负责人选择
    choiceZRR(type, title, id) {
      this.nodeList = []
@@ -774,7 +799,7 @@ export default {
      } else if (this.type === 'engineerUser') {
        this.roleForm.engineerUser = data[0].name
        this.roleForm.engineerUserId = data[0].id
-      } else {
+      }else {
        this.roleForm.directorUserName = data[0].name
        this.roleForm.directorUserId = data[0].id
      }
@@ -112,10 +112,11 @@
              <template slot="title">选择人员</template>
            </ProcessTitle>
            <el-form-item class="add-form-item" label="入会人员:">
+              <el-input v-model="rh_pageData.comityOpRoleId" style="display: none;"></el-input>
              <el-input
                placeholder="请选择入会成员"
                style="width: 50%"
-                @click.native="choiceRole"
+                @click.native="choiceRole('','请选择入会成员',rh_pageData.comityOpRoleId,)"
                v-model="rh_pageData.comityOpRole"
              />
            </el-form-item>
@@ -380,7 +381,7 @@ export default {
    },

    /** 选择入会人员 */
-    choiceRole(id) {
+    choiceRole(type,title,id) {
      this.nodeList = []
      this.nodeList.push(id)
      this.roleShowflag = true
@@ -431,7 +431,7 @@ export default {
        this.rh_pageData.fillDept = this.$store.getters.userInfo.institutionName
        this.rh_pageData.fillUnit = this.$store.getters.userInfo.upDeptName
        this.rh_pageData.fillTel = this.$store.getters.userInfo.phone
-        this.rh_pageData.fillPeople = this.$store.getters.userInfo.userName
+        this.rh_pageData.fillPeople = this.$store.getters.userInfo.userName + '(' + this.$store.getters.userInfo.userId + ')'
        if (this.rh_pageData.fillFile !== undefined) {
          this.fillFileList = this.rh_pageData.fillFile
        }
@@ -138,11 +138,16 @@
            </el-form-item>
            <el-form-item class="add-form-item" label="我司参与人员:" style="margin-top: 10px">
              <div class="myPart_btn">
+                <el-button
+                  type="primary"
+                  size="small"
+                  @click="add_partForm">
+                  新增
+                </el-button>
                <el-button
                  type="danger"
                  size="small"
-                  icon="el-icon-delete"
-                  @click="del_paryForm">
+                  @click="del_partForm">
                  批量删除
                </el-button>
              </div>
@@ -156,18 +161,53 @@
                :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
              fontWeight: 'bold', height: '20px'}">
                <el-table-column type="selection" width="55"/>
-                <el-table-column prop="fillPeople" align="center" label="参与人"/>
-                <el-table-column prop="fillUnit" align="center" label="单位"/>
-                <el-table-column prop="fillDept" align="center" label="部门"/>
-                <el-table-column prop="fillPost" align="center" label="身份"/>
-                <el-table-column prop="fillTel" align="center" label="电话"/>
-                <el-table-column prop="fillMail" align="center" label="邮箱"/>
-                <el-table-column prop="fillFile" align="center" label="资料">
+                <el-table-column prop="fillPeople" align="center" label="参与人">
                  <template slot-scope="scope">
-                    <span v-if="scope.row.fillFile.length === 0">{{ '-' }}</span>
+                    {{ scope.row.fillPeople || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column prop="fillUnit" align="center" label="单位">
+                  <template slot-scope="scope">
+                    {{ scope.row.fillUnit || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column prop="fillDept" align="center" label="部门">
+                  <template slot-scope="scope">
+                    {{ scope.row.fillDept || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column prop="fillPost" align="center" label="身份">
+                  <template slot-scope="scope">
+                    {{ scope.row.fillPost || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column prop="fillTel" align="center" label="电话">
+                  <template slot-scope="scope">
+                    {{ scope.row.fillTel || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column prop="fillMail" align="center" label="邮箱">
+                  <template slot-scope="scope">
+                    {{ scope.row.fillMail || '' }}
+                  </template>
+                </el-table-column>
+                <el-table-column prop="fillFile" width="120" align="center" label="资料">
+                  <template slot-scope="scope">
+                    <el-button v-if="scope.row.fillFile.length === 0" type="primary" plain size="mini" @click="fillFile_up(scope.row)">点击上传</el-button>
+                    <el-button v-else size="mini" plain type="primary" @click="fillFile_up(scope.row)">查看附件</el-button>
+<!--                    <span v-if="scope.row.fillFile.length === 0">{{ '-' }}</span>
                    <span v-for="item in scope.row.fillFile" :key="item.id" style="color: #409EFF;" @click="previews(item.id)">
                    {{ item.name }} {{ ';' }}
-                   </span>
+                   </span>-->
+                  </template>
+                </el-table-column>
+                <el-table-column
+                  fixed="right"
+                  label="操作"
+                  align="center"
+                  width="100">
+                  <template slot-scope="scope">
+                    <el-button type="primary" plain size="mini" @click="edit_partForm(scope.row)">编辑</el-button>
                  </template>
                </el-table-column>
              </el-table>
@@ -256,6 +296,88 @@
        <loading :loading="loading">流程列表加载中</loading>
      </div>
    </div>
+    <el-drawer
+      title="编辑人员信息"
+      :visible.sync="editFlag"
+      size="500px"
+    >
+      <div class="content_form">
+        <el-form class="label-input-form" ref="editForm" :model="editForm" label-width="80px">
+        <el-form-item class="add-form-item" label="参与人员:">
+          <el-input v-model="editForm.fillPeopleId" style="display: none;"></el-input>
+          <el-input
+            placeholder="请选择参与人员"
+            style="width: 50%"
+            @click.native="choiceRole('fillPeopleId','请选择入会成员',editForm.fillPeopleId,)"
+            v-model="editForm.fillPeople"
+          />
+        </el-form-item>
+        <el-form-item class="add-form-item" label="单位:">
+          <el-input v-model="editForm.fillUnit" placeholder=""></el-input>
+        </el-form-item>
+        <el-form-item class="add-form-item" label="部门:">
+          <el-input v-model="editForm.fillDept" placeholder=""></el-input>
+        </el-form-item>
+        <el-form-item class="add-form-item" label="身份:">
+          <el-input v-model="editForm.fillPost" placeholder=""></el-input>
+        </el-form-item>
+        <el-form-item class="add-form-item" label="电话:">
+          <el-input v-model="editForm.fillTel" placeholder=""></el-input>
+        </el-form-item>
+        <el-form-item class="add-form-item" label="邮箱:">
+          <el-input v-model="editForm.fillMail" placeholder=""></el-input>
+        </el-form-item>
+        <el-form-item class="add-form-item" label="资料:">
+          <el-upload
+            :disabled="acceptShow"
+            multiple
+            ref="uploadFile"
+            :action="actionPath"
+            name="file"
+            :file-list="reData"
+            accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx, .pdf, .PDF"
+            :before-upload="handleBeforeUpload"
+            :before-remove="handleBeforeRemove"
+            :on-success="handleOnsuccess"
+          >
+            <el-button type="primary" size="small">
+              上传文件
+            </el-button>
+          </el-upload>
+        </el-form-item>
+      </el-form>
+      </div>
+      <div class="demo-drawer-footer">
+        <el-button size="mini" @click="falseDrawer">取消</el-button>
+        <el-button type="primary" size="mini" @click="OkDrawer">确认</el-button>
+      </div>
+    </el-drawer>
+
+    <!--  标准号table上传弹框  -->
+    <el-dialog
+      :visible.sync="upDialog"
+      width='400px'
+      :before-close="handleClose">
+      <el-upload
+        :disabled="acceptShow"
+        multiple
+        class="upload-demo"
+        ref="uploadFile"
+        :action="actionPath"
+        name="file"
+        drag
+        :file-list="reData"
+        accept=".ZIP, .zip, .docx, .DOCX, .xls, .xlsx, .pdf, .PDF"
+        :before-upload="handleBeforeUpload"
+        :before-remove="handleBeforeRemove"
+        :on-success="handleOnsuccess"
+      >
+        <div style="padding: 20px 0">
+          <i class="el-icon-upload" style="color: #3399ff"></i>
+          <p>点击或拖拽上传文件</p>
+        </div>
+      </el-upload>
+    </el-dialog>
    <ProcessFooter
      show-submit
      show-save
@@ -265,6 +387,13 @@
      @submit="handleSubmit"
    >
    </ProcessFooter>
+    <Role-tree
+      check-box
+      is-title="选择入会人员"
+      :is-visible.sync="roleShowflag"
+      :nodeList="nodeList"
+      @checkedRole="drawerCheck"
+    />
  </div>
 </template>

@@ -333,7 +462,25 @@ export default {
      deleteDataList: [],

      infoSourcesLength: '',
-      commentText: ''
+      commentText: '',
+
+      editFlag: false,
+      editForm: {
+        fillPeople: '',
+        fillUnit: '',
+        fillDept: '',
+        fillPost: '',
+        fillTel: '',
+        fillMail: '',
+      },
+
+      // 上传文件储存
+      reData: [],
+      upDialog: false,
+      actionPath: 'api/att/attFile/upload',
+      acceptShow: false,
+      roleShowflag: false,
+      nodeList: [],
    }
  },
  computed: {
@@ -382,8 +529,123 @@ export default {
        // this.rh_pageData.comityFileNum = this.fileTextList
      })
    },
+    /** 我司参与人员新增 */
+    add_partForm() {
+      var list = {
+        fillPeople: this.fillPeople,
+        fillUnit: this.fillUnit,
+        fillDept: this.fillDept,
+        fillPost: this.fillPost,
+        fillTel: this.fillTel,
+        fillMail: this.fillMail,
+        fillFile: this.fillFile = []
+      }
+      this.rh_pageData.myPartRole.push(list)
+    },
+
+    fillFile_up(row) {
+      this.fileListData = row
+      this.reData = this.fileListData.fillFile
+      this.upDialog = true
+    },
+    // 文件上传成功
+    handleOnsuccess(res, file, fileList) {
+      if (res.ok) {
+        if (this.reData !== undefined) {
+          this.newDataList = this.reData
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.name
+          })
+        } else {
+          this.newDataList.push({
+            id: res.data.attId,
+            name: res.data.name
+          })
+        }
+
+        this.fileListData.fillFile = this.newDataList
+        this.$message({
+          showClose: true,
+          message: res.message,
+          type: 'success'
+        })
+        this.newDataList = []
+        this.fileMadel = false
+      }
+    },
+    // 文件上传限制条件
+    handleBeforeUpload(file) {
+      var filename = file.name
+      var index1 = filename.lastIndexOf('.')
+      var index2 = filename.length
+      var fileSuffix = filename.substring(index1, index2)
+      // const fileSuffix = file.name.split('.')[1] // 后缀名
+      // 判断上传文件格式
+      if (fileSuffix === '.ZIP' || fileSuffix === '.docx' || fileSuffix === '.DOCX' || fileSuffix === '.zip' || fileSuffix === '.xls' || fileSuffix === '.xlsx' || fileSuffix === '.pdf' || fileSuffix === '.PDF') {
+        return true
+      } else {
+        this.spinShow = false
+        this.$message.error('文件' + file.name + '格式不正确，请上传ZIP/DOCX/PDF或XLS文件')
+        return false
+      }
+      // 判断文件上传大小
+      // eslint-disable-next-line no-unreachable
+      if (file.size / 1024 / 1024 <= 200) {
+        return true
+      } else {
+        this.$message.error('文件' + file.name + '大小不超过200M')
+        return false
+      }
+      return true
+    },
+    // 移除上传的文件
+    handleBeforeRemove(file, fileList) {
+      this.reData.forEach((item, index) => {
+        if (item.name === file.name || item.id === file.id) {
+          this.reData.splice(index, 1)
+        }
+      })
+      this.fileListData.fillFile = this.reData
+    },
+
+    handleClose() {
+      this.upDialog = false
+    },
+    // 编辑按钮
+    edit_partForm(row) {
+      // 用来储存取消时原来的数据，防止取消时修改
+      localStorage.setItem('obj', JSON.stringify(row))
+      this.fileListData = row
+      this.reData = this.fileListData.fillFile
+      this.editForm = row
+      this.editFlag = true
+    },
+    // 编辑框确认按钮
+    OkDrawer() {
+      this.editFlag = false
+    },
+    falseDrawer() {
+      let item = JSON.parse(localStorage.getItem('obj'))
+      this.editForm = item
+      this.editFlag = false
+    },
+    // 编辑框选人
+    choiceRole(type, title,id) {
+      this.nodeList = []
+      this.nodeList.push(id)
+      this.type = type
+      this.roleShowflag = true
+    },
+    drawerCheck(data) {
+      if(data.length > 0) {
+        this.fileListData.fillPeopleId = data[0].id
+        this.fileListData.fillPeople = data[0].name
+      }
+      this.roleShowflag = false
+    },
    /** 批量删除 */
-    del_paryForm() {
+    del_partForm() {
      if (this.deleteDataList.length < 1) {
        this.$message.warning("请选择一条数据进行删除");
      } else {