居民信息按钮顺序调整

3 years ago · 01ab5631bf
1 changed files with 69 additions and 71 deletions
--- a/src/views/modules/base/resi.vue
+++ b/src/views/modules/base/resi.vue
@ -7,10 +7,12 @@
                 @search="handleSearch" />
    <el-card class="resi-card-table">
      <div class="resi-row-btn">
-        <el-button
-                   size="small"
+        <el-button size="small"
                   class="diy-button--add"
                   @click="handleAdd">新增</el-button>
+        <el-button class="diy-button--export"
+                   size="small"
+                   @click="handleExportModule('room')">下载人口模板</el-button>
        <el-upload ref="upload"
                   class="upload-demo"
                   action="uploadUlr"
@ -22,25 +24,20 @@
                   :on-success="handleExcelSuccess"
                   :before-upload="beforeExcelUpload"
                   :http-request="uploadHttpRequest">
-          <el-button 
-                     size="small"
+          <el-button size="small"
                     class="diy-button--delete"
                     :loading="importLoading">{{importBtnTitle}}</el-button>
        </el-upload>
-        <el-button 
-                   size="small"
+
+        <el-button size="small"
                   class="diy-button--reset"
                   :loading="exportBtn"
                   @click="handleExport">{{exportBtnTitle}}</el-button>
        <!-- <el-button type="primary" size="small">下载人口模板</el-button> -->
-        <el-button
-                   class="diy-button--export"
-                   size="small"
-                   @click="handleExportModule('room')">下载人口模板</el-button>
-        

      </div>
-      <el-table ref="ref_table" :data="tableData"
+      <el-table ref="ref_table"
+                :data="tableData"
                v-loading="tableLoading"
                border
                style="width: 100%"
@ -49,8 +46,8 @@
                @select-all="selectAll"
                @selection-change="selectionChange">
        <el-table-column type="selection"
-                          fixed="left"
-                          :selectable="checkSelect"
+                         fixed="left"
+                         :selectable="checkSelect"
                         width="55" />
        <el-table-column label="序号"
                         type="index"
@ -67,7 +64,9 @@
                         :show-overflow-tooltip="true"
                         :width="item.itemType === 'radio' ? computedWidth(item.label) : 180">
          <template slot-scope="scope">
-            <a v-if="item.columnName == 'NAME'" class="name-a" @click="handleLook(scope.row)">
+            <a v-if="item.columnName == 'NAME'"
+               class="name-a"
+               @click="handleLook(scope.row)">
              {{ handleFilterSpan(scope.row, item) }}
            </a>
            <span v-else>{{ handleFilterSpan(scope.row, item) }}</span>
@ -85,13 +84,11 @@
            <el-button @click="handleTransfer(scope.row)"
                       type="text"
                       size="small"
-                       class="div-table-button--detail"
-                       >调动</el-button>
+                       class="div-table-button--detail">调动</el-button>
            <el-button @click="handleChangeRecord(scope.row)"
                       type="text"
                       size="small"
-                       class="div-table-button--detail"
-                       >变更记录</el-button>
+                       class="div-table-button--detail">变更记录</el-button>
            <template v-if="filterEdit(scope.row.ORG_ID)">
              <el-button @click="handleEdit(scope.row)"
                         type="text"
@ -111,25 +108,26 @@
      <div class="div-flex">
        <div class="div_del">
          <el-checkbox :indeterminate="isIndeterminate"
-                      v-model="selAllFlag"
-                      :disabled="selAllFlagDisabled"
-                      @change="handleSelectAll">全选</el-checkbox>
-          <el-button v-if="selection.length > 0" style="margin-left:15px"
-                    type="danger"
-                    size="small"
-                    @click="deleteBatch">删除</el-button>
+                       v-model="selAllFlag"
+                       :disabled="selAllFlagDisabled"
+                       @change="handleSelectAll">全选</el-checkbox>
+          <el-button v-if="selection.length > 0"
+                     style="margin-left:15px"
+                     type="danger"
+                     size="small"
+                     @click="deleteBatch">删除</el-button>
        </div>
        <div>
          <el-pagination @size-change="handleSizeChange"
-                        @current-change="handleCurrentChange"
-                        :current-page.sync="currentPage"
-                        :page-sizes="[20, 50, 100, 200]"
-                        :page-size="pageSize"
-                        layout="sizes, prev, pager, next, total"
-                        :total="total">
+                         @current-change="handleCurrentChange"
+                         :current-page.sync="currentPage"
+                         :page-sizes="[20, 50, 100, 200]"
+                         :page-size="pageSize"
+                         layout="sizes, prev, pager, next, total"
+                         :total="total">
          </el-pagination>
        </div>
-        
+
      </div>
    </el-card>

@ -143,31 +141,31 @@
               :before-close="handlerCancle">
      <div class="dialog-h-content scroll-h">
        <resi-form v-if="dialogVisible"
-                 ref="baseForm"
-                 :fixed="true"
-                 :form-list="formList"
-                 @changegroup="handleChangeGroup" />
+                   ref="baseForm"
+                   :fixed="true"
+                   :form-list="formList"
+                   @changegroup="handleChangeGroup" />
        <div v-if="dialogVisible"
-            class="resi-other">
+             class="resi-other">
          <div class="resi-other-title">其他</div>
          <div class="tabs-other-info">
            <el-tabs v-model="activeName"
-                    @tab-click="handleClick">
+                     @tab-click="handleClick">
              <el-tab-pane v-for="item in tabsList"
-                          :key="item.columnName"
-                          :label="item.label"
-                          :name="'group' + item.groupId">
+                           :key="item.columnName"
+                           :label="item.label"
+                           :name="'group' + item.groupId">
                <resi-form :ref="'group' + item.groupId"
-                          :columns="3"
-                          :support-add="item.supportAdd"
-                          :form-id="item.columnName"
-                          :form-list="item.itemList" />
+                           :columns="3"
+                           :support-add="item.supportAdd"
+                           :form-id="item.columnName"
+                           :form-list="item.itemList" />
              </el-tab-pane>
            </el-tabs>
          </div>
        </div>
      </div>
-      
+
      <div class="resi-btns">
        <el-button size="small"
                   @click="handlerCancle">取消</el-button>
@ -188,32 +186,32 @@
               :before-close="handlerEditCancle">
      <div class="dialog-h-content scroll-h">
        <edit-resi v-if="dialogEditVisible"
-                 ref="baseForm"
-                 :disabled="disabled"
-                 :form-info="editForm"
-                 :fixed="true"
-                 :form-list="formList"
-                 :agency-id="editAgencyId"
-                 @changegroup="handleChangeGroup" />
+                   ref="baseForm"
+                   :disabled="disabled"
+                   :form-info="editForm"
+                   :fixed="true"
+                   :form-list="formList"
+                   :agency-id="editAgencyId"
+                   @changegroup="handleChangeGroup" />
        <div v-if="dialogEditVisible"
-            class="resi-other">
+             class="resi-other">
          <div class="resi-other-title">其他</div>
          <div class="tabs-other-info">
            <el-tabs v-model="activeName"
-                    @tab-click="handleClick">
+                     @tab-click="handleClick">
              <el-tab-pane v-for="item in tabsList"
-                          :key="item.columnName"
-                          :label="item.label"
-                          :name="'group' + item.groupId">
+                           :key="item.columnName"
+                           :label="item.label"
+                           :name="'group' + item.groupId">
                <edit-resi :ref="'group' + item.groupId"
-                          :columns="3"
-                          :support-add="item.supportAdd"
-                          :form-id="item.columnName"
-                          :muti-list="item.mutiList"
-                          :form-list="item.itemList"
-                          :disabled="disabled"
-                          :label-width="'140px'"
-                          :agency-id="editAgencyId" />
+                           :columns="3"
+                           :support-add="item.supportAdd"
+                           :form-id="item.columnName"
+                           :muti-list="item.mutiList"
+                           :form-list="item.itemList"
+                           :disabled="disabled"
+                           :label-width="'140px'"
+                           :agency-id="editAgencyId" />
              </el-tab-pane>
            </el-tabs>
          </div>
@ -354,13 +352,13 @@ export default {
    console.log('resiSearch', this.$refs.resiSearch.$el.offsetHeight)
    this.tableHeight = document.documentElement.clientHeight - this.$refs.resiSearch.$el.offsetHeight - 280 + 'px'
  },
-  mounted() {
-    
+  mounted () {
+
    console.log('document.documentElement.clientWidth', document.documentElement.clientHeight)
  },
  methods: {
    checkSelect (row, index) {
-      
+
      return row.isChecked
    },
    //调动
@ -486,7 +484,7 @@ export default {
    },
    async handleExportModule () {
      let url = "/epmetuser/icresiuser/import/download-template"
-      
+

      let params = {}
      await this.$http