合并

src/api/tender/index.ts

@@ -44,7 +44,6 @@ export const importExcelFile = (query: any, data: any): AxiosPromise<any> => {
 };
 
 //招标计划列表
-
 export const tenderPlanList = (query: any): AxiosPromise<any> => {
   return request({
     url: '/tender/biddingPlan/list',
@@ -91,3 +90,26 @@ export const getTenderPlanDetail = (query: any): AxiosPromise<any> => {
     params: query
   });
 };
+//查看招标文件
+export const biddViewLook = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/biddingPlan/getAnnex',
+    method: 'get',
+    params: query
+  });
+};
+//删除招标文件
+export const delBiddView = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/tender/biddingPlanAnnex/' + query.ids,
+    method: 'delete'
+  });
+};
+//获取招标单位
+export const getUnitList = (query: any): AxiosPromise<any> => {
+  return request({
+    url: '/supplierInput/supplierInput/getList',
+    method: 'get',
+    params: query
+  });
+};

src/views/contract/division/index.vue

@@ -36,7 +36,7 @@
                 >详情</el-button
               >
               <el-button type="primary" size="small" @click="handleSave(scope.row)" v-hasPermi="['tender:segmentedIndicatorPlanning:edit']"
-                >修改</el-button
+                >确定</el-button
               >
               <el-button type="danger" size="small" @click="delHandle(scope.row)" v-hasPermi="['tender:segmentedIndicatorPlanning:remove']"
                 >删除</el-button

src/views/contract/limitPrice/index.vue

@@ -35,6 +35,9 @@
           <el-form-item>
             <el-button type="primary" @click="handleExport()" v-hasPermi="['tender:billofquantitiesLimitList:export']">导出excel</el-button>
           </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="clickApprovalSheet()" v-hasPermi="['tender:billofquantitiesLimitList:export']">审核</el-button>
+          </el-form-item>
         </el-form>
       </el-card>
     </transition>
@@ -269,6 +272,17 @@ const handleExport = () => {
     `限价一览表${queryForm.value.sheet}.xlsx`
   );
 };
+// 审批
+function clickApprovalSheet() {
+  proxy.$tab.closePage(proxy.$route);
+  proxy.$router.push({
+    path: `/approval/contractLimitPrice/indexEdit`,
+    query: {
+      id: '',
+      type: 'update'
+    }
+  });
+}
 onUnmounted(() => {
   listeningProject();
 });

src/views/contract/limitPrice/indexEdit.vue

@@ -0,0 +1,357 @@
+<template>
+  <div class="p-4 bg-gray-50">
+    <div class="max-w-4xl mx-auto">
+      <!-- 顶部按钮区域 -->
+      <el-card class="mb-4 rounded-lg shadow-sm bg-white border border-gray-100 transition-all hover:shadow-md">
+        <approvalButton
+          @submitForm="submitForm"
+          @approvalVerifyOpen="approvalVerifyOpen"
+          @handleApprovalRecord="handleApprovalRecord"
+          :buttonLoading="buttonLoading"
+          :id="form.versions"
+          :status="form.status"
+          :pageType="routeParams.type"
+        />
+      </el-card>
+      <!-- 表单区域 -->
+      <el-card class="rounded-lg shadow-sm bg-white border border-gray-100 transition-all hover:shadow-md overflow-hidden">
+        <div class="p-4 bg-gradient-to-r from-blue-50 to-indigo-50 border-b border-gray-100">
+          <h3 class="text-lg font-semibold text-gray-800">合同限价审核</h3>
+        </div>
+        <div class="p-6">
+          <el-form
+            ref="leaveFormRef"
+            v-loading="loading"
+            :disabled="routeParams.type === 'view' || form.status == 'waiting'"
+            :model="form"
+            :rules="rules"
+            label-width="100px"
+            class="space-y-4"
+          >
+            <div class="grid grid-cols-1 gap-4">
+              <el-row>
+                <el-col :span="12">
+                  <el-form-item label="版本号" prop="formNo">
+                    <el-input disabled v-model="form.versions" placeholder="请输入文件名称" />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </div>
+          </el-form>
+          <el-table :data="tableData" style="width: 100%; margin-bottom: 20px; height: calc(100vh - 305px)" row-key="id" border>
+            <el-table-column prop="num" label="编号" />
+            <el-table-column prop="name" label="名称" />
+            <el-table-column prop="specification" label="规格" />
+            <el-table-column prop="unit" label="单位" />
+            <el-table-column prop="quantity" label="数量" />
+            <el-table-column prop="remark" label="备注" />
+          </el-table>
+        </div>
+      </el-card>
+      <!-- 提交组件 -->
+      <submitVerify ref="submitVerifyRef" :task-variables="taskVariables" @submit-callback="submitCallback" />
+      <approvalRecord ref="approvalRecordRef"></approvalRecord>
+      <!-- 流程选择对话框 -->
+      <el-dialog
+        draggable
+        v-model="dialogVisible.visible"
+        :title="dialogVisible.title"
+        :before-close="handleClose"
+        width="500"
+        class="rounded-lg shadow-lg"
+      >
+        <div class="p-4">
+          <p class="text-gray-600 mb-4">请选择要启动的流程：</p>
+          <el-select v-model="flowCode" placeholder="请选择流程" style="width: 100%">
+            <el-option v-for="item in flowCodeOptions" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </div>
+        <template #footer>
+          <div class="dialog-footer p-4 border-t border-gray-100 flex justify-end space-x-3">
+            <el-button @click="handleClose" class="px-4 py-2 border border-gray-300 rounded-md text-gray-700 hover:bg-gray-50 transition-colors"
+              >取消</el-button
+            >
+            <el-button type="primary" @click="submitFlow()" class="px-4 py-2 bg-primary text-white rounded-md hover:bg-primary/90 transition-colors"
+              >确认</el-button
+            >
+          </div>
+        </template>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+
+<script setup name="Leave" lang="ts">
+import { LeaveForm, LeaveQuery, LeaveVO } from '@/api/workflow/leave/types';
+import { startWorkFlow } from '@/api/workflow/task';
+import SubmitVerify from '@/components/Process/submitVerify.vue';
+import ApprovalRecord from '@/components/Process/approvalRecord.vue';
+import ApprovalButton from '@/components/Process/approvalButton.vue';
+import { StartProcessBo } from '@/api/workflow/workflowCommon/types';
+const { proxy } = getCurrentInstance() as ComponentInternalInstance;
+import { useUserStoreHook } from '@/store/modules/user';
+const { design_change_reason_type } = toRefs<any>(proxy?.useDict('design_change_reason_type'));
+import { detailsMaterialAndEquipmentApproval } from '@/api/design/billofQuantities/index';
+// 获取用户 store
+const userStore = useUserStoreHook();
+// 从 store 中获取项目列表和当前选中的项目
+const currentProject = computed(() => userStore.selectedProject);
+const buttonLoading = ref(false);
+const loading = ref(true);
+//路由参数
+const routeParams = ref<Record<string, any>>({});
+const flowCode = ref<string>('');
+const status = ref<string>('');
+const dialogVisible = reactive<DialogOption>({
+  visible: false,
+  title: '流程定义'
+});
+//提交组件
+const submitVerifyRef = ref<InstanceType<typeof SubmitVerify>>();
+//审批记录组件
+const approvalRecordRef = ref<InstanceType<typeof ApprovalRecord>>();
+//按钮组件
+const flowCodeOptions = [
+  {
+    value: currentProject.value?.id + '_contractPriceLimit',
+    label: '合同限价审核'
+  }
+];
+
+const leaveFormRef = ref<ElFormInstance>();
+const dialog = reactive({
+  visible: false,
+  title: '',
+  isEdit: false
+});
+const submitFormData = ref<StartProcessBo>({
+  businessId: '',
+  flowCode: '',
+  variables: {}
+});
+const taskVariables = ref<Record<string, any>>({});
+
+const initFormData = {
+  id: undefined,
+  fileName: undefined,
+  fileUrl: undefined,
+  status: undefined,
+  originalName: undefined
+};
+const data = reactive({
+  form: { ...initFormData },
+  tableData: [],
+  rules: {}
+});
+
+const handleClose = () => {
+  dialogVisible.visible = false;
+  flowCode.value = '';
+  buttonLoading.value = false;
+};
+const { form, rules, tableData } = toRefs(data);
+
+/** 表单重置 */
+const reset = () => {
+  form.value = { ...initFormData };
+  leaveFormRef.value?.resetFields();
+};
+
+/** 获取详情 */
+const getInfo = () => {
+  loading.value = true;
+  buttonLoading.value = false;
+  nextTick(async () => {
+    const res = await detailsMaterialAndEquipmentApproval(routeParams.value.id);
+    console.log('res.data', res.data);
+
+    Object.assign(form.value, res.data);
+    console.log('form', form.value);
+
+    tableData.value = res.data.auditData;
+    loading.value = false;
+    buttonLoading.value = false;
+  });
+};
+
+/** 提交按钮 */
+const submitForm = (status1: string) => {
+  status.value = status1;
+  submit(status.value, form.value);
+};
+
+const submitFlow = async () => {
+  handleStartWorkFlow(form.value);
+  dialogVisible.visible = false;
+};
+//提交申请
+const handleStartWorkFlow = async (data: LeaveForm) => {
+  try {
+    submitFormData.value.flowCode = flowCode.value;
+    submitFormData.value.businessId = data.versions;
+    //流程变量
+    taskVariables.value = {
+      // leave4/5 使用的流程变量
+      userList: ['1', '3', '4']
+    };
+    submitFormData.value.variables = taskVariables.value;
+    const resp = await startWorkFlow(submitFormData.value);
+    if (submitVerifyRef.value) {
+      buttonLoading.value = false;
+      submitVerifyRef.value.openDialog(resp.data.taskId);
+    }
+  } finally {
+    buttonLoading.value = false;
+  }
+};
+//审批记录
+const handleApprovalRecord = () => {
+  approvalRecordRef.value.init(form.value.versions);
+};
+//提交回调
+const submitCallback = async () => {
+  await proxy.$tab.closePage(proxy.$route);
+  proxy.$router.go(-1);
+};
+//审批
+const approvalVerifyOpen = async () => {
+  submitVerifyRef.value.openDialog(routeParams.value.taskId);
+};
+// 图纸上传成功之后 开始提交
+const submit = async (status, data) => {
+  form.value = data;
+  if (status === 'draft') {
+    buttonLoading.value = false;
+    proxy?.$modal.msgSuccess('暂存成功');
+    proxy.$tab.closePage(proxy.$route);
+    proxy.$router.go(-1);
+  } else {
+    if ((form.value.status === 'draft' && (flowCode.value === '' || flowCode.value === null)) || routeParams.value.type === 'add') {
+      flowCode.value = flowCodeOptions[0].value;
+      dialogVisible.visible = true;
+      return;
+    }
+    //说明启动过先随意穿个参数
+    if (flowCode.value === '' || flowCode.value === null) {
+      flowCode.value = 'xx';
+    }
+    await handleStartWorkFlow(data);
+  }
+};
+
+onMounted(() => {
+  nextTick(async () => {
+    routeParams.value = proxy.$route.query;
+    reset();
+    loading.value = false;
+    if (routeParams.value.type === 'update' || routeParams.value.type === 'view' || routeParams.value.type === 'approval') {
+      getInfo();
+      console.log('routeParams.value', routeParams.value);
+    }
+  });
+});
+</script>
+<style scoped lang="scss">
+/* 全局样式 */
+:root {
+  --primary: #409eff;
+  --primary-light: #66b1ff;
+  --primary-dark: #3a8ee6;
+  --success: #67c23a;
+  --warning: #e6a23c;
+  --danger: #f56c6c;
+  --info: #909399;
+}
+
+/* 表单样式优化 */
+.el-form-item {
+  .el-form-item__label {
+    color: #606266;
+    font-weight: 500;
+  }
+
+  .el-input__inner,
+  .el-select .el-input__inner {
+    border-radius: 4px;
+    transition:
+      border-color 0.2s,
+      box-shadow 0.2s;
+
+    &:focus {
+      border-color: var(--primary-light);
+      box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
+    }
+  }
+
+  .el-textarea__inner {
+    border-radius: 4px;
+    transition:
+      border-color 0.2s,
+      box-shadow 0.2s;
+
+    &:focus {
+      border-color: var(--primary-light);
+      box-shadow: 0 0 0 2px rgba(64, 158, 255, 0.1);
+    }
+  }
+}
+
+/* 按钮样式优化 */
+.el-button {
+  border-radius: 4px;
+  transition: all 0.2s;
+
+  &.is-primary {
+    background-color: var(--primary);
+    border-color: var(--primary);
+
+    &:hover {
+      background-color: var(--primary-light);
+      border-color: var(--primary-light);
+    }
+
+    &:active {
+      background-color: var(--primary-dark);
+      border-color: var(--primary-dark);
+    }
+  }
+
+  &.is-text {
+    color: var(--primary);
+
+    &:hover {
+      color: var(--primary-light);
+      background-color: rgba(64, 158, 255, 0.05);
+    }
+  }
+}
+
+/* 卡片样式优化 */
+.el-card {
+  transition: all 0.3s ease;
+
+  &:hover {
+    /* transform: translateY(-2px); */
+  }
+}
+
+/* 对话框样式优化 */
+.el-dialog {
+  .el-dialog__header {
+    background-color: #f5f7fa;
+    border-bottom: 1px solid #ebeef5;
+    padding: 15px 20px;
+  }
+
+  .el-dialog__title {
+    font-size: 16px;
+    font-weight: 600;
+    color: #303133;
+  }
+
+  .el-dialog__footer {
+    padding: 15px 20px;
+    border-top: 1px solid #ebeef5;
+  }
+}
+</style>

src/views/tender/plan/comm/planPage.vue

@@ -1,245 +1,79 @@
 <template>
-  <div class="p-2">
-    <transition :enter-active-class="proxy?.animate.searchAnimate.enter" :leave-active-class="proxy?.animate.searchAnimate.leave">
-      <el-card shadow="always">
-        <el-form :model="queryForm" :inline="true">
-          <el-form-item label="表名" prop="sheet">
-            <el-select v-model="queryForm.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">{{ isExpandAll ? '一键收起' : '一键展开' }}</el-button>
-          </el-form-item>
-          <el-form-item>
-            <el-upload
-              ref="uploadRef"
-              class="upload-demo"
-              :http-request="importExcel"
-              :show-file-list="false"
-              v-hasPermi="['bidding:biddingLimitList:importExcelFile']"
-            >
-              <template #trigger>
-                <el-button type="primary">导入excel</el-button>
-              </template>
-            </el-upload>
-          </el-form-item>
-          <el-form-item>
-            <el-button type="primary" @click="handleExport()" v-hasPermi="['bidding:biddingLimitList:export']">导出excel</el-button>
+  <el-dialog v-model="dialogVisible" title="招标文件" width="500" draggable>
+    <el-form ref="ruleFormRef" style="max-width: 600px" :model="ruleForm" :rules="rules" label-width="auto">
+      <el-form-item label="招标文件" prop="name">
+        <file-upload
+          v-model="form.costEstimationFile"
+          :fileSize="100"
+          :auto-upload="false"
+          uploadUrl="/tender/biddingPlan/uploadBiddingDocuments"
+          method="put"
+          ref="fileUploadRef"
+          :data="{
+            projectId: currentProject?.id,
+            planType: planType,
+            fileType: '1',
+            bidStatus: '0',
+            id: row.id
+          }"
+          showFileList
+        />
       </el-form-item>
     </el-form>
-      </el-card>
-    </transition>
-    <el-card shadow="never" class="mb8">
-      <el-table ref="tableRef" v-loading="loading" :data="tableData" row-key="id" border lazy default-expand-all>
-        <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">
-          <template #default="scope">
-            <el-input-number
-              :model-value="scope.row.unitPrice"
-              @change="(val) => (scope.row.unitPrice = val)"
-              :precision="2"
-              :step="0.1"
-              :controls="false"
-              v-if="scope.row.quantity && scope.row.quantity != 0"
-            />
-          </template>
-        </el-table-column>
-        <el-table-column prop="price" label="总价" align="center">
-          <template #default="scope">
-            {{ scope.row.price }}
-          </template>
-        </el-table-column>
-        <el-table-column prop="price" label="操作" align="center">
-          <template #default="scope">
-            <el-button
-              type="primary"
-              size="small"
-              @click="handleSave(scope.row)"
-              v-if="scope.row.quantity && scope.row.quantity != 0"
-              v-hasPermi="['bidding:biddingLimitList:edit']"
-              >修改</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-    </el-card>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="resetForm()"> 取消 </el-button>
+        <el-button type="primary" @click="submitForm()">确定</el-button>
       </div>
+    </template>
+  </el-dialog>
 </template>
 
 <script setup lang="ts">
 import { useUserStoreHook } from '@/store/modules/user';
-import { obtainAllVersionNumbers } from '@/api/contract/index';
-import { BiddingImportExcelFile, getTreeLimit, biddingLimitListUpdate, sheetList } from '@/api/bidding/biddingLimit';
-const { proxy } = getCurrentInstance() as ComponentInternalInstance;
-
 const userStore = useUserStoreHook();
 const currentProject = computed(() => userStore.selectedProject);
-const queryForm = ref({
-  versions: '',
-  sheet: ''
+const dialogVisible = ref(false);
+const row = ref<any>();
+const planType = ref<any>('');
+const fileUploadRef = ref<any>();
+const ruleForm = ref<any>();
+const rules = ref({
+  costEstimationFile: [{ required: true, message: '请上传招标文件', trigger: ['blur'] }]
 });
-const loading = ref(false);
-const options = ref<any[]>([]);
-const sheets = ref<any[]>([]);
-const tableData = ref<any[]>([]);
-const isExpandAll = ref(true);
-// 接受父组件传递的参数
-const props = defineProps({
-  type: {
-    type: String,
-    default: ''
+const emit = defineProps({
+  success: {
+    type: Function
+    // required: true
   }
 });
+const form = ref({
+  costEstimationFile: ''
+});
 
-//获取版本号
-const getVersionNums = async () => {
-  try {
-    const params = {
-      projectId: currentProject.value?.id,
-      pageSize: 1000,
-      pageNum: 1
-    };
-
-    const res = await obtainAllVersionNumbers(params);
-    if (res.code == 200) {
-      options.value = res.data;
-      if (res.data.length > 0) {
-        queryForm.value.versions = res.data[0];
-        getSheetName();
-      } else {
-        queryForm.value.versions = '';
-      }
-    }
-  } catch (error) {
-    console.log(error);
-  }
+const open = (rows: any, type: string) => {
+  dialogVisible.value = true;
+  console.log(rows, type);
+  row.value = rows;
+  planType.value = type;
 };
-//选择版本号
-const changeVersions = () => {
-  getSheetName();
-};
-
-//选择表名
-const changeSheet = () => {
-  getTableData();
-};
-
-//获取表名
-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) {
-        queryForm.value.sheet = res.data[0];
-      } else {
-        queryForm.value.sheet = '';
-      }
-      getTableData();
-    }
-  } catch (error) {}
-};
-//获取表格
-const getTableData = async () => {
-  loading.value = true;
-  const params = {
-    projectId: currentProject.value?.id,
-    sheet: queryForm.value.sheet,
-    type: props.type
-  };
-  const res = await getTreeLimit(params);
-  loading.value = false;
-  if (res.code == 200) {
-    tableData.value = [res.data[0]];
-  }
-  console.log(loading.value);
-};
-//修改单价
-const handleSave = (row: any) => {
-  try {
-    if (!row.unitPrice) {
+const resetForm = () => {};
+const submitForm = () => {
+  fileUploadRef.value.submitUpload().then((res) => {
+    if (res == 'noFile') {
       ElMessage({
-        message: '请输入单价',
+        message: '请上传招标文件',
         type: 'warning'
       });
       return;
     }
-    loading.value = true;
-    biddingLimitListUpdate(row).then((res) => {
-      if (res.code == 200) {
-        ElMessage({
-          message: '修改成功',
-          type: 'success'
-        });
-        getTableData();
-      }
-    });
-  } catch (error) {
-    ElMessage({
-      message: '修改失败',
-      type: 'error'
-    });
-  }
-};
-const tableRef = ref<any>();
-
-const toggleExpandAll = () => {
-  isExpandAll.value = !isExpandAll.value;
-  console.log(isExpandAll.value);
-
-  tableData.value.forEach((row) => {
-    tableRef.value.toggleRowExpansion(row, isExpandAll.value);
+    dialogVisible.value = false;
+    emit.success();
   });
 };
-//导入
-const importExcel = (options: any): any => {
-  let formData = new FormData();
-  formData.append('file', options.file);
-  loading.value = true;
-  BiddingImportExcelFile({ projectId: currentProject.value?.id }, formData)
-    .then((res) => {
-      const { code } = res;
-      if (code == 200) {
-        proxy.$modal.msgSuccess(res.msg || '导入成功');
-        getTableData();
-      }
-    })
-    .catch((err) => {})
-    .finally(() => {
-      loading.value = false;
-    });
-};
-//监听项目id刷新数据
-const listeningProject = watch(
-  () => currentProject.value?.id,
-  (nid, oid) => {
-    getVersionNums();
-  }
-);
-const handleExport = () => {
-  proxy?.download(
-    '/bidding/biddingLimitList/export',
-    {
-      projectId: currentProject.value?.id,
-      sheet: queryForm.value.sheet
-    },
-    `限价一览表${queryForm.value.sheet}.xlsx`
-  );
-};
-onUnmounted(() => {
-  listeningProject();
-});
-onMounted(() => {
-  getSheetName();
+defineExpose({
+  open
 });
 </script>
 
-<style scoped></style>
+<style scoped lang="scss"></style>

src/views/tender/plan/comm/winTheBid.vue

@@ -0,0 +1,104 @@
+<template>
+  <el-dialog v-model="dialogVisible" title="招标文件" width="500" draggable>
+    <el-form ref="ruleFormRef" style="max-width: 600px" :model="form" :rules="rules" label-width="auto">
+      <el-form-item label="中标单位" prop="winningBidder">
+        <el-select v-model="form.winningBidder" filterable placeholder="请选择单位" style="width: 240px">
+          <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </el-form-item>
+      <el-form-item label="招标文件" prop="name">
+        <file-upload
+          v-model="form.costEstimationFile"
+          :fileSize="100"
+          :auto-upload="false"
+          uploadUrl="/tender/biddingPlan/uploadBiddingDocuments"
+          method="put"
+          ref="fileUploadRef"
+          :data="{
+            projectId: currentProject?.id,
+            planType: planType,
+            fileType: '0',
+            bidStatus: '0',
+            id: row.id,
+            winningBidderId: form.winningBidder
+          }"
+          showFileList
+        />
+      </el-form-item>
+    </el-form>
+    <template #footer>
+      <div class="dialog-footer">
+        <el-button @click="resetForm()"> 取消 </el-button>
+        <el-button type="primary" @click="submitForm()">确定</el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup lang="ts">
+import { getUnitList } from '@/api/tender/index';
+import { useUserStoreHook } from '@/store/modules/user';
+const userStore = useUserStoreHook();
+const currentProject = computed(() => userStore.selectedProject);
+const dialogVisible = ref(false);
+const row = ref<any>();
+const planType = ref<any>('');
+const fileUploadRef = ref<any>();
+const ruleForm = ref<any>();
+const options = ref<any>([]);
+
+const rules = ref({
+  costEstimationFile: [{ required: true, message: '请上传招标文件', trigger: ['blur'] }]
+});
+const emit = defineProps({
+  success: {
+    type: Function
+    // required: true
+  }
+});
+const form = ref({
+  costEstimationFile: '',
+  winningBidder: ''
+});
+
+const open = (rows: any, type: string) => {
+  dialogVisible.value = true;
+  console.log(rows, type);
+  row.value = rows;
+  planType.value = type;
+  getUnitListData();
+};
+const getUnitListData = async () => {
+  let res = await getUnitList({
+    projectId: currentProject.value?.id
+  });
+  if (res.code == 200) {
+    options.value = res.data.map((item: any) => {
+      return {
+        label: item.supplierName,
+        value: item.id
+      };
+    });
+  }
+  console.log(res);
+};
+const resetForm = () => {};
+const submitForm = () => {
+  fileUploadRef.value.submitUpload().then((res) => {
+    if (res == 'noFile') {
+      ElMessage({
+        message: '请上传招标文件',
+        type: 'warning'
+      });
+      return;
+    }
+    dialogVisible.value = false;
+    emit.success();
+  });
+};
+defineExpose({
+  open
+});
+</script>
+
+<style scoped lang="scss"></style>

src/views/tender/plan/index.vue

@@ -10,6 +10,7 @@
             <el-form-item label="内容" prop="sheet">
               <el-input v-model="queryForm.content" placeholder="请输入内容" clearable @keyup.enter="handleQuery" />
             </el-form-item>
+
             <el-form-item>
               <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
               <el-button icon="Refresh" @click="resetQuery">重置</el-button>
@@ -25,20 +26,79 @@
           </el-table-column>
           <el-table-column prop="name" label="名称" />
           <el-table-column prop="content" label="内容" />
+          <el-table-column prop="bidd" label="招标文件">
+            <template #default="scope">
+              <el-button
+                type="primary"
+                :disabled="scope.row.bidStatus == 1"
+                link
+                v-hasPermi="['tender:segmentedIndicatorPlanning:getMore']"
+                @click="biddView(scope.row)"
+                >查看文件</el-button
+              >
+            </template>
+          </el-table-column>
+          <el-table-column prop="winningBidder" label="中标单位" />
+          <el-table-column prop="bidFileName" label="中标文件">
+            <template #default="scope">
+              <el-button type="primary" link :disabled="scope.row.bidStatus == 1">{{ scope.row.bidFileName }} </el-button>
+            </template>
+          </el-table-column>
           <el-table-column prop="plannedBiddingTime" label="计划招标时间" align="center">
             <template #default="scope">
-              <el-date-picker v-model="scope.row.plannedBiddingTime" type="date" value-format="YYYY-MM-DD" placeholder="选择时间" />
+              <el-date-picker
+                v-model="scope.row.plannedBiddingTime"
+                @change="
+                  (val: any) => {
+                    changeBiddingTime(val, scope.row);
+                  }
+                "
+                type="date"
+                value-format="YYYY-MM-DD"
+                placeholder="选择时间"
+                :disabled="scope.row.bidStatus == 1"
+              />
             </template>
           </el-table-column>
           <el-table-column prop="price" label="操作" align="center">
             <template #default="scope">
-              <el-button type="warning" size="small" @click="handleDetail(scope.row)" v-hasPermi="['tender:segmentedIndicatorPlanning:getMore']"
+              <el-button
+                type="primary"
+                link
+                icon="FolderOpened"
+                @click="handleSave(scope.row)"
+                v-hasPermi="['tender:segmentedIndicatorPlanning:edit']"
+                :disabled="scope.row.bidStatus == 1"
+                >上传投标资料
+              </el-button>
+              <el-button
+                type="primary"
+                link
+                icon="FolderOpened"
+                @click="handleWinTheBid(scope.row)"
+                v-hasPermi="['tender:segmentedIndicatorPlanning:edit']"
+                :disabled="scope.row.bidStatus == 1"
+                >上传中标资料
+              </el-button>
+              <!-- <el-button type="primary" link icon="Edit" @click="handleSave(scope.row)" v-hasPermi="['tender:segmentedIndicatorPlanning:edit']"
+                >信息
+              </el-button> -->
+              <el-button
+                type="primary"
+                link
+                icon="View"
+                @click="handleDetail(scope.row)"
+                :disabled="scope.row.bidStatus == 1"
+                v-hasPermi="['tender:segmentedIndicatorPlanning:getMore']"
                 >详情</el-button
               >
-              <el-button type="primary" size="small" @click="handleSave(scope.row)" v-hasPermi="['tender:segmentedIndicatorPlanning:edit']"
-                >修改</el-button
-              >
-              <el-button type="danger" size="small" @click="delHandle(scope.row)" v-hasPermi="['tender:segmentedIndicatorPlanning:remove']"
+              <el-button
+                type="primary"
+                link
+                icon="Delete"
+                @click="delHandle(scope.row)"
+                :disabled="scope.row.bidStatus == 1"
+                v-hasPermi="['tender:segmentedIndicatorPlanning:remove']"
                 >删除</el-button
               >
             </template>
@@ -126,7 +186,7 @@
       </el-row>
       <template #footer>
         <el-button @click="closeDialog">取消</el-button>
-        <el-button type="primary" @click="submitForm(formRef)">确定</el-button>
+        <el-button type="primary" @click="submitForm(formRef)" :loading="subLoading">确定</el-button>
       </template>
     </el-dialog>
     <el-dialog title="详情" v-model="detailDialog" width="75%" draggable>
@@ -143,6 +203,21 @@
         </el-table-column>
       </el-table>
     </el-dialog>
+
+    <el-dialog title="查看文件" v-model="biddDialog" width="45%" draggable>
+      <el-table :data="biddViewData" border>
+        <el-table-column prop="name" label="文件名" />
+        <el-table-column prop="price" label="操作" align="center">
+          <template #default="scope">
+            <el-button type="primary" link icon="View" @click="openPdf(scope.row.url)">查看</el-button>
+            <el-button type="primary" link icon="Delete" @click="delHandlebidd(scope.row)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-dialog>
+    <information ref="informationRef" @success="getList()" />
+
+    <winTheBid ref="winTheBidRef" @success="getList()" />
   </div>
 </template>
 
@@ -151,6 +226,8 @@ 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 information from './comm/planPage.vue';
+import winTheBid from './comm/winTheBid.vue';
 import {
   sheetList,
   tenderPlanList,
@@ -159,7 +236,9 @@ import {
   updateTenderPlan,
   treeList,
   getTenderPlanDetail,
-  obtainAllVersionNumbers
+  obtainAllVersionNumbers,
+  biddViewLook,
+  delBiddView
 } from '@/api/tender/index';
 
 const userStore = useUserStoreHook();
@@ -405,12 +484,14 @@ const getTreeList = async () => {
     treeLoading.value = false;
   }
 };
+const subLoading = ref(false);
 
 const submitForm = async (formEl: FormInstance | undefined) => {
   if (!formEl) return;
   await formEl.validate(async (valid, fields) => {
     if (valid) {
       try {
+        subLoading.value = true;
         if (selectionData.value.length == 0) {
           ElMessage({
             message: '请选择项目材料',
@@ -445,8 +526,10 @@ const submitForm = async (formEl: FormInstance | undefined) => {
           });
           closeDialog();
           getList();
+          subLoading.value = false;
         }
       } catch (error) {
+        subLoading.value = false;
         console.log(error);
       }
     } else {
@@ -454,17 +537,10 @@ const submitForm = async (formEl: FormInstance | undefined) => {
     }
   });
 };
-//确定修改
-const handleSave = (row: any) => {
-  try {
-    if (!row.plannedBiddingTime) {
-      ElMessage({
-        message: '请输入计划招标时间',
-        type: 'warning'
-      });
-      return;
-    }
-    updateTenderPlan({ ...row, type: planType.value }).then((res) => {
+const changeBiddingTime = (value: any, row: any) => {
+  updateTenderPlan({
+    ...row
+  }).then((res) => {
     if (res.code == 200) {
       ElMessage({
         message: '修改成功',
@@ -473,13 +549,15 @@ const handleSave = (row: any) => {
       getList();
     }
   });
-  } catch (error) {
-    console.log(error);
-    ElMessage({
-      message: '修改失败',
-      type: 'error'
-    });
-  }
+};
+//上传投标文件
+const handleSave = (row: any) => {
+  informationRef.value.open(row, planType.value);
+};
+const winTheBidRef = ref();
+//上传中标文件
+const handleWinTheBid = (row: any) => {
+  winTheBidRef.value.open(row, planType.value);
 };
 //删除
 const delHandle = (row: any) => {
@@ -518,6 +596,43 @@ const getDetails = (row: any) => {
     }
   });
 };
+const informationRef = ref();
+const biddDialog = ref(false);
+const biddViewData = ref<any>([]);
+const biddViewRow = ref<any>({});
+
+//查看招标文件
+const biddView = async (row: any) => {
+  biddViewRow.value = row;
+  biddDialog.value = true;
+  const params = {
+    id: row.id
+  };
+  const res = await biddViewLook(params);
+  if (res.code == 200) {
+    biddViewData.value = res.data;
+  }
+};
+//删除文件
+const delHandlebidd = (row: any) => {
+  const params = {
+    ids: row.id
+  };
+  delBiddView(params).then((res) => {
+    if (res.code == 200) {
+      ElMessage({
+        message: '删除成功',
+        type: 'success'
+      });
+      biddView(biddViewRow.value);
+    }
+  });
+};
+
+//查看文件
+const openPdf = (url: any) => {
+  window.open(url);
+};
 
 onMounted(() => {
   getTabsList();