feat:新增国际关键零部件模板管理列表

src/api/control/baseIntlPartTemplate.js

+import request from '@/utils/request.js'
+
+// 查询国际关键零部件模版列表
+export function listTemplate(query) {
+  return request({
+    url: '/control/baseIntlPartTemplate/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询国际关键零部件模版详细
+export function getTemplate(id) {
+  return request({
+    url: '/control/baseIntlPartTemplate/' + id,
+    method: 'get'
+  })
+}
+
+// 新增国际关键零部件模版
+export function addTemplate(data) {
+  return request({
+    url: '/control/baseIntlPartTemplate',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改国际关键零部件模版
+export function updateTemplate(data) {
+  return request({
+    url: '/control/baseIntlPartTemplate',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除国际关键零部件模版
+export function delTemplate(id) {
+  return request({
+    url: '/control/baseIntlPartTemplate/' + id,
+    method: 'delete'
+  })
+}
+
+// 逻辑删除国际关键零部件模版
+export function delLogicTemplate(id) {
+  return request({
+    url: '/control/baseIntlPartTemplate/logicDelete/' + id,
+    method: 'delete'
+  })
+}
+
+// 获取全部事业部
+export function getAllUnit() {
+  return request({
+    url: '/control/baseIntlPartTemplate/getAllUnit',
+    method: 'get'
+  })
+}

src/api/control/baseIntlPartTemplateDetail.js

+import request from '@/utils/request'
+
+// 查询国际关键零部件模版详情列表
+export function listDetail(query) {
+  return request({
+    url: '/control/baseIntlPartTemplateDetail/list',
+    method: 'get',
+    params: query
+  })
+}
+
+// 查询国际关键零部件模版详情详细
+export function getDetail(id) {
+  return request({
+    url: '/control/baseIntlPartTemplateDetail/' + id,
+    method: 'get'
+  })
+}
+
+// 新增国际关键零部件模版详情
+export function addDetail(data) {
+  return request({
+    url: '/control/baseIntlPartTemplateDetail',
+    method: 'post',
+    data: data
+  })
+}
+
+// 修改国际关键零部件模版详情
+export function updateDetail(data) {
+  return request({
+    url: '/control/baseIntlPartTemplateDetail',
+    method: 'put',
+    data: data
+  })
+}
+
+// 删除国际关键零部件模版详情
+export function delDetail(id) {
+  return request({
+    url: '/control/baseIntlPartTemplateDetail/' + id,
+    method: 'delete'
+  })
+}
+
+// 获取市场法规清单的适用市场
+export function getMarket() {
+  return request({
+    url: '/control/baseIntlPartTemplateDetail/getApplicableMarket',
+    method: 'get'
+  })
+}

src/views/baseData/criticalPartsList/template/index.vue

+<template>
+  <div class="app-container">
+    <el-table v-loading="loading" :data="templateList">
+      <el-table-column label="序号" type="index" align="center" width="55"/>
+      <el-table-column label="事业部" prop="divisionCn" align="center">
+        <template #default="scope">
+         {{Object.values(JSON.parse(scope.row.divisionCn)).join('、')}}
+        </template>
+      </el-table-column>
+      <el-table-column label="创建人" prop="createByName" align="center"/>
+      <el-table-column label="创建时间" prop="createTime" align="center"/>
+      <el-table-column label="更新人" prop="updateByName" align="center"/>
+      <el-table-column label="更新时间" prop="updateTime" align="center"/>
+
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width" width="300">
+        <template #default="scope">
+          <el-button link type="primary" @click="handleTemplateDetailView(scope.row)">维护模板内容</el-button>
+          <el-button link type="warning" @click="handleCopyAdd" v-show="scope.row.isDefault === 1">复制新增</el-button>
+          <el-button link type="primary" @click="handleAddDivision" v-show="scope.row.isDefault === 1">添加事业部</el-button>
+          <el-button link type="danger" @click="handleDelete(scope.row)" v-show="scope.row.isDefault === 0">删除</el-button>
+        </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"
+    />
+
+    <!-- 复制新增对话框 -->
+    <el-dialog :title="title" v-model="open" width="339px" align-center>
+      <el-form ref="templateRef" :model="form" label-width="80px">
+        <el-form-item label="事业部" prop="division">
+          <el-select v-model="form.division" placeholder="请选择">
+            <el-option
+                v-for="item in divisionOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <!-- 添加事业部对话框 -->
+    <el-dialog :title="title" v-model="open2" width="500px" append-to-body>
+      <el-form ref="templateRef" :model="form" :rules="rules" label-width="80px">
+        <el-form-item label="事业部" prop="division">
+          <el-select v-model="form.division" placeholder="请选择">
+            <el-option
+                v-for="item in divisionOptions"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitForm">确 定</el-button>
+          <el-button @click="cancel">取 消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { listTemplate, addTemplate, getAllUnit } from "@/api/control/baseIntlPartTemplate.js";
+
+const { proxy } = getCurrentInstance();
+
+const templateList = ref([]);
+const open = ref(false);
+const open2 = ref(false);
+const loading = ref(true);
+const showSearch = ref(true);
+const total = ref(0);
+const title = ref("");
+const divisionOptions = ref([]);
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNum: 1,
+    pageSize: 10,
+  },
+  rules: {
+    division: [
+        // 事业部不能重复  事业部存储为josn
+        {
+          validator: (rule, value, callback) => {
+            for (let i = 0; i < templateList.value.length; i++) {
+              if (templateList.value[i].division === value) {
+                callback(new Error("该事业部已存在"));
+                return;
+              }
+            }
+            callback();
+          },
+          trigger: "blur"
+        }
+    ]
+  }
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+/** 查询国际关键零部件模版列表 */
+function getList() {
+  loading.value = true;
+  listTemplate(queryParams.value).then(response => {
+    templateList.value = response.rows;
+    total.value = response.total;
+    loading.value = false;
+  });
+}
+
+// 获取事业部下拉框
+function getDivisionList() {
+  getAllUnit().then(response => {
+    divisionOptions.value = response.data.map(item => {
+      return {
+        value: item.id,
+        label: item.businessUnitName
+      }
+    })
+  })
+}
+
+// 维护模板内容
+function handleTemplateDetailView(row) {
+  proxy.$router.push({ path: '/baseData/criticalPartsList/templateDetail', query: { id: row.id , divisionCn: row.divisionCn , isDefault: row.isDefault} })
+}
+
+// 复制新增
+function handleCopyAdd() {
+  // 候选值为奇瑞之外且未在主列表单独列出的事业部
+  getDivisionList();
+  open.value = true;
+  title.value = "复制新增";
+}
+
+// 添加事业部
+function handleAddDivision() {
+  // 候选值为不在主列表中的事业部
+  getDivisionList();
+  open2.value = true;
+  title.value = "添加事业部";
+}
+// 取消按钮
+function cancel() {
+  open.value = false;
+  reset();
+}
+
+// 表单重置
+function reset() {
+  form.value = {
+    id: null,
+    division: null,
+    divisionCn: null
+  };
+  proxy.resetForm("templateRef");
+}
+
+/** 提交按钮 */
+function submitForm() {
+  proxy.$refs["templateRef"].validate(valid => {
+    if (valid) {
+      addTemplate(form.value).then(response => {
+        if (response.code === 200){
+          proxy.$modal.msgSuccess("新增成功");
+          open.value = false;
+          open2.value = false;
+          getList();
+        }else {
+          proxy.$modal.msgError(response.msg)
+        }
+      });
+    }
+  });
+}
+
+/** 逻辑删除按钮操作 */
+function handleDelete(row) {
+  const _ids = row.id;
+  proxy.$modal.confirm('是否确认删除事业部为"' + row.divisionCn + '"的数据项？').then(function() {
+    return delLogicTemplate(_ids);
+  }).then(() => {
+    getList();
+    proxy.$modal.msgSuccess("删除成功");
+  }).catch(() => {});
+}
+
+getList();
+</script>