yangjun
/
hldy_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

服务指令-给所有业务平台更新指令资源

This commit is contained in:
1378012178@qq.com 2025-07-17 09:38:49 +08:00
parent d58a778106
commit 43f1dd7894
6 changed files with 208 additions and 165 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/views/services/serviceDirective/ConfigServiceDirective.api.ts
View File

@ -15,6 +15,7 @@ enum Api {
async = '/services/serviceDirective/async',
departList = '/sys/sysDepart/list',
syncMediaForBiz = '/services/serviceDirective/syncMediaForBiz',
syncMediaForAllBiz= '/services/serviceDirective/syncMediaForAllBiz',
}
/**
@ -98,4 +99,12 @@ export const asyncFunc = (params) => {
*/
export const syncMediaForBiz = (params) => {
return defHttp.post({ url: Api.syncMediaForBiz, params });
};
};
/**
* 将指令资源同步给所有业务平台
* @param params
*/
export const syncMediaForAllBiz = (params) => {
return defHttp.post({ url: Api.syncMediaForAllBiz, params });
};

8
src/views/services/serviceDirective/ConfigServiceDirectiveList.vue
View File

@ -316,7 +316,7 @@ function handleSuperQuery(params) {
*/
function handleAdd() {
registerModal.value.disableSubmit = false;
registerModal.value.auditSaveMeida = false;
registerModal.value.opeType = 'add';
registerModal.value.add();
}
@ -325,7 +325,7 @@ function handleAdd() {
*/
function handleEdit(record: Recordable) {
registerModal.value.disableSubmit = false;
registerModal.value.auditSaveMeida = false;
registerModal.value.opeType = 'edit';
registerModal.value.edit(record);
}
@ -334,7 +334,7 @@ function handleEdit(record: Recordable) {
*/
function handleMedia(record: Recordable) {
registerModal.value.disableSubmit = false;
registerModal.value.auditSaveMeida = false;
registerModal.value.opeType = 'editMedia';
registerModal.value.editMedia(record);
}
@ -343,7 +343,7 @@ function handleMedia(record: Recordable) {
*/
function handleDetail(record: Recordable) {
registerModal.value.disableSubmit = true;
registerModal.value.auditSaveMeida = false;
registerModal.value.opeType = 'look';
registerModal.value.edit(record);
}

21
src/views/services/serviceDirective/components/ConfigServiceDirectiveForm.vue
View File

@ -206,7 +206,7 @@ import { JCheckbox } from '/@/components/Form';
import JUpload from '/@/components/Form/src/jeecg/components/JUpload/JUpload.vue';
import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
import { getValueType } from '/@/utils';
import { saveOrUpdate, audit, syncMediaForBiz } from '../ConfigServiceDirective.api';
import { saveOrUpdate, audit, syncMediaForBiz, syncMediaForAllBiz } from '../ConfigServiceDirective.api';
import { Form } from 'ant-design-vue';
import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
@ -491,7 +491,7 @@ function submitAudit() {
}
/**
* 同步媒体资源给业务平台
* 同步媒体资源给指令所有者对应业务平台
*
*/
function syncMediaForBizFunc() {
@ -506,12 +506,29 @@ function syncMediaForBizFunc() {
});
}
/**
* 同步媒体资源给所有业务平台
*
*/
function syncMediaForAllBizFunc() {
formData.mediaFileSavePath = directiveBizPath
syncMediaForAllBiz(formData)
.then((res) => {
createMessage.success('操作成功！');
emit('ok');
})
.finally(() => {
confirmLoading.value = false;
});
}
defineExpose({
add,
edit,
submitForm,
submitAudit,
syncMediaForBizFunc,
syncMediaForAllBizFunc
});
</script>

29
src/views/services/serviceDirective/components/ConfigServiceDirectiveModal.vue
View File

@ -1,12 +1,13 @@
<template>
<j-modal :title="title" width="70vw" :visible="visible" @ok="handleOk"
:okButtonProps="{ class: { 'jee-hidden': (disableSubmit && !isAudit) } }" @cancel="handleCancel" cancelText="关闭"
:okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭"
:maskClosable="false">
<template #footer>
<a-button @click="handleCancel">关闭</a-button>
<a-button @click="handleOk" v-show="!auditSaveMeida">确定</a-button>
<a-button @click="handleSave" v-show="auditSaveMeida">暂存</a-button>
<a-button type="primary" @click="handleMediaAsync" v-show="auditSaveMeida">同步</a-button>
<a-button @click="handleOk" v-show="opeType == 'edit' || opeType == 'audit'">确定</a-button>
<a-button @click="handleSave" v-show="opeType == 'editMedia' || opeType == 'auditMedia'">暂存</a-button>
<a-button type="primary" @click="handleMediaAsync" v-show="opeType == 'auditMedia'">同步</a-button>
<a-button type="primary" @click="handleMediaSyncAllPlat" v-show="opeType == 'editMedia'">同步</a-button>
</template>
<ConfigServiceDirectiveForm ref="registerForm" v-if="visible" @ok="submitCallback" :formDisabled="disableSubmit"
:formBpm="false"></ConfigServiceDirectiveForm>
@ -29,12 +30,10 @@ const title = ref<string>('');
const visible = ref<boolean>(false);
const auditVisible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
const isAudit = ref<boolean>(false);
const auditSaveMeida = ref<boolean>(false);
const registerForm = ref();
const auditListRef = ref();
const emit = defineEmits(['register', 'success']);
const opeType = ref('')//操作类型 add新增 edit编辑 editMedia主列表-指令资源 look详情 audit审核 auditMedia审核列表-指令资源
/**
* 新增
@ -53,7 +52,6 @@ function add() {
*/
function edit(record) {
title.value = disableSubmit.value ? '详情' : '编辑';
isAudit.value = false
visible.value = true;
nextTick(() => {
registerForm.value.edit(record);
@ -66,7 +64,6 @@ function edit(record) {
*/
function audit(record) {
title.value = '审批';
isAudit.value = true
visible.value = true;
nextTick(() => {
registerForm.value.edit(record, false, true);
@ -97,7 +94,7 @@ function editMedia(record) {
* 确定按钮点击事件
*/
function handleOk() {
if (isAudit.value) {
if (opeType.value == 'audit') {
registerForm.value.submitAudit();
} else {
registerForm.value.submitForm();
@ -112,12 +109,19 @@ function handleSave() {
}
/**
* 给业务同步资源
* 给审核对应的业务平台同步资源
*/
function handleMediaAsync() {
registerForm.value.syncMediaForBizFunc();
}
/**
* 给所有业务平台同步资源
*/
function handleMediaSyncAllPlat() {
registerForm.value.syncMediaForAllBizFunc();
}
/**
* form保存回调事件
*/
@ -147,9 +151,8 @@ defineExpose({
editMedia,
disableSubmit,
audit,
isAudit,
openAuditList,
auditSaveMeida,
opeType,
});
</script>

5
src/views/services/serviceDirective/components/ServiceDirectiveAuditList.vue
View File

@ -128,8 +128,7 @@ const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDat
*/
function handleAudit(record: Recordable) {
registerModal.value.disableSubmit = true;
registerModal.value.isAudit = true;
registerModal.value.auditSaveMeida = false;
registerModal.value.opeType = 'audit';
registerModal.value.audit(record);
}
@ -145,7 +144,7 @@ function handleSuccess() {
*/
function handleMedia(record: Recordable) {
registerModal.value.disableSubmit = false;
registerModal.value.auditSaveMeida = true;
registerModal.value.opeType = 'auditMedia';
registerModal.value.editMedia(record);
}

299
src/views/synchronization/directive/syncList.vue
View File

@ -1,68 +1,72 @@
<template>
<div class="p-2">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :lg="6">
<a-form-item name="title">
<template #label><span title="机构名称">机构名称</span></template>
<a-input placeholder="请输入机构名称" v-model:value="queryParam.title" allow-clear ></a-input>
</a-form-item>
</a-col>
<a-col :lg="6" >
<a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
<a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset" style="margin-left: 8px">重置</a-button>
</a-col>
<a-col :lg="12" style="text-align: right;">
<a-button type="primary" preIcon="ant-design:cloud-sync-outlined" @click="handleJingxiang">镜像</a-button>
</a-col>
</a-row>
</a-form>
</div>
<a-row>
<a-col v-for="item in orgTableList.records" :key="item.id" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6" style="padding: 8px;">
<a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '60px', padding: '0 24px' }" :bodyStyle="{ padding: '24px 24px 4px 24px' }">
<template #title>
<a-row style="font-weight: normal;">
<a-col :span="22" style="font-size: 14px;padding-top: 4px;">
<div><span style="font-weight: bold;">{{item.departName}}</span></div>
</a-col>
<a-col :span="2" style="text-align: center;padding-top: 4px;">
<div class="zxClass">{{item.orgCode}}</div>
</a-col>
</a-row>
</template>
<p>加盟时间：{{item.operationStartTime.substring(0,10)}}</p>
<p>机构负责人：{{item.createBy}}</p>
<p>负责人电话：{{item.mobile}}</p>
<p class="ellipsis-one-lines" :title="item.address">机构地址：{{item.address}}</p>
<a-divider />
<p style="text-align:center;">
<span style="display:inline-block;cursor: pointer;" @click="handleDetail(item)">
<span class="tbClass"><img src="../../../assets/images/a14.png" style="width:20px;" /></span><br/>
<span class="antTitle">详情</span>
</span>
</p>
</a-card>
</a-col>
<a-col v-if="orgTableList.total==0" >
<div style="margin: 30px auto;">
<a-empty />
</div>
</a-col>
<div class="p-2">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<a-form ref="formRef" @keyup.enter.native="searchQuery" :model="queryParam" :label-col="labelCol"
:wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :lg="6">
<a-form-item name="title">
<template #label><span title="机构名称">机构名称</span></template>
<a-input placeholder="请输入机构名称" v-model:value="queryParam.title" allow-clear></a-input>
</a-form-item>
</a-col>
<a-col :lg="6">
<a-button type="primary" preIcon="ant-design:search-outlined" @click="searchQuery">查询</a-button>
<a-button type="primary" preIcon="ant-design:reload-outlined" @click="searchReset"
style="margin-left: 8px">重置</a-button>
</a-col>
<a-col :lg="12" style="text-align: right;">
<a-button type="primary" preIcon="ant-design:cloud-sync-outlined" @click="handleJingxiang">镜像</a-button>
</a-col>
</a-row>
<div
style="float:right;bottom: 20px;z-index: 999;padding: 8px 16px;border-radius: 4px;display: flex;align-items: center;">
<span style="margin-right: 10px;">共 {{ orgTableList.total }} 条数据</span>
<Pagination showLessItems v-model:current="pageParams.pageNo" :pageSize="pageParams.pageSize" size="small"
show-quick-jumper :total="orgTableList.total" @change="reload" />
</div>
<ConfigServiceDirectiveListModal ref="configServiceDirectiveListModal" />
<SyncStepListModal ref="syncStepListModal" />
</a-form>
</div>
<a-row>
<a-col v-for="item in orgTableList.records" :key="item.id" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="6"
style="padding: 8px;">
<a-card style="width: 100%;border-radius: 8px;" :headStyle="{ height: '60px', padding: '0 24px' }"
:bodyStyle="{ padding: '24px 24px 4px 24px' }">
<template #title>
<a-row style="font-weight: normal;">
<a-col :span="22" style="font-size: 14px;padding-top: 4px;">
<div><span style="font-weight: bold;">{{ item.departName }}</span></div>
</a-col>
<a-col :span="2" style="text-align: center;padding-top: 4px;">
<div class="zxClass">{{ item.orgCode }}</div>
</a-col>
</a-row>
</template>
<p>加盟时间：{{ item.operationStartTime.substring(0, 10) }}</p>
<p>机构负责人：{{ item.createBy }}</p>
<p>负责人电话：{{ item.mobile }}</p>
<p class="ellipsis-one-lines" :title="item.address">机构地址：{{ item.address }}</p>
<a-divider />
<p style="text-align:center;">
<span style="display:inline-block;cursor: pointer;" @click="handleDetail(item)">
<span class="tbClass"><img src="../../../assets/images/a14.png" style="width:20px;" /></span><br />
<span class="antTitle">详情</span>
</span>
</p>
</a-card>
</a-col>
<a-col v-if="orgTableList.total == 0">
<div style="margin: 30px auto;">
<a-empty />
</div>
</a-col>
</a-row>
<div
style="float:right;bottom: 20px;z-index: 999;padding: 8px 16px;border-radius: 4px;display: flex;align-items: center;">
<span style="margin-right: 10px;">共 {{ orgTableList.total }} 条数据</span>
<Pagination showLessItems v-model:current="pageParams.pageNo" :pageSize="pageParams.pageSize" size="small"
show-quick-jumper :total="orgTableList.total" @change="reload" />
</div>
<ConfigServiceDirectiveListModal ref="configServiceDirectiveListModal" />
<SyncStepListModal ref="syncStepListModal" />
</div>
</template>
<script setup name="synchronization-directive2" lang="ts">
@ -70,8 +74,8 @@ import { ref, reactive, computed, onMounted } from 'vue'
import JInput from "/@/components/Form/src/jeecg/components/JInput.vue";
import { getOrgInfo } from '/@/api/common/api';
// 以下为服务指令引用：
import { list, asyncFunc,departList } from '@/views/services/serviceDirective/ConfigServiceDirective.api';
import { Pagination } from 'ant-design-vue';
import { list, asyncFunc, departList } from '@/views/services/serviceDirective/ConfigServiceDirective.api';
import { Pagination } from 'ant-design-vue';
import ConfigServiceDirectiveListModal from '/@/views/synchronization/directive/serviceDirective/ConfigServiceDirectiveListModal.vue';
import SyncStepListModal from '/@/views/synchronization/directive/syncStep/SyncStepListModal.vue';
@ -83,89 +87,96 @@ const queryParam = reactive<any>({});
const pageParams = ref({ pageNo: 1, pageSize: 8 })
const labelCol = reactive({
xs:24,
sm:4,
xl:6,
xxl:4
});
const wrapperCol = reactive({
xs: 24,
sm: 20,
});
const labelCol = reactive({
xs: 24,
sm: 4,
xl: 6,
xxl: 4
});
const wrapperCol = reactive({
xs: 24,
sm: 20,
});
/**
* 镜像
*/
function handleJingxiang() {
syncStepListModal.value.init(null);
syncStepListModal.value.disableSubmit = true;
}
/**
* 详情
* @param record
*/
function handleJingxiang() {
syncStepListModal.value.init(null);
syncStepListModal.value.disableSubmit = true;
}
/**
* 详情
* @param record
*/
function handleDetail(record) {
configServiceDirectiveListModal.value.init(record);
configServiceDirectiveListModal.value.disableSubmit = true;
}
/**
* 查询
*/
function searchQuery() {
reload();
}
configServiceDirectiveListModal.value.init(record);
configServiceDirectiveListModal.value.disableSubmit = true;
}
/**
* 查询
*/
function searchQuery() {
reload();
}
function reload() {
//刷新数据
queryParam.pageSize = pageParams.value.pageSize;
queryParam.pageNo = pageParams.value.pageNo;
departList(queryParam).then(res => {
orgTableList.value = res;
});
}
/**
* 重置
*/
function searchReset() {
formRef.value.resetFields();
//刷新数据
reload();
}
// 自动请求并暴露内部方法
onMounted(() => {
reload();
function reload() {
//刷新数据
queryParam.pageSize = pageParams.value.pageSize;
queryParam.pageNo = pageParams.value.pageNo;
departList(queryParam).then(res => {
orgTableList.value = res;
});
}
/**
* 重置
*/
function searchReset() {
formRef.value.resetFields();
//刷新数据
reload();
}
// 自动请求并暴露内部方法
onMounted(() => {
reload();
});
</script>
<style lang="less" scoped>
.jeecg-basic-table-form-container {
padding: 0;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;
white-space: nowrap;
}
.query-group-cust{
min-width: 100px !important;
}
.query-group-split-cust{
width: 30px;
display: inline-block;
text-align: center
}
.ant-form-item:not(.ant-form-item-with-help){
margin-bottom: 16px;
height: 32px;
}
:deep(.ant-picker),:deep(.ant-input-number){
width: 100%;
}
.jeecg-basic-table-form-container {
padding: 0;
.table-page-search-submitButtons {
display: block;
margin-bottom: 24px;
white-space: nowrap;
}
.cardTitle{
.query-group-cust {
min-width: 100px !important;
}
.query-group-split-cust {
width: 30px;
display: inline-block;
text-align: center
}
.ant-form-item:not(.ant-form-item-with-help) {
margin-bottom: 16px;
height: 32px;
}
:deep(.ant-picker),
:deep(.ant-input-number) {
width: 100%;
}
}
.cardTitle {
background: #1ea0fa;
width: 100%;
margin: -28px -24px;
@ -176,8 +187,9 @@ function handleDetail(record) {
display: block;
position: absolute;
}
.zxClass{
font-size:12px;
.zxClass {
font-size: 12px;
background: linear-gradient(to right, #1ea0fa, #017de9);
border-radius: 8px;
height: 25px;
@ -185,20 +197,22 @@ function handleDetail(record) {
line-height: 25px;
}
.lxClass{
font-size:14px;
.lxClass {
font-size: 14px;
background: linear-gradient(to right, #cccccc, #cccccc);
border-radius: 8px;
height: 35px;
color: white;
line-height: 35px;
}
.tbClass{
.tbClass {
background: #f6f6f6;
padding: 8px;
border-radius: 5px;
}
.antTitle{
.antTitle {
margin-top: 10px;
display: block;
font-size: 12px;
@ -207,7 +221,8 @@ function handleDetail(record) {
.ellipsis-one-lines {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /* 限制文本为2行 */
-webkit-line-clamp: 1;
/* 限制文本为2行 */
overflow: hidden;
text-overflow: ellipsis;
}