贾宇博 месяцев назад: 2
Родитель
Сommit
5c50aec478
1 измененных файлов с 63 добавлено и 62 удалено
  1. 63 62
      src/views/Shareholders/Information/index.vue

+ 63 - 62
src/views/Shareholders/Information/index.vue

@@ -5,15 +5,15 @@
                 <el-input v-model="queryParams.shareholderName" placeholder="请输入股东名称" clearable
                     @keyup.enter="handleQuery" />
             </el-form-item>
-           
-                <el-form-item label="公司名称" prop="companyName">
-                    <!-- <el-select v-model="queryParams.controlledCompany" placeholder="请选择控制公司" clearable
+
+            <el-form-item label="公司名称" prop="companyName">
+                <!-- <el-select v-model="queryParams.controlledCompany" placeholder="请选择控制公司" clearable
                         style="width: 100%;">
                         <el-option v-for="company in companyList" :key="company.shareholderId"
                             :label="company.shareholderName" :value="company.shareholderId" />
                     </el-select> -->
-                    <el-input v-model="queryParams.companyName" placeholder="请输入公司名称" clearable/>
-                </el-form-item>
+                <el-input v-model="queryParams.companyName" placeholder="请输入公司名称" clearable />
+            </el-form-item>
 
             <el-form-item label="股东类型" prop="shareholderType">
                 <el-select v-model="queryParams.shareholderType" placeholder="请选择股东类型" clearable>
@@ -79,7 +79,7 @@
                         v-hasPermi="['equity:info:edit']">修改</el-button>
                     <el-button link type="primary" icon="Delete" @click="handleDelete(scope.row)"
                         v-hasPermi="['equity:info:remove']">删除</el-button>
-                        <el-button link type="primary" icon="Filter" @click="handWithdrawal(scope.row)"
+                    <el-button link type="primary" icon="Filter" @click="handWithdrawal(scope.row)"
                         v-hasPermi="['equity:info:remove']">退股</el-button>
                 </template>
             </el-table-column>
@@ -126,36 +126,36 @@
                 </div>
             </template>
         </el-dialog>
-<!-- 用户导入 -->
+        <!-- 用户导入 -->
         <el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
-         <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
-            :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
-            :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
-            <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-            <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
-            <template #tip>
-               <div class="el-upload__tip text-center">
-                  <div class="el-upload__tip">
-                     <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
-                  </div>
-                  <span>仅允许导入xls、xlsx格式文件。</span>
-                  <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
-                     @click="importTemplate">下载模板</el-link>
-               </div>
+            <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers"
+                :action="upload.url + '?updateSupport=' + upload.updateSupport" :disabled="upload.isUploading"
+                :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess" :auto-upload="false" drag>
+                <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+                <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
+                <template #tip>
+                    <div class="el-upload__tip text-center">
+                        <div class="el-upload__tip">
+                            <el-checkbox v-model="upload.updateSupport" />是否更新已经存在的用户数据
+                        </div>
+                        <span>仅允许导入xls、xlsx格式文件。</span>
+                        <el-link type="primary" :underline="false" style="font-size:12px;vertical-align: baseline;"
+                            @click="importTemplate">下载模板</el-link>
+                    </div>
+                </template>
+            </el-upload>
+            <template #footer>
+                <div class="dialog-footer">
+                    <el-button type="primary" @click="submitFileForm">确 定</el-button>
+                    <el-button @click="upload.open = false">取 消</el-button>
+                </div>
             </template>
-         </el-upload>
-         <template #footer>
-            <div class="dialog-footer">
-               <el-button type="primary" @click="submitFileForm">确 定</el-button>
-               <el-button @click="upload.open = false">取 消</el-button>
-            </div>
-         </template>
-      </el-dialog>
+        </el-dialog>
     </div>
 </template>
 
 <script setup name="Info">
-import { InfoList, equityInfo, EditInfo, EquityHolderIds, getOnlyCompanyList ,ExportEquityInfo ,getExitShareholderId} from "@/api/InformationWrapper/index"
+import { InfoList, equityInfo, EditInfo, EquityHolderIds, getOnlyCompanyList, ExportEquityInfo, getExitShareholderId } from "@/api/InformationWrapper/index"
 import { getToken } from "@/utils/auth";
 import { onMounted } from "vue";
 const { proxy } = getCurrentInstance();
@@ -178,12 +178,12 @@ const data = reactive({
     queryParams: {
         pageNum: 1,
         pageSize: 10,
-        shareholderName: null,
-        shareholderType: null,
         controlledCompany: null,
         shareholderId: null,
-        companyName: null,
         controlledCompany: null, // 新增字段,控制的公司
+        shareholderName: null, // 股东名称
+        shareholderType: null, // 股东类型
+        companyName: null, // 公司名称
     },
     rules: {
     }
@@ -193,18 +193,18 @@ const { queryParams, form, rules } = toRefs(data);
 
 /*** 导入参数 */
 const upload = reactive({
-   // 是否显示弹出层(用户导入)
-   open: false,
-   // 弹出层标题(用户导入)
-   title: "",
-   // 是否禁用上传
-   isUploading: false,
-   // 是否更新已经存在的用户数据
-   updateSupport: 0,
-   // 设置上传的请求头部
-   headers: { Authorization: "Bearer " + getToken() },
-   // 上传的地址
-   url: import.meta.env.VITE_APP_BASE_API + "/equity/info/importEquityInfo"
+    // 是否显示弹出层(用户导入)
+    open: false,
+    // 弹出层标题(用户导入)
+    title: "",
+    // 是否禁用上传
+    isUploading: false,
+    // 是否更新已经存在的用户数据
+    updateSupport: 0,
+    // 设置上传的请求头部
+    headers: { Authorization: "Bearer " + getToken() },
+    // 上传的地址
+    url: import.meta.env.VITE_APP_BASE_API + "/equity/info/importEquityInfo"
 });
 const RefCheckList = {
     shareholderName: [{ required: true, trigger: "blur", message: "请输入股东名称" }],
@@ -337,41 +337,42 @@ function handleExport() {
     }, `info_${new Date().getTime()}.xlsx`)
 }
 
+
 /**导入 */
 function handleImport() {
-   upload.title = "用户导入";
-   upload.open = true;
+    upload.title = "用户导入";
+    upload.open = true;
 };
 /** 下载模板操作 */
 function importTemplate() {
-   proxy.download("equity/info/importEquityInfo", {
-   }, `user_template_${new Date().getTime()}.xlsx`);
+    proxy.download("equity/info/importEquityInfo", {
+    }, `user_template_${new Date().getTime()}.xlsx`);
 };
 /**文件上传中处理 */
 const handleFileUploadProgress = (event, file, fileList) => {
-   upload.isUploading = true;
+    upload.isUploading = true;
 };
 /** 文件上传成功处理 */
 const handleFileSuccess = (response, file, fileList) => {
-   upload.open = false;
-   upload.isUploading = false;
-   proxy.$refs["uploadRef"].handleRemove(file);
-   proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
-   getList();
+    upload.open = false;
+    upload.isUploading = false;
+    proxy.$refs["uploadRef"].handleRemove(file);
+    proxy.$alert("<div style='overflow: auto;overflow-x: hidden;max-height: 70vh;padding: 10px 20px 0;'>" + response.msg + "</div>", "导入结果", { dangerouslyUseHTMLString: true });
+    getList();
 };
 /** 提交上传文件 */
 function submitFileForm() {
-   proxy.$refs["uploadRef"].submit();
+    proxy.$refs["uploadRef"].submit();
 };
 
 /**股东退股 */
-function handWithdrawal(row){   
+function handWithdrawal(row) {
     getExitShareholderId(row.shareholderId).then(res => {
-    if (res.code === 200) {
-        proxy.$modal.msgSuccess("退股成功");
-        getList();
-    }
-});
+        if (res.code === 200) {
+            proxy.$modal.msgSuccess("退股成功");
+            getList();
+        }
+    });
 }
 onMounted(() => {
     getList();