ccap项目管理列表

src/api/CCAPProjectManagement/list.js

+import request from '@/utils/request'
+
+// 查询列表
+export function getDataList(query) {
+  return request({
+    url: '/control/ccapProjectManagement/getDataList',
+    method: 'get',
+    params: query
+  })
+}
+
+
+// 获取所有事业部列表
+export function getAllBusinessUnitList() {
+  return request({
+    url: '/control/ccapProjectManagement/getAllBusinessUnitList',
+    method: 'get'
+  })
+}

src/views/baseData/marketRegulations/info.vue

@@ -88,9 +88,9 @@
     <div >
       <div class="baseInfoTitle">市场法规清单</div>
       <el-form  v-model="queryParams" ref="queryRef" :inline="true"  label-width="70px">
-        <el-form-item label="标准编号" prop="standardCode">
+        <el-form-item label="标准编号" prop="standardNumber">
           <el-input
-            v-model="queryParams.standardCode"
+            v-model="queryParams.standardNumber"
             placeholder="请输入适标准编号"
             clearable
           />
@@ -114,9 +114,9 @@
       <el-table :data="tableList">
         <el-table-column  type="index" width="55" align="center" label="序号"/>
         <el-table-column label="类型" align="center" prop="standardType" />
-        <el-table-column label="标准编号" align="center" prop="standardCode" />
+        <el-table-column label="标准编号" align="center" prop="standardNumber" />
         <el-table-column label="标准名称" align="center" prop="standardName" />
-        <el-table-column label="标准英文名称" align="center" prop="standardEnglishName" width="130"/>
+        <el-table-column show-overflow-tooltip label="标准英文名称" align="center" prop="standardEnglishName" width="130"/>
         <el-table-column label="等效法规" align="center" prop="equivalentRegulation">
           <template #default="scope">
             <span>{{ scope.row.equivalentRegulation || '——'}}</span>
@@ -128,46 +128,28 @@
 
           </template>
         </el-table-column>
-        <el-table-column label="主控部门" align="center" prop="author" >
-          <template #default="scope">
-            <span>{{ scope.row.author || '——'}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="主控部门专业模块" align="center" prop="listStatus" width="140">
-          <template #default="scope">
-            <span>{{ scope.row.listStatus || '——'}}</span>
-          </template>
-        </el-table-column>
 
-        <el-table-column label="关联部门" align="center" prop="listStatus" >
-          <template #default="scope">
-            <span>{{ scope.row.listStatus || '——'}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="关联部门专业模块" align="center" prop="listStatus" width="140">
-          <template #default="scope">
-            <span>{{ scope.row.listStatus || '——'}}</span>
-          </template>
-        </el-table-column>
+
+
         <el-table-column label="新认证车实施日期" align="center" prop="newCertificationCarDate" width="140">
           <template #default="scope">
-            <span>{{ scope.row.newCertificationCarDate || '——'}}</span>
+            <span>{{ scope.row.newAuthImplDate || '——'}}</span>
           </template>
         </el-table-column>
         <el-table-column label="新生产车实施日期" align="center" prop="newProductionCarDate" width="140">
           <template #default="scope">
-            <span>{{ scope.row.newProductionCarDate || '——'}}</span>
+            <span>{{ scope.row.newProductImplDate || '——'}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="注册日期" align="center" prop="registrationDate" >
+        <el-table-column label="注册日期" align="center" prop="registrationDate" width="140">
           <template #default="scope">
             <span>{{ scope.row.registrationDate || '——'}}</span>
           </template>
         </el-table-column>
 
-        <el-table-column label="适用市场" align="center" prop="listStatus" >
+        <el-table-column label="适用市场" align="center" prop="country" >
           <template #default="scope">
-            <span>{{ scope.row.listStatus || '——'}}</span>
+            <span>{{ scope.row.country || '——'}}</span>
           </template>
         </el-table-column>
         <el-table-column label="适用车型" align="center" prop="applicableModel" >
@@ -180,32 +162,24 @@
             <span>{{ scope.row.powerType || '——'}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="认证对象" align="center" prop="certificationTarget" >
+        <el-table-column label="认证对象" align="center" prop="certificationTarget" width="140">
           <template #default="scope">
             <span>{{ scope.row.certificationTarget || '——'}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="认证交付物" align="center" prop="listStatus" width="130">
-          <template #default="scope">
-            <span>{{ scope.row.listStatus || '——'}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column label="批量限制" align="center" prop="listStatus" >
+        <el-table-column label="认证交付物" align="center" prop="certifyTheDeliverables" width="140">
           <template #default="scope">
-            <span>{{ scope.row.listStatus || '——'}}</span>
+            <span>{{ scope.row.certifyTheDeliverables || '——'}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="自动驾驶等级" align="center" prop="listStatus" width="130">
+        <el-table-column label="批量限制" align="center" prop="batchLimit" width="140">
           <template #default="scope">
-            <span>{{ scope.row.listStatus || '——'}}</span>
+            <span>{{ scope.row.batchLimit || '——'}}</span>
           </template>
         </el-table-column>
-        <el-table-column label="要求类型" align="center" prop="listStatus" >
-          <template #default="scope">
-            <span>{{ scope.row.listStatus || '——'}}</span>
-          </template>
-        </el-table-column>
-        <el-table-column  label="备注" align="center" prop="remark" >
+
+
+        <el-table-column  label="备注" show-overflow-tooltip align="center" prop="remark" >
           <template #default="scope">
             <span>{{ scope.row.remark || '——'}}</span>
           </template>
@@ -251,7 +225,7 @@ function handleQuery() {
 
 /** 重置按钮操作 */
 function resetQuery() {
-  queryParams.value.standardCode = null
+  queryParams.value.standardNumber = null
   queryParams.value.standardName = null
 
   handleQuery();

src/views/controlPlan/baseConfig/CCAPProjectManagement/index.vue

+<template>
+  <div class="app-container">
+    <el-form v-model="queryParams" ref="queryRef" :inline="true" v-show="showSearch" label-width="70px">
+
+      <el-form-item label="事业部:" prop="status">
+        <el-select
+          v-model="queryParams.businessUnitId"
+          placeholder="请选择"
+          clearable
+          style="width: 200px"
+        >
+          <el-option
+            v-for="dict in businessList"
+            :label="dict.businessUnitName"
+            :value="dict.id"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item >
+        <el-button type="primary" icon="Search" @click="handleQuery">搜索</el-button>
+        <el-button icon="Refresh" @click="resetQuery">重置</el-button>
+      </el-form-item>
+    </el-form>
+
+
+    <el-table  :data="tableList">
+      <el-table-column type="index" width="55" align="center" label="序号"/>
+      <el-table-column label="事业部" align="center" prop="applicableBrand" />
+      <el-table-column label="项目情况" align="center" prop="listCode" >
+        <template #default="scope">
+          <span style="text-decoration: underline;text-decoration-color: #2f9bfe;color: #2f9bfe;cursor: pointer">共{{scope.row.relatedCount}}个</span>
+        </template>
+      </el-table-column>
+      <el-table-column label="创建人" align="center" prop="createUserName" />
+      <el-table-column label="创建时间" align="center" prop="createTime" />
+      <el-table-column label="更新人" align="center" prop="updateUserName" />
+      <el-table-column label="更新时间" align="center" prop="updateTime" width="180" >
+
+      </el-table-column>
+
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <div style="display: flex;align-items: flex-start">
+            <el-button type="text" style="color: rgb(0,0,255)"  @click="handleView(scope.row)">维护项目</el-button>
+            <el-button type="text" style="color: rgb(255,153,0)" v-if="scope.row.id === adminId" @click="handleView(scope.row)">复制新增</el-button>
+            <el-button type="text" v-if="scope.row.id === adminId" @click="handleView(scope.row)">添加事业部</el-button>
+            <el-button type="text" style="color: rgb(244,93,93)" v-else="scope.row.id === adminId" @click="handleView(scope.row)">删除</el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination
+      v-show="total>0"
+      :total="total"
+      v-model:page="queryParams.pageNum"
+      v-model:limit="queryParams.pageSize"
+      @pagination="getList"
+    />
+
+
+  </div>
+</template>
+
+<script setup>
+import { getDataList,getAllBusinessUnitList } from "@/api/CCAPProjectManagement/list";
+
+const { proxy } = getCurrentInstance();
+const tableList = ref([]);
+//第一条数据id
+const adminId = '12321'
+import { useRouter } from 'vue-router';
+const businessList = ref([])
+const router = useRouter();
+const open = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const ids = ref([]);
+const single = ref(true);
+const multiple = ref(true);
+const total = ref(0);
+const title = ref("");
+const queryParams = ref({
+  pageNum: 1,
+  pageSize: 10,
+  businessUnitId:null
+})
+
+
+const data = reactive({
+  form: {},
+
+  rules: {}
+});
+
+const { form, rules } = toRefs(data);
+
+function getList(){
+  getDataList(queryParams.value).then(res=>{
+    tableList.value =res.rows.sort((a,b)=>{
+      if(a.id === adminId) return 1
+      else if(b.id === adminId) return 1
+    })
+    total.value = res.total
+  })
+}
+
+function getBusinessList(){
+  getAllBusinessUnitList().then(res=>{
+    console.log(res)
+    businessList.value =res.data
+  })
+}
+
+// 取消按钮
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+
+
+// 表单重置
+function reset() {
+  form.value = {
+    id: null,
+    applicableMarket: null,
+    listCode: null,
+    listName: null,
+    steeringType: null,
+    listVersion: null,
+    releaseDate: null,
+    author: null,
+    listStatus: null,
+    createBy: null,
+    createTime: null,
+    updateBy: null,
+    updateTime: null,
+    remark: null,
+    delFlag: null
+  };
+  proxy.resetForm("listRef");
+}
+
+/** 搜索按钮操作 */
+function handleQuery() {
+  queryParams.value.pageNum = 1;
+  getList();
+}
+
+/** 重置按钮操作 */
+function resetQuery() {
+  proxy.resetForm("queryRef");
+  queryParams.value = {
+    pageNum: 1,
+    pageSize: 10,
+    applicableMarket: null,
+    listCode: null,
+    listName: null,
+    listVersion: null,
+    listStatus: null,
+  }
+  handleQuery();
+}
+
+function handleView(row) {
+  console.log(row)
+
+}
+
+
+/** 导出按钮操作 */
+function handleExport() {
+  proxy.download('marketRegulations/list/export', {
+    ...queryParams.value
+  }, `list_${new Date().getTime()}.xlsx`)
+}
+getList()
+getBusinessList()
+</script>
+<style scoped lang="scss">
+:deep(.el-form--inline .el-form-item) {
+  margin-right: 20px;
+}
+</style>