提交

src/api/contract/index.ts

@@ -26,6 +26,14 @@ export const listBillofquantitiesLimitList = (query: any): AxiosPromise<any> =>
     params: query
   });
 };
+//获取一览数据树
+export const treeList = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/billofquantitiesLimitList/getTree',
+    method: 'get',
+    params: query
+  });
+};
 //修改单价
 export const updatePrice = (query: any): AxiosPromise<any> => {
   return request({

src/views/contract/division/index.vue

@@ -28,7 +28,9 @@
         <pagination v-show="total > 0" :total="total" v-model:page="queryParams.pageNum" v-model:limit="queryParams.pageSize" @pagination="getList" />
       </el-tab-pane>
     </el-tabs>
-    <el-dialog title="新增" v-model="dialogVisible" width="50%" draggable>
+    <el-dialog title="新增" v-model="dialogVisible" width="70%" draggable>
+      <el-row>
+        <el-col :span="11">
           <el-form :model="form" :rules="rules" ref="formRef" label-width="80px">
             <el-form-item label="名称" prop="name">
               <el-input v-model="form.name" placeholder="请输入名称" clearable />
@@ -37,6 +39,48 @@
               <el-input v-model="form.content" placeholder="请输入内容" type="textarea" clearable :rows="4" />
             </el-form-item>
           </el-form>
+        </el-col>
+        <el-col :span="2"></el-col>
+        <el-col :span="11">
+          <div class="Region flex gap-2">
+            <el-tag type="primary">Tag 1</el-tag>
+            <el-tag type="primary">Tag 1</el-tag>
+            <el-tag type="primary">Tag 1</el-tag>
+          </div>
+        </el-col>
+      </el-row>
+      <el-row style="margin-top: 20px">
+        <el-col :span="24">
+          <el-card shadow="never">
+            <el-form :model="treeForm" :inline="true">
+              <el-form-item label="表名" prop="sheet">
+                <el-select v-model="treeForm.sheet" placeholder="选择表名" @change="changeSheet">
+                  <el-option v-for="item in sheets" :key="item" :label="item" :value="item" />
+                </el-select>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="toggleExpandAll(true)">一键展开</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" @click="toggleExpandAll(false)">一键收起</el-button>
+              </el-form-item>
+            </el-form>
+          </el-card>
+          <el-table :data="treeData" v-loading="treeLoading" row-key="id" border lazy default-expand-all @selection-change="handleSelection">
+            <el-table-column type="selection" width="55" />
+            <el-table-column prop="num" label="编号" />
+            <el-table-column prop="name" label="工程或费用名称" />
+            <el-table-column prop="unit" label="单位" />
+            <el-table-column prop="quantity" label="数量" />
+            <el-table-column prop="remark" label="单价" align="center" />
+            <el-table-column prop="price" label="总价" align="center">
+              <template #default="scope">
+                {{ scope.row.price }}
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-col>
+      </el-row>
       <template #footer>
         <el-button @click="closeDialog">取消</el-button>
         <el-button type="primary" @click="submitForm(formRef)">确定</el-button>
@@ -46,14 +90,18 @@
 </template>
 
 <script setup lang="ts">
+import { useUserStoreHook } from '@/store/modules/user';
 import { getDicts } from '@/api/system/dict/data';
 import { Plus } from '@element-plus/icons-vue';
 import { FormInstance } from 'element-plus';
+import { treeList, sheetList } from '@/api/contract/index';
+const userStore = useUserStoreHook();
+const currentProject = computed(() => userStore.selectedProject);
 
 const tabList = ref<any[]>([]);
 const tableData = ref<any[]>([]);
 const queryFormRef = ref();
-
+const formRef = ref();
 const queryParams = ref({
   pageNum: 1,
   pageSize: 10
@@ -99,10 +147,10 @@ const resetQuery = () => {
   queryFormRef.value?.resetFields();
   handleQuery();
 };
-const formRef = ref();
 
 const openDialog = () => {
   dialogVisible.value = true;
+  getSheetName();
 };
 const closeDialog = () => {
   dialogVisible.value = false;
@@ -112,6 +160,82 @@ const closeDialog = () => {
   };
   formRef.value?.resetFields();
 };
+const treeData = ref<any[]>([]);
+const treeForm = ref({
+  sheet: ''
+});
+const sheets = ref<any[]>([]);
+const treeTableRef = ref();
+const isExpandAll = ref(false);
+const treeLoading = ref(false);
+const treeProps = reactive({
+  checkStrictly: false
+});
+//获取表名
+const getSheetName = async () => {
+  try {
+    const params = {
+      projectId: currentProject.value?.id
+      // versions: queryForm.value.versions
+    };
+    const res = await sheetList(params);
+    if (res.code == 200) {
+      sheets.value = res.data;
+      if (res.data.length > 0) {
+        treeForm.value.sheet = res.data[0];
+      } else {
+        treeForm.value.sheet = '';
+        ElMessage({
+          message: '获取表名失败',
+          type: 'warning'
+        });
+      }
+      getTreeList();
+    }
+  } catch (error) {
+    console.log(error);
+    ElMessage({
+      message: '获取表名失败',
+      type: 'warning'
+    });
+  }
+};
+const handleSelection = (selection: any) => {
+  console.log(selection);
+};
+//选择表名
+const changeSheet = () => {
+  getTreeList();
+};
+
+const toggleExpandAll = (isExpand: boolean) => {
+  treeData.value.forEach((row) => {
+    treeTableRef.value.toggleRowExpansion(row, isExpand);
+  });
+  isExpandAll.value = isExpand;
+};
+//打开获取表数据
+const getTreeList = async () => {
+  try {
+    treeLoading.value = true;
+    const params = {
+      projectId: currentProject.value?.id,
+      sheet: treeForm.value.sheet
+    };
+    const res = await treeList(params);
+    if (res.code == 200) {
+      treeData.value = res.data ?? [];
+    }
+  } catch (error) {
+    console.log(error);
+    ElMessage({
+      message: '获取表格失败',
+      type: 'error'
+    });
+  } finally {
+    treeLoading.value = false;
+  }
+};
 
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) return;
@@ -129,4 +253,12 @@ onMounted(() => {
 });
 </script>
 
-<style scoped></style>
+<style scoped lang="scss">
+.Region {
+  width: 100%;
+  height: 100%;
+  border: 1px solid #ccc;
+  border-radius: 10px;
+  padding: 10px;
+}
+</style>

src/views/contract/limitPrice/index.vue

@@ -19,6 +19,13 @@
           <el-form-item>
             <el-button type="primary" @click="toggleExpandAll(false)">一键收起</el-button>
           </el-form-item>
+          <el-form-item>
+            <el-upload ref="uploadRef" class="upload-demo" :http-request="importExcel" :show-file-list="false">
+              <template #trigger>
+                <el-button type="primary">导入excel</el-button>
+              </template>
+            </el-upload>
+          </el-form-item>
         </el-form>
       </el-card>
     </transition>
@@ -210,7 +217,34 @@ const toggleExpandAll = (isExpand: boolean) => {
   });
   isExpandAll.value = isExpand;
 };
-
+//导入
+const importExcel = (options: any): any => {
+  console.log(options);
+  // let formData = new FormData();
+  // formData.append('file', options.file);
+  // state.loading.list = true;
+  // importExcelFile({ workOrderType: state.work_order_type, projectId: currentProject.value?.id }, formData)
+  //   .then((res) => {
+  //     const { code } = res;
+  //     if (code == 200) {
+  //       proxy.$modal.msgSuccess(res.msg || '导入成功');
+  //       // 更新列表
+  //       if (state.work_order_type == 3) {
+  //         getVersionNums(false);
+  //       } else {
+  //         getVersionNums();
+  //       }
+  //     } else {
+  //       proxy.$modal.msgError(res.msg || '导入失败');
+  //     }
+  //   })
+  //   .catch((err) => {
+  //     proxy.$modal.msgError(err.msg || '导入失败');
+  //   })
+  //   .finally(() => {
+  //     state.loading.list = false;
+  //   });
+};
 //监听项目id刷新数据
 const listeningProject = watch(
   () => currentProject.value?.id,