标准/译文申请 申请单位改为组织机构

src/pages/regulatoryRepository/standardTranslationAcquisitionRequest/index.vue

@@ -20,20 +20,14 @@
           </el-select>
         </el-form-item>
         <el-form-item class="el-form-item search-item" label="申请单位">
-          <el-select
+          <el-input
-            v-model="StandardApplyForEOPage.applyForUnitIds"
+            v-model="applyForUnitName"
-            :placeholder="'请选择申请单位'"
+            :config="zrbmOptions"
             clearable
-          >
+            placeholder="请选择申请单位"
-            <el-option
+            readonly
-              v-for="opt in applicantUnitList"
+            @click.native="choiceZRBM('dep', '选择责任部门', StandardApplyForEOPage.applyForUnitIds)"
-              :key="opt.value"
+          />
-              :value="opt.value === undefined ? '' :opt.value"
-              :label="opt.label"
-            >
-              {{ opt.label }}
-            </el-option>
-          </el-select>
         </el-form-item>
         <el-form-item class="el-form-item search-item" label="申请人">
           <el-input v-model="applyForUserName" placeholder="选择请选择申请人" @click.native="choiceWSSMR('wssmr', '请选择申请人', StandardApplyForEOPage.applyForUserIds)" />
@@ -66,22 +60,22 @@
     <div class="table-container">
       <div class="operate-options">
         <div>
-          <el-button v-btn-permission="'34ea84f51eb01a166b7acfe4f7b02c8d'"  size="mini" type="danger" @click="batchOverrule(selectedList)">批量驳回</el-button>
+          <el-button v-btn-permission="'34ea84f51eb01a166b7acfe4f7b02c8d'" size="mini" type="danger" @click="batchOverrule(selectedList)">批量驳回</el-button>
-          <el-button v-btn-permission="'a8218ff15358a5265e5571e49acf1f4e'"  size="mini" type="primary" @click="batchPass(selectedList)">批量通过</el-button>
+          <el-button v-btn-permission="'a8218ff15358a5265e5571e49acf1f4e'" size="mini" type="primary" @click="batchPass(selectedList)">批量通过</el-button>
-          <el-button v-btn-permission="'b899c22e27baa561b8c2ecb0f35d7302'"  size="mini" @click="exportList">列表导出</el-button>
+          <el-button v-btn-permission="'b899c22e27baa561b8c2ecb0f35d7302'" size="mini" @click="exportList">列表导出</el-button>
         </div>
         <div>
-          <el-button v-btn-permission="'33809866b2fda3f52058299b5e2584c3'"   size="mini" type="primary" @click="standardsAndTranslationRequestShowModal">标准/译文获取申请</el-button>
+          <el-button v-btn-permission="'33809866b2fda3f52058299b5e2584c3'" size="mini" type="primary" @click="standardsAndTranslationRequestShowModal">标准/译文获取申请</el-button>
         </div>
       </div>
       <el-table
         ref="selections"
+        v-loading="tableLoading"
         tooltip-effect="dark"
         style="width: 100%; flex: auto;"
         class="drag-table"
         row-key="id"
         border
-        v-loading="tableLoading"
         :data="StandardApplyForEO"
         :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px', fontWeight: 'bold', height: '48px'}"
         @selection-change="handleSelectionChange"
@@ -148,12 +142,36 @@
         />
         <el-table-column label="操作" align="center" width="200" fixed="right">
           <template slot-scope="scope">
-            <div  class="table-operate-btn" @click="toView(scope.row)">查看</div>
+            <div class="table-operate-btn" @click="toView(scope.row)">查看</div>
-            <div v-btn-permission="'3bc041e58bcb4b0510bcc1aad0b9ce89'" v-show="scope.row.buttonFlag ==='Audit'" class="table-operate-btn" @click="batchPass([scope.row.id])">通过</div>
+            <div v-show="scope.row.buttonFlag ==='Audit'" v-btn-permission="'3bc041e58bcb4b0510bcc1aad0b9ce89'" class="table-operate-btn" @click="batchPass([scope.row.id])">通过</div>
-            <div v-btn-permission="'92adace8c9a703b3b2472f684808db98'" v-show="scope.row.buttonFlag ==='Audit'" class="table-operate-btn" @click="batchOverrule([scope.row.id])">驳回</div>
+            <div v-show="scope.row.buttonFlag ==='Audit'" v-btn-permission="'92adace8c9a703b3b2472f684808db98'" class="table-operate-btn" @click="batchOverrule([scope.row.id])">驳回</div>
-            <div v-btn-permission="'08d4e36d7580c108f3a4ee8a66bbe04e'" v-if="account === scope.row.createBy" v-show="scope.row.status ==='pendingApproval'" class="table-operate-btn" @click="ResubmitOrWithdraw (scope.row.id,'draft')">撤回</div>
+            <div
-            <div v-btn-permission="'a2a193e87244b42fb2f989a1a9b40330'" v-if="account === scope.row.createBy" v-show="scope.row.status === 'refuse' || scope.row.status === 'draft'" class="table-operate-btn" @click="edit(scope.row)">编辑</div>
+              v-if="account === scope.row.createBy"
-            <div v-btn-permission="'c3944c3c309ba5bc5d11b6b5a2773454'" v-if="account === scope.row.createBy" v-show="scope.row.status === 'refuse' || scope.row.status === 'draft'" class="table-operate-btn" @click="ResubmitOrWithdraw (scope.row.id,'pendingApproval')">重新提交</div>
+              v-show="scope.row.status ==='pendingApproval'"
+              v-btn-permission="'08d4e36d7580c108f3a4ee8a66bbe04e'"
+              class="table-operate-btn"
+              @click="ResubmitOrWithdraw (scope.row.id,'draft')"
+            >
+              撤回
+            </div>
+            <div
+              v-if="account === scope.row.createBy"
+              v-show="scope.row.status === 'refuse' || scope.row.status === 'draft'"
+              v-btn-permission="'a2a193e87244b42fb2f989a1a9b40330'"
+              class="table-operate-btn"
+              @click="edit(scope.row)"
+            >
+              编辑
+            </div>
+            <div
+              v-if="account === scope.row.createBy"
+              v-show="scope.row.status === 'refuse' || scope.row.status === 'draft'"
+              v-btn-permission="'c3944c3c309ba5bc5d11b6b5a2773454'"
+              class="table-operate-btn"
+              @click="ResubmitOrWithdraw (scope.row.id,'pendingApproval')"
+            >
+              重新提交
+            </div>
           </template>
         </el-table-column>
       </el-table>
@@ -167,7 +185,7 @@
     </div>
     <standardsAndTranslationModal ref="standardsAndTranslationModalRef" @updateIndexList="getList" />
     <detailModal ref="detailModalRef" />
-    <addModal ref="addModalRef" @updateList="getList"></addModal>
+    <addModal ref="addModalRef" @updateList="getList" />
     <exportDialog ref="exportDialogRef" @exportData="exportName" />
     <Role-tree
       :is-title="drawerTitle"
@@ -175,6 +193,13 @@
       :nodeList="nodeList"
       @checkedRole="checkedRole"
     />
+    <Mechanism-tree
+      :checkBox="true"
+      :is-title="choiceTitle"
+      :is-visible.sync="modalShowDepFlag"
+      :nodeList="nodeListDep"
+      @checkedRole="drawerCheckDep"
+    />
   </div>
 </template>
 
@@ -195,6 +220,13 @@ export default {
   },
   data () {
     return {
+      applyForUnitName: '',
+      modalShowDepFlag: false,
+      choiceTitle: '', // 人员选择
+      zrbmOptions: {
+        attrName: '责任部门',
+        options: []
+      },
       tableLoading: false,
       selectedTag: true,
       total: 0,
@@ -234,7 +266,8 @@ export default {
       userType: '',
       drawerTitle: '',
       modalShowRoleFlag: false,
-      account: ''
+      account: '',
+      nodeListDep: []
     }
   },
   mounted () {
@@ -247,6 +280,28 @@ export default {
     this.getDicTypeListCode()
   },
   methods: {
+    drawerCheckDep (data) {
+      let idList = ''
+      let nameList = ''
+      data.forEach(item => {
+        if (nameList.length > 0) {
+          nameList += ','
+          idList += ','
+        }
+        idList += item.id
+        nameList += item.name
+      })
+      this.StandardApplyForEOPage.applyForUnitIds = idList;
+      this.applyForUnitName = nameList;
+    },
+    choiceZRBM (type, title, id = '') {
+      this.nodeListDep = []
+      if (id) {
+        this.$set(this, 'nodeListDep', id.split(','))
+      }
+      this.choiceTitle = title
+      this.modalShowDepFlag = true
+    },
     ResubmitOrWithdraw (id, status) {
       const query = {
         status: status ? status : '',
@@ -307,6 +362,7 @@ export default {
       this.getList()
     },
     clearSerach () {
+      this.applyForUnitName = ''
       this.applyForUserName = ''
       this.StandardApplyForEOPage = {
         page: 1,