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

Compare commits

base: yangjun:467cb0dc7091e53f79e5239ebf21fd32e5ca27e2
Branches Tags
yangjun:master
...
compare: yangjun:bcfabb766767e648cd8511b82884da6380d9ac37
Branches Tags
yangjun:master

2 Commits
467cb0dc70 ... bcfabb7667

Author SHA1 Message Date
yangjun bcfabb7667 Merge branch 'master' of http://47.115.223.229:8888/yangjun/nursing_unit_vue 2025-07-15 08:41:18 +08:00
yangjun d8f2f5ab28 修改服务指令包样式 2025-07-15 08:41:14 +08:00
21 changed files with 1683 additions and 249 deletions
Show Stats Expand all files Collapse all files

BIN
src/assets/wlb/edit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
src/assets/wlb/mp3-close.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 KiB

BIN
src/assets/wlb/mp3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.1 KiB

BIN
src/assets/wlb/mp4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
src/assets/wlb/wlb-title.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

BIN
src/assets/wlb/wlb-type1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
src/assets/wlb/wlb-type2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

12
src/views/invoicing/ConfigMaterial/components/ConfigMaterialInfoForm.vue
View File

@ -94,6 +94,16 @@
<a-input-number v-model:value="formData.twoUnitPrice" placeholder="请输入爷级单位价格" style="width: 100%" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="物料上限" v-bind="validateInfos.upperLimit" id="ConfigMaterialInfoForm-upperLimit" name="twoUnitPrice">
<a-input-number v-model:value="formData.upperLimit" placeholder="请输入物料上限" style="width: 100%" />
</a-form-item>
</a-col>
<a-col :span="8">
<a-form-item label="物料下限" v-bind="validateInfos.lowerLimit" id="ConfigMaterialInfoForm-lowerLimit" name="twoUnitPrice">
<a-input-number v-model:value="formData.lowerLimit" placeholder="请输入物料下限" style="width: 100%" />
</a-form-item>
</a-col>
<a-col :span="24">
<a-form-item label="供应商" v-bind="validateInfos.suppliers" id="ConfigMaterialInfoForm-suppliers" name="suppliers" :labelCol="labelCol3" :wrapperCol="wrapperCol3">
<j-select-multiple placeholder="请选择物料类别" v-model:value="formData.suppliers" dictCode="nu_config_suppliers_info,suppliers_name,id,supply_state = 1 and del_flag = 0" allow-clear />
@ -159,6 +169,8 @@
suppliers: '',
materialImg: '',
materialIdent: '',
upperLimit: undefined,
lowerLimit: undefined,
});
const { createMessage } = useMessage();
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 9 } });

28
src/views/invoicing/jxc/JxcInfo.api.ts
View File

@ -6,29 +6,24 @@ const { createConfirm } = useMessage();
enum Api {
list = '/invoicing/configMaterialInfo/list',
save='/invoicing/configMaterialInfo/add',
edit='/invoicing/configMaterialInfo/edit',
deleteOne = '/invoicing/configMaterialInfo/delete',
edit='/invoicing/qgdInfo/edit',
deleteOne = '/invoicing/qgdInfo/delete',
deleteBatch = '/invoicing/configMaterialInfo/deleteBatch',
importExcel = '/invoicing/configMaterialInfo/importExcel',
exportXls = '/invoicing/configMaterialInfo/exportXls',
addList='/invoicing/qgdInfo/addList',
queryListByUser='/invoicing/qgdInfo/queryListByUser',
}
/**
* 导出api
* @param params
*/
export const getExportUrl = Api.exportXls;
/**
* 导入api
*/
export const getImportUrl = Api.importExcel;
/**
* 列表接口
* @param params
*/
export const list = (params) => defHttp.get({ url: Api.list, params });
/**
* 通过登录用户查询请购车列表
* @param params
*/
export const queryListByUser = (params) => defHttp.get({ url: Api.queryListByUser, params });
/**
* 删除单个
@ -70,3 +65,8 @@ export const saveOrUpdate = (params, isUpdate) => {
let url = isUpdate ? Api.edit : Api.save;
return defHttp.post({ url: url, params }, { isTransformResponse: false });
}
//添加请购信息
export const addList = (params) => {
return defHttp.post({ url: Api.addList, params }, { isTransformResponse: false });
}

52
src/views/invoicing/jxc/JxcInfo.data.ts
View File

@ -107,3 +107,55 @@ export const superQuerySchema = {
materialIdent: {title: '物料标识',order: 19,view: 'image', type: 'string',},
izEnabled: {title: '是否启用',order: 20,view: 'radio', type: 'string',dictCode: ' iz_enabled',},
};
//列表数据
export const columnsQgcList: BasicColumn[] = [
{
title: '货品名称',
align: "center",
dataIndex: 'wlName'
},
{
title: '货品编码',
align: "center",
dataIndex: 'wlMaterialNo',
width:'100px'
},
{
title: '请购数量',
align: "center",
dataIndex: 'purchaseQuantity',
width:'100px'
},
{
title: '规格型号',
align: "center",
dataIndex: 'wlSpecificationModel'
},
{
title: '货品单位',
align: "center",
dataIndex: 'wlUnits',
width:'100px'
},
{
title: '上限',
align: "center",
dataIndex: 'wlUpperLimit',
width:'100px'
},
{
title: '下限',
align: "center",
dataIndex: 'wlLowerLimit',
width:'100px'
},
{
title: '供应商',
align: "center",
dataIndex: 'suppliersName',
width:'200px'
},
];

77
src/views/invoicing/jxc/QgdList.vue
View File

@ -45,7 +45,7 @@
<template #tableTitle>
<div style="padding:10px 0 0 0;">
<a-badge :count="count" style="z-index: 9;" offset="-1">
<a-button type="primary" @click="handleAdd"> 请购车</a-button>
<a-button type="primary" @click="handleQgc"> 请购车</a-button>
</a-badge>
</div>
</template>
@ -59,7 +59,15 @@
<!-- 表单区域 -->
<ConfigMaterialInfoModal ref="registerModal" @success="handleSuccess"></ConfigMaterialInfoModal>
<QgdInfoModal ref="registerModal" @success="handleSuccess"></QgdInfoModal>
<a-drawer title="请购车" width="60vw" :open="qgcOpen" @close="onQgcClose">
<template #footer>
<a-button type="primary" @click="onQgcClose" style="float: right;">关闭</a-button>
<a-button type="primary" @click="onQgcCaigou" style="float: right;margin-right:10px;">提交采购</a-button>
</template>
<QgcList v-if="qgcOpen"></QgcList>
</a-drawer>
</div>
</template>
@ -68,9 +76,10 @@
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { useListPage } from '/@/hooks/system/useListPage';
import { columns, superQuerySchema } from './JxcInfo.data';
import { list, deleteOne, batchDelete, getImportUrl, getExportUrl } from './JxcInfo.api';
import { list, deleteOne, batchDelete, queryListByUser} from './JxcInfo.api';
import { downloadFile } from '/@/utils/common/renderUtils';
import ConfigMaterialInfoModal from '/@/views/invoicing/ConfigMaterial/components/ConfigMaterialInfoModal.vue'
import QgdInfoModal from '/@/views/invoicing/jxc/components/QgdInfoModal.vue'
import QgcList from '/@/views/invoicing/jxc/components/QgcList.vue'
import { useUserStore } from '/@/store/modules/user';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import JSwitch from '/@/components/Form/src/jeecg/components/JSwitch.vue';
@ -86,6 +95,7 @@ import type { CollapseProps } from 'ant-design-vue';
const queryParam = reactive<any>({});
const toggleSearchStatus = ref<boolean>(false);
const registerModal = ref();
const qgcOpen = ref(false)//请购车抽屉
const userStore = useUserStore();
const count = ref<number>(5);
//注册table数据
@ -105,15 +115,6 @@ import type { CollapseProps } from 'ant-design-vue';
return Object.assign(params, queryParam);
},
},
exportConfig: {
name: "物料信息",
url: getExportUrl,
params: queryParam,
},
importConfig: {
url: getImportUrl,
success: handleSuccess
},
});
const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
const labelCol = reactive({
@ -131,39 +132,26 @@ import type { CollapseProps } from 'ant-design-vue';
/**
* 新增事件
*/
function handleAdd() {
registerModal.value.disableSubmit = false;
registerModal.value.add();
function handleQgc() {
qgcOpen.value = true
handleSuccess()
}
//服务类别抽屉关闭
function onQgcClose() {
qgcOpen.value = false
}
/**
* 编辑事件
* 请购事件
*/
function handleEdit(record: Recordable) {
function handleAddQg(record: Recordable) {
registerModal.value.disableSubmit = false;
registerModal.value.edit(record);
}
/**
* 详情
*/
function handleDetail(record: Recordable) {
registerModal.value.disableSubmit = true;
registerModal.value.edit(record);
}
/**
* 删除事件
*/
async function handleDelete(record) {
await deleteOne({ id: record.id }, handleSuccess);
}
/**
* 批量删除事件
*/
async function batchHandleDelete() {
await batchDelete({ ids: selectedRowKeys.value }, handleSuccess);
function onQgcCaigou() {
qgcOpen.value = false
}
/**
@ -171,6 +159,7 @@ import type { CollapseProps } from 'ant-design-vue';
*/
function handleSuccess() {
(selectedRowKeys.value = []) && reload();
getQgcSize();
}
/**
@ -180,7 +169,7 @@ import type { CollapseProps } from 'ant-design-vue';
return [
{
label: '请购',
onClick: handleEdit.bind(null, record),
onClick: handleAddQg.bind(null, record),
},
];
}
@ -204,9 +193,19 @@ import type { CollapseProps } from 'ant-design-vue';
reload();
}
//获取请购车有多少条数据
function getQgcSize(){
var params = {}
count.value = 0;
queryListByUser(params).then((res) => {
console.log('getQgcSize--->',res);
count.value = res.total;
}) ;
}
// 自动请求并暴露内部方法
onMounted(() => {
getQgcSize();
});

254
src/views/invoicing/jxc/components/QgcList.vue Normal file
View File

@ -0,0 +1,254 @@
<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="materialName">
<template #label><span title="货品名称">货品名称</span></template>
<j-input placeholder="请输入货品名称" v-model:value="queryParam.materialName" allow-clear ></j-input>
</a-form-item>
</a-col>
<a-col :lg="6">
<a-form-item name="materialNo">
<template #label><span title="货品编码">货品编码</span></template>
<j-input placeholder="请输入货品编码" v-model:value="queryParam.materialNo" allow-clear ></j-input>
</a-form-item>
</a-col>
<a-col :lg="6">
<a-form-item name="pinyin">
<template #label><span title="拼音检索">拼音检索</span></template>
<j-input placeholder="请输入拼音" v-model:value="queryParam.pinyin" allow-clear ></j-input>
</a-form-item>
</a-col>
<a-col :lg="6">
<a-form-item name="izEnabled">
<template #label><span title="是否启用">是否启用</span></template>
<j-dict-select-tag type='list' placeholder="请选择是否启用" v-model:value="queryParam.izEnabled" dictCode="iz_enabled" allow-clear />
</a-form-item>
</a-col>
<a-col :xl="6" :lg="7" :md="8" :sm="24">
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<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>
</span>
</a-col>
</a-row>
</a-form>
</div>
<!--引用表格-->
<BasicTable @register="registerTable" >
<!--插槽:table标题-->
<template #tableTitle>
</template>
<!--操作栏-->
<template #action="{ record }">
<TableAction :actions="getTableAction(record)" />
</template>
<template v-slot:bodyCell="{ column, record, index, text }">
</template>
</BasicTable>
</div>
</template>
<script lang="ts" name="configMaterialInfo-configMaterialInfo" setup>
import { ref, reactive,onMounted } from 'vue';
import { BasicTable, useTable, TableAction } from '/@/components/Table';
import { useListPage } from '/@/hooks/system/useListPage';
import { columnsQgcList } from '../JxcInfo.data';
import { list, deleteOne, batchDelete, queryListByUser} from '../JxcInfo.api';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue';
import { JInput } from '/@/components/Form';
import { DownOutlined } from '@ant-design/icons-vue';
import { defHttp } from '/@/utils/http/axios';
const formRef = ref();
const queryParam = reactive<any>({});
const toggleSearchStatus = ref<boolean>(false);
const registerModal = ref();
const qgcOpen = ref(false)//请购车抽屉
const count = ref<number>(5);
//注册table数据
const { prefixCls, tableContext, onExportXls, onImportXls } = useListPage({
tableProps: {
title: '物料信息',
api: queryListByUser,
columns:columnsQgcList,
canResize:false,
useSearchForm: false,
showIndexColumn: true,
actionColumn: {
width: 100,
fixed: 'right',
},
beforeFetch: async (params) => {
return Object.assign(params, queryParam);
},
},
});
const [registerTable, { reload, collapseAll, updateTableDataRecord, findTableDataRecord, getDataSource }, { rowSelection, selectedRowKeys }] = tableContext;
const labelCol = reactive({
xs:24,
sm:6,
xl:6,
xxl:6
});
const wrapperCol = reactive({
xs: 24,
sm: 20,
});
/**
* 请购事件
*/
function handleAddQg(record: Recordable) {
registerModal.value.disableSubmit = false;
registerModal.value.edit(record);
}
/**
* 删除事件
*/
async function handleDelete(record) {
await deleteOne({ id: record.id }, handleSuccess);
}
/**
* 成功回调
*/
function handleSuccess() {
(selectedRowKeys.value = []) && reload();
}
/**
* 操作栏
*/
function getTableAction(record) {
return [
{
label: '编辑',
onClick: handleAddQg.bind(null, record),
},
{
label: '删除',
onClick: handleDelete.bind(null, record),
},
];
}
/**
* 查询
*/
function searchQuery() {
reload();
}
/**
* 重置
*/
function searchReset() {
formRef.value.resetFields();
selectedRowKeys.value = [];
queryParam.treeId = null;
//刷新数据
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%;
}
}
.all-card {
width: 80px;
height: 730px;
// background-color: rgb(217, 230, 239);
// display: flex;
/* justify-content: flex-end; */
align-items: flex-end;
flex-direction: column;
// padding-top: 10px;
}
.card {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 120px;
flex-direction: column;
background-color: rgb(243, 248, 251);
/* border-radius: 25px; */
}
.card-target {
display: flex;
justify-content: center;
align-items: center;
width: 80px;
height: 120px;
flex-direction: column;
background-color: #fff;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
/* position: relative; */
/* border-radius: 10px; */
}
.sanjiao-down {
position: absolute;
bottom: -26px;
left: 17px;
width: 64px;
/* 上边长度 */
height: 27px;
/* 右边长度 */
background-color: #fff;
/* 三角形填充色 */
/* 三点依次为：右上 (100% 0)，右下 (100% 100%)，左上 (0 0) */
clip-path: polygon(100% 0, 100% 100%, 0 0);
z-index: 999;
}
.sanjiao-up {
position: absolute;
top: -26px;
left: 17px;
width: 64px;
height: 27px;
background-color: #fff;
/* 三点依次为：右下 (100% 100%)，左下 (0 100%)，右上 (100% 0) */
clip-path: polygon(100% 100%, 0 100%, 100% 0);
z-index: 999;
}
</style>

296
src/views/invoicing/jxc/components/QgdInfoForm.vue Normal file
View File

@ -0,0 +1,296 @@
<template>
<a-spin :spinning="confirmLoading">
<JFormContainer :disabled="disabled">
<template #detail>
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol" name="ConfigMaterialInfoForm">
<a-row >
<a-col :span="24" style="margin-bottom: 10px;">
<a-row class="cardClass">
<a-col :span="6" style="text-align: center;">
<img src="../../../../assets/images/logo.png" style="width: 120px;"/>
</a-col>
<a-col :span="18" style="padding:10px;">
<a-row>
<a-col :span="24"><span style="font-size: 16px;font-weight: 700;">{{formData.materialName}}</span></a-col>
<a-col :span="12" class="detailClass">规格型号：{{formData.specificationModel}}</a-col>
<a-col :span="12" class="detailClass">采购单位：{{getCgdw()}}</a-col>
<a-col :span="12" class="detailClass">库存上限：{{formData.upperLimit}}</a-col>
<a-col :span="12" class="detailClass">库存下限：{{formData.lowerLimit}}</a-col>
<a-col :span="12" class="detailClass">库存数量：{{formData.kcsl?formData.kcsl:0}}</a-col>
</a-row>
</a-col>
</a-row>
</a-col>
<a-col :span="24" style="padding: 0 0 0 20px ;" v-for="item in dataList">
<a-row>
<a-col :span="14" style="line-height: 30px;">
<span>供应商：</span>
<span>{{item.suppliersName}}</span>
</a-col>
<a-col :span="10" style="line-height: 30px;">
<span>采购数量</span>
<span style="margin-left: 10px;">
<a-input-number v-model:value="item.purchaseQuantity" :min="0" :max="parseInt(formData.upperLimit)" :parser="value => parseInt(value) || 0" style="width:30px;" >
<template #addonBefore>
<a style="color:#a4a4a4;" @click="handleMin(item)">Min</a>
</template>
<template #addonAfter>
<a style="color:#a4a4a4;" @click="handleMAx(item)">Max</a>
</template>
</a-input-number>
</span>
</a-col>
<a-col>
<a-divider />
</a-col>
</a-row>
</a-col>
<a-col :span="24" style="text-align: right;padding-right: 20px;">
<span>合计：</span>
<span style="color: red;font-weight: 700">{{getCgslAll()}}</span>
<span style="font-weight: 700;margin-left:5px;">{{getCgdw()}}</span>
</a-col>
<a-col :span="24" style="text-align: right;padding-right: 20px;margin-top: 10px;" v-show="formData.multiUnitType=='1' || formData.multiUnitType=='2'">
<span style="color: #a3a4a6;" v-html="getDhblTips()"></span>
</a-col>
</a-row>
</a-form>
</template>
</JFormContainer>
</a-spin>
</template>
<script lang="ts" setup>
import { ref, reactive, defineExpose, nextTick, defineProps, computed, onMounted } from 'vue';
import { defHttp } from '/@/utils/http/axios';
import { useMessage } from '/@/hooks/web/useMessage';
import JDictSelectTag from '/@/components/Form/src/jeecg/components/JDictSelectTag.vue';
import JSwitch from '/@/components/Form/src/jeecg/components/JSwitch.vue';
import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
import { getValueType } from '/@/utils';
import { addList } from '../JxcInfo.api';
import { Form } from 'ant-design-vue';
import JFormContainer from '/@/components/Form/src/container/JFormContainer.vue';
import JSelectMultiple from '/@/components/Form/src/jeecg/components/JSelectMultiple.vue';
const props = defineProps({
formDisabled: { type: Boolean, default: false },
formData: { type: Object, default: () => ({})},
formBpm: { type: Boolean, default: true }
});
const formRef = ref();
const useForm = Form.useForm;
const emit = defineEmits(['register', 'ok']);
const formData = reactive<Record<string, any>>({
id: '',
categoryId: '',
typeId: '',
medicationId: '',
materialName: '',
materialNo: '',
specificationModel: '',
salesUnitPrice: undefined,
referenceUnitPrice: undefined,
materialUnits: '',
multiUnitSwitch: '2',
oneUnit: '',
oneUnitProportion: undefined,
oneUnitPrice: undefined,
twoUnit: '',
twoUnitProportion: undefined,
twoUnitPrice: undefined,
multiUnitType: '0',
izEnabled: '0',
suppliers: '',
materialImg: '',
materialIdent: '',
upperLimit: undefined,
lowerLimit: undefined,
suppliers_dictText: '',
kcsl:'',
});
const { createMessage } = useMessage();
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 9 } });
const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 13 } });
const labelCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 5 } });
const wrapperCol2 = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
const labelCol3 = ref<any>({ xs: { span: 24 }, sm: { span: 3 } });
const wrapperCol3 = ref<any>({ xs: { span: 24 }, sm: { span: 20 } });
const confirmLoading = ref<boolean>(false);
const dataList = ref<any>([]);
//表单验证
const validatorRules = reactive({
categoryId: [{ required: true, message: '请选择物料类别!'},],
typeId: [{ required: true, message: '请选择物料类型!'},],
materialName: [{ required: true, message: '请输入货品名称!'},],
salesUnitPrice: [{ required: true, message: '请输入销售单价!'},],
referenceUnitPrice: [{ required: true, message: '请输入参考单价!'},],
materialUnits: [{ required: true, message: '请输入货品单位!'},],
suppliers: [{ required: true, message: '请选择供应商!'},],
});
const { resetFields, validate, validateInfos } = useForm(formData, validatorRules, { immediate: false });
// 表单禁用
const disabled = computed(()=>{
if(props.formBpm === true){
if(props.formData.disabled === false){
return false;
}else{
return true;
}
}
return props.formDisabled;
});
//输入最小采购数量
function handleMin(record){
dataList.value.forEach(item=>{
if(item.suppliersId == record.suppliersId){
item.purchaseQuantity = 0;
}
})
}
//输入最大采购数量
function handleMAx(record){
var kcsx = formData.upperLimit?formData.upperLimit:0;
var kcsl = formData.kcsl?formData.kcsl:0;
var purchaseQuantity = parseInt(kcsx) - parseInt(kcsl);
dataList.value.forEach(item=>{
if(item.suppliersId == record.suppliersId){
item.purchaseQuantity = purchaseQuantity;
}else{
item.purchaseQuantity = 0;
}
})
}
//计算兑换比例
function getDhblTips(){
//多单位开关 0关 1开
if(formData.multiUnitSwitch=='1'){
// 多单位采购默认使用 0子集 1父级 2爷级
let dhbl = 1;
if(formData.multiUnitType=='1'){
dhbl = formData.oneUnitProportion;
}else if(formData.multiUnitType=='2'){
dhbl = formData.twoUnitProportion;
}else{
dhbl = 1;
}
let dhblsl = 0;
dataList.value.forEach(item=>{
dhblsl = dhblsl + item.purchaseQuantity;
})
var zs = dhblsl * dhbl;
return '温馨提示：采购总量：<span style="font-weight: 700;">'+zs+ formData.materialUnits+'</span>， 兑换比例：1 : '+dhbl;
}else{
return '';
}
}
//计算采购总量
function getCgslAll(){
var cgslAll = 0;
dataList.value.forEach(item=>{
cgslAll += parseInt(item.purchaseQuantity);
})
return cgslAll;
}
//获取采购单位
function getCgdw(){
//多单位开关 0关 1开
if(formData.multiUnitSwitch=='1'){
if(formData.multiUnitType=='0'){
return formData.materialUnits;
}else if(formData.multiUnitType=='1'){
return formData.oneUnit;
}else if(formData.multiUnitType=='2'){
return formData.twoUnit;
}else{//没配置就给默认的子集
return formData.materialUnits;
}
}else{
return formData.materialUnits;
}
}
/**
* 编辑
*/
function edit(record) {
console.log("🚀 ~ edit ~ record:", record)
nextTick(() => {
resetFields();
const tmpData = {};
Object.keys(formData).forEach((key) => {
if(record.hasOwnProperty(key)){
tmpData[key] = record[key]
}
})
//赋值
Object.assign(formData, tmpData);
//计算采购数量
var suppliersId = formData.suppliers;
var suppliersName = formData.suppliers_dictText;
var suppliersIdArr = suppliersId.split(",");
var suppliersNameArr = suppliersName.split(",");
dataList.value = [];
for(var i=0;i<suppliersIdArr.length;i++){
dataList.value.push({
suppliersId: suppliersIdArr[i],
suppliersName: suppliersNameArr[i],
purchaseQuantity: 0,
wlId: formData.id,
})
if(i==0){
var kcsx = formData.upperLimit?formData.upperLimit:0;
var kcsl = formData.kcsl?formData.kcsl:0;
var purchaseQuantity = parseInt(kcsx) - parseInt(kcsl);
dataList.value[0].purchaseQuantity = purchaseQuantity;
}
}
});
}
/**
* 提交数据
*/
async function submitForm() {
let params = dataList.value;
await addList(params)
.then((res) => {
if (res.success) {
createMessage.success(res.message);
emit('ok');
} else {
createMessage.warning(res.message);
}
})
.finally(() => {
confirmLoading.value = false;
});
}
defineExpose({
edit,
submitForm,
});
</script>
<style lang="less" scoped>
.antd-modal-form {
padding: 14px;
background-image: url('../resource/img/bj.png');
}
.cardClass{
margin: 20px;border: 1px solid #e8e8e8;border-radius: 8px;padding: 20px;box-shadow: 0 0 10px rgba(52, 152, 219, 0.5);transition: all 0.3s ease;
}
.detailClass{
margin-top: 5px;
}
</style>

67
src/views/invoicing/jxc/components/QgdInfoModal.vue Normal file
View File

@ -0,0 +1,67 @@
<template>
<j-modal :title="title" :width="width" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<NuInvoicingQgdInfoForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></NuInvoicingQgdInfoForm>
</j-modal>
</template>
<script lang="ts" setup>
import { ref, nextTick, defineExpose } from 'vue';
import NuInvoicingQgdInfoForm from './QgdInfoForm.vue'
import JModal from '/@/components/Modal/src/JModal/JModal.vue';
const title = ref<string>('');
const width = ref<number>(800);
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
const registerForm = ref();
const emit = defineEmits(['register', 'success']);
/**
* 编辑
* @param record
*/
function edit(record) {
title.value = '请购';
visible.value = true;
nextTick(() => {
registerForm.value.edit(record);
});
}
/**
* 确定按钮点击事件
*/
function handleOk() {
console.log("🚀 ~ handleOk ~ handleOk:", handleOk)
registerForm.value.submitForm();
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
defineExpose({
edit,
disableSubmit,
});
</script>
<style lang="less">
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>
<style lang="less" scoped></style>

220
src/views/services/directivePackage/DirectivePackageList copy.vue Normal file
View File

@ -0,0 +1,220 @@
<template>
<div class="p-2">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<a-form ref="formRef" :model="searchForm" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :lg="6">
<a-form-item name="packageName">
<template #label><span title="服务指令包名称">服务指令包</span></template>
<a-input v-model:value="searchForm.packageName" allow-clear />
</a-form-item>
</a-col>
<a-col :lg="6" :sm="24">
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<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-button type="primary" preIcon="ant-design:plus-outlined" @click="handleAdd"
style="margin-left: 8px">新增</a-button>
</a-col>
</span>
</a-col>
</a-row>
</a-form>
</div>
<a-row>
<a-col :span="6" v-for="directive of tableData.records" :key="directive.id" style="padding: 5px 10px 0 0;height: 220px;">
<a-row style="padding: 5px;background-color: white;border-radius: 8px;height: 200px;">
<a-col :span="4">
<div class="bjclass">
<img src="/src/assets/images/logo.png" style="width: 40px;height:40px;margin-top: 10px;" />
</div>
</a-col>
<a-col :span="20" style="padding: 15px;">
<div>
<span class="titleOne">{{ directive.packageName }}</span>
</div>
<div style="height: 100px">
<span class="ellipsis-two-lines" :title="directive.description">{{ directive.description }}</span>
</div>
<div style="color: #857f7f;">
<span style="float:left;"><Icon icon="ant-design:user-add-outlined" :size="18" /><span style="margin-left:5px;">{{ directive.createBy_dictText }}</span></span>
<span style="margin-left: 15px;float:left;"><Icon icon="ant-design:field-time-outlined" :size="20" /><span style="margin-left:5px;font-size:16px;">{{ directive.createTime.substring(0,10) }}</span></span>
<span style="float:right;">
<a-dropdown :trigger="['hover']" placement="topRight">
<a-button type="link"><Icon icon="ant-design:more-outlined" :size="20" /></a-button>
<template #overlay>
<a-menu>
<a-menu-item @click="packageEdit(directive)">
<template #icon></template>
编辑
</a-menu-item>
<a-menu-item>
<a-popconfirm title="是否确认删除？" ok-text="确认" cancel-text="取消" @confirm="remove(directive)">
删除
</a-popconfirm>
</a-menu-item>
</a-menu>
</template>
</a-dropdown>
</span>
</div>
</a-col>
</a-row>
</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;">共 {{ tableData.total }} 条数据</span>
<Pagination showLessItems v-model:current="pageParams.pageNo" :pageSize="pageParams.pageSize" size="small"
show-quick-jumper :total="tableData.total" @change="queryList" />
</div>
</div>
<!-- 表单区域 -->
<DirectivePackageModal ref="registerModal" @success="handleSuccess"></DirectivePackageModal>
</template>
<script lang="ts" name="directivePackage-directivePackage" setup>
import { ref, reactive, onMounted } from 'vue';
import DirectivePackageModal from './components/DirectivePackageModal.vue'
import { list, queryById, deleteOne } from './DirectivePackage.api'
import { Pagination } from 'ant-design-vue';
const registerModal = ref();
const searchForm = ref({})
const tableData = ref({})
const labelCol = reactive({
xs:24,
sm:6,
xl:6,
xxl:6
});
const wrapperCol = reactive({
xs: 24,
sm: 24,
});
const pageParams = ref({ pageNo: 1, pageSize: 12 })
// function onShowSizeChange (current, pageSize) {
// pageParams.value.pageSize = pageSize
// console.log(current, pageSize);
// };
/**
* 搜索
*/
function searchQuery() {
pageParams.value.pageNo = 1
queryList()
}
/**
* 重置
*/
function searchReset() {
searchForm.value = {}
pageParams.value.pageNo = 1
queryList()
}
/**
* 新增
*/
function handleAdd() {
registerModal.value.disableSubmit = false;
registerModal.value.add();
}
/**
* 成功回调
*/
function handleSuccess() {
queryList()
}
/**
* 数据查询
*/
function queryList() {
list({ pageNo: pageParams.value.pageNo, pageSize: pageParams.value.pageSize, packageName: searchForm.value.packageName }).then(res => {
tableData.value = res
})
}
/**
* 编辑
* @param data
*/
function packageEdit(data) {
queryById({ id: data.id }).then(item => {
registerModal.value.edit(item);
})
}
/**
* 移除
* @param data
*/
function remove(data) {
deleteOne({ id: data.id }, handleSuccess())
}
onMounted(() => {
queryList()
})
</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%;
}
}
.bjclass{
text-align: center;
margin-top: 24px;
border-radius: 50%;
width: 60px;
height: 60px;
background: linear-gradient(to bottom, #fff, #efe9e9);
margin-left: 9px;
}
.titleOne {
font-size: 16px;
font-weight: 600;
height: 40px;
line-height: 40px;
margin-bottom: 10px;
}
.ellipsis-two-lines {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* 限制文本为2行 */
overflow: hidden;
text-overflow: ellipsis;
line-height:24px;color: #5a5a5a;
}
</style>

112
src/views/services/directivePackage/DirectivePackageList.vue
View File

@ -25,42 +25,43 @@
</a-form>
</div>
<a-row>
<a-col :span="6" v-for="directive of tableData.records" :key="directive.id" style="padding: 5px 10px 0 0;height: 220px;">
<a-row style="padding: 5px;background-color: white;border-radius: 8px;height: 200px;">
<a-col :span="4">
<div class="bjclass">
<img src="/src/assets/images/logo.png" style="width: 40px;height:40px;margin-top: 10px;" />
</div>
</a-col>
<a-col :span="20" style="padding: 15px;">
<div>
<span class="titleOne">{{ directive.packageName }}</span>
</div>
<div style="height: 100px">
<span class="ellipsis-two-lines" :title="directive.description">{{ directive.description }}</span>
</div>
<div style="color: #857f7f;">
<span style="float:left;"><Icon icon="ant-design:user-add-outlined" :size="18" /><span style="margin-left:5px;">{{ directive.createBy_dictText }}</span></span>
<span style="margin-left: 15px;float:left;"><Icon icon="ant-design:field-time-outlined" :size="20" /><span style="margin-left:5px;font-size:16px;">{{ directive.createTime.substring(0,10) }}</span></span>
<span style="float:right;">
<a-dropdown :trigger="['hover']" placement="topRight">
<a-button type="link"><Icon icon="ant-design:more-outlined" :size="20" /></a-button>
<template #overlay>
<a-menu>
<a-menu-item @click="packageEdit(directive)">
<template #icon></template>
编辑
</a-menu-item>
<a-menu-item>
<a-popconfirm title="是否确认删除？" ok-text="确认" cancel-text="取消" @confirm="remove(directive)">
删除
</a-popconfirm>
</a-menu-item>
</a-menu>
</template>
</a-dropdown>
<a-col v-for="directive of tableData.records" :key="directive.id" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="4" style="padding: 5px 10px 0 0;height: 200px;">
<a-row class="cardDivClass">
<a-col :span="24">
<a-row style="padding: 10px">
<a-col :span="12">
<img src="/src/assets/images/logo.png" style="width: 25px;height:25px;" />
</a-col>
<a-col :span="12" style="text-align: right;position:relative;">
<div class="iconEditClass">
<a @click="packageEdit(directive)"> <img src="/src/assets/iot/a4.png" style="width: 15px;height:15px;margin-top:-3px" /></a>
</div>
<span>
<a-switch :checked="directive.izEnabled == '0'" @change="handleChangeIzEnabled(directive)" checked-children="启" un-checked-children="停" />
</span>
</div>
</a-col>
</a-row>
</a-col>
<a-col :span="24" >
<a-popover :title="directive.packageName">
<template #content>
<div style="min-width: 240px;">
<div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;" v-for="(item,index) in directive.directives">{{ item.directiveName }}</div>
<div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;color:red;" v-if="directive.directives.length==0">未配置</div>
</div>
</template>
<span class="titleOne ellipsis-two-lines">{{ directive.packageName }}</span>
</a-popover>
</a-col>
<a-col :span="24">
<a-divider style="margin: 10px 0 5px 0;"/>
</a-col>
<a-col :span="12" style="padding: 0px 10px">
{{ directive.createBy_dictText }}
</a-col>
<a-col :span="12" style="text-align: right;padding: 0px 10px;">
{{ directive.createTime.substring(0,10) }}
</a-col>
</a-row>
</a-col>
@ -81,6 +82,7 @@ import { ref, reactive, onMounted } from 'vue';
import DirectivePackageModal from './components/DirectivePackageModal.vue'
import { list, queryById, deleteOne } from './DirectivePackage.api'
import { Pagination } from 'ant-design-vue';
import { defHttp } from '/@/utils/http/axios';
const registerModal = ref();
const searchForm = ref({})
@ -95,11 +97,16 @@ const labelCol = reactive({
xs: 24,
sm: 24,
});
const pageParams = ref({ pageNo: 1, pageSize: 12 })
// function onShowSizeChange (current, pageSize) {
// pageParams.value.pageSize = pageSize
// console.log(current, pageSize);
// };
const pageParams = ref({ pageNo: 1, pageSize: 18 })
//启用停用
function handleChangeIzEnabled(record){
var izEnabled = record.izEnabled == '0' ? '1' : '0';
var params = {id:record.id,izEnabled};
defHttp.post({ url: '/services/directivePackage/directivePackage/edit', params }).then((res) => {
searchQuery()
});
}
/**
* 搜索
*/
@ -203,18 +210,33 @@ onMounted(() => {
margin-left: 9px;
}
.titleOne {
text-align: center;
font-size: 16px;
font-weight: 600;
height: 40px;
line-height: 40px;
margin-bottom: 10px;
}
.ellipsis-two-lines {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* 限制文本为2行 */
-webkit-line-clamp: 1; /* 限制文本为2行 */
overflow: hidden;
text-overflow: ellipsis;
line-height:24px;color: #5a5a5a;
}
.cardDivClass{
transition: all 0.3s ease;
position: relative;
padding: 5px;background-color: white;border-radius: 8px;height: 180px;
box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
}
.cardDivClass:hover{
padding: 5px;background-color: #f4fcff;border-radius: 8px;height: 180px;
box-shadow:
0 0 0 2px #d3d3d3, /* 描边 */
0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影 */
transform: translate(-2px , -2px); /* 轻微上浮效果 */
}
.iconEditClass{
position:absolute;top:0;right:54px;background: #dfdfdf;border-radius:50%;width: 25px;height: 25px;display:flex;justify-content: center;align-items: center;align-items: center;
}
</style>

24
src/views/services/directivePackage/components/DirectivePackageForm.vue
View File

@ -2,26 +2,26 @@
<a-spin :spinning="confirmLoading">
<JFormContainer :disabled="disabled">
<template #detail>
<a-form ref="formRef" class="antd-modal-form" layout="vertical" :labelCol="labelCol" :wrapperCol="wrapperCol"
<a-form ref="formRef" class="antd-modal-form" :labelCol="labelCol" :wrapperCol="wrapperCol"
name="DirectivePackageForm">
<a-row>
<a-col :span="24">
<a-col :span="8">
<a-form-item label="服务指令包名称" v-bind="validateInfos.packageName" id="DirectivePackageForm-packageName"
name="packageName">
<a-input v-model:value="formData.packageName" placeholder="请输入服务指令包名称" allow-clear></a-input>
</a-form-item>
</a-col>
<a-col :span="24">
<a-col :span="8">
<a-form-item label="是否启用" v-bind="validateInfos.izEnabled" id="DirectivePackageForm-izEnabled"
name="izEnabled">
<j-dict-select-tag type='radio' v-model:value="formData.izEnabled" dictCode="iz_enabled"
placeholder="是否启用" allow-clear />
</a-form-item>
</a-col>
<a-col :span="24">
<a-col :span="8">
<a-form-item label="备注" v-bind="validateInfos.description" id="DirectivePackageForm-description"
name="description">
<a-textarea v-model:value="formData.description" :rows="16" placeholder="请输入备注" />
<a-textarea v-model:value="formData.description" :rows="1" placeholder="请输入备注" />
</a-form-item>
</a-col>
<!-- <a-col :span="24">
@ -61,18 +61,8 @@ const formData = reactive<Record<string, any>>({
izEnabled: '0',
});
const { createMessage } = useMessage();
const labelCol = ref<any>({
xs: { span: 24 },
sm: { span: 5 },
xl: 16,
xxl: 16
});
const wrapperCol = ref<any>({
xs: { span: 24 },
sm: { span: 16 },
xl: 24,
xxl: 24
});
const labelCol = ref<any>({ xs: { span: 24 }, sm: { span: 8 } });
const wrapperCol = ref<any>({ xs: { span: 24 }, sm: { span: 16 } });
const confirmLoading = ref<boolean>(false);
//表单验证
const validatorRules = reactive({

351
src/views/services/directivePackage/components/DirectivePackageModal copy.vue Normal file
View File

@ -0,0 +1,351 @@
<template>
<!-- <j-modal :title="title" :width="width" :maskClosable="false" :fullscreen="true" :visible="visible" @ok="handleOk" :okButtonProps="{ class: { 'jee-hidden': disableSubmit } }" @cancel="handleCancel" cancelText="关闭">
<DirectivePackageForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false"></DirectivePackageForm>
</j-modal> -->
<a-drawer v-model:open="visible" v-if="visible" :title="title" width="80vw" :closable="false"
:footer-style="{ textAlign: 'right' }" @close="handleCancel">
<div style="display:flex;justify-content:space-between">
<div style="background-color: #fafafa;border-radius: 8px;padding: 10px;width: 25vw">
<div style="font-size: 18px;font-weight:700;padding: 15px">服务指令包详情</div>
<DirectivePackageForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false">
</DirectivePackageForm>
</div>
<div style="background-color: #fafafa;border-radius: 8px;padding: 10px;width: 25vw;height: 80vh;overflow:auto;">
<div style="padding: 15px;height: 30px;width:100%;">
<a-row>
<a-col :span="12">
<span style="font-size: 18px;font-weight:700;">服务指令</span>
</a-col>
<a-col :span="12" style="text-align: right;">
<span style="color: #777;">
<Icon icon="ant-design:reconciliation-outlined" /><a href="javascript:void(0);" @click="handleQuoteDirectives" style="color: #777;">引用 </a>
</span>
<span style="color: #777;margin-left: 10px;">
<Icon icon="ant-design:file-add-outlined" /><a href="javascript:void(0);" @click="handleAddDirectives" style="color: #777;">新增</a>
</span>
</a-col>
</a-row>
</div>
<div style="margin-top: 15px;">
<a-row>
<a-col :span="22" :push="1" v-for="directive of seletedRecord.directives" :key="directive.id"
style="margin-top: 15px;border-radius: 8px;" @click="directiveInfo(directive)" :class="{ 'selected': selectedDirective === directive.id }">
<a-card size="small">
<div >
<a-row :span="24">
<a-col :span="12" >
<span style="background-color: #67b4eb;border-radius: 50%;padding: 3px;color: white;width:27px;display: block;text-align: center;" v-if="selectedDirective === directive.id">
<a-popconfirm title="是否确认移除？" ok-text="确认" cancel-text="取消"
@confirm="deleteDirective(directive.id)">
<Icon icon="ant-design:delete-outlined" size="18"/>
</a-popconfirm>
</span>
</a-col>
<a-col :span="12" style="text-align: right;">
<span v-if="directive.cycleType=='1'" style="background-color: #1c9ef9;border-radius: 0 15px 15px 15px;padding: 5px 10px;color:white;">{{filterDictTextByCache('period_type', directive.cycleType)}}</span>
<span v-if="directive.cycleType=='2'" style="background-color: #7a5ffd;border-radius: 0 15px 15px 15px;padding: 5px 10px;color:white;">{{filterDictTextByCache('period_type', directive.cycleType)}}</span>
<span v-if="directive.cycleType=='3'" style="background-color: #35b082;border-radius: 0 15px 15px 15px;padding: 5px 10px;color:white;">{{filterDictTextByCache('period_type', directive.cycleType)}}</span>
</a-col>
</a-row>
</div>
<div style="margin-top: 10px;">
<div>
{{ directive.directiveName }}
</div>
<div>
体型标签：{{ handleBodyTags('', directive, '') }}
</div>
<div>
情绪标签：{{ handleEmotionTags('', directive, '') }}
</div>
</div>
</a-card>
</a-col>
</a-row>
</div>
</div>
<div>
<div style="border-radius: 8px;padding: 10px;width: 25vw;height: 80vh;overflow:auto;border: 1px solid #dcdfe6;">
<div style="padding: 15px;height: 30px;width:100%;">
<a-row>
<a-col :span="24">
<span style="font-size: 18px;font-weight:700;">服务指令详情</span>
</a-col>
</a-row>
</div>
<div style="margin-top: 20px;padding: 15px;">
<div class="directiveInfoClass">服务类别：{{ derectiveInfo.categoryName || derectiveInfo.categoryId_dictText }}</div>
<div class="directiveInfoClass">服务类型：{{ derectiveInfo.typeName || derectiveInfo.typeId_dictText }}</div>
<div class="directiveInfoClass">服务指令名称：{{ derectiveInfo.directiveName }}</div>
<div class="directiveInfoClass">周期类型：{{ filterDictTextByCache('period_type', derectiveInfo.cycleType) }}</div>
<div class="directiveInfoClass">服务时长(分钟)：{{ derectiveInfo.serviceDuration }}</div>
<div class="directiveInfoClass">服务说明：{{ derectiveInfo.serviceContent }}</div>
<div class="directiveInfoClass">体型标签：{{ handleBodyTags('', derectiveInfo, '') }}</div>
<div class="directiveInfoClass">情绪标签：{{ handleEmotionTags('', derectiveInfo, '') }}</div>
<div class="directiveInfoClass">语音文件：
<span v-if="!derectiveInfo.mp3FileMedia">暂无文件</span>
<audio controls disabled="false" v-else>
<source :src="getFileAccessHttpUrl(derectiveInfo.mp3FileMedia)">
</audio>
</div>
<div class="directiveInfoClass">视频文件：
<span v-if="!derectiveInfo.mp4FileMedia">暂无文件</span>
<video controls v-else>
<source :src="getFileAccessHttpUrl(derectiveInfo.mp4FileMedia)">
</video>
</div>
</div>
</div>
</div>
</div>
<!-- 服务指令列表编辑页 -->
<a-drawer v-model:open="directiveEditDrawer" title="选择服务指令" width="70vw" :closable="false"
:footer-style="{ textAlign: 'right' }" :body-style="{ padding: 0 }">
<ConfigServiceDirectiveList ref="configServiceDirectiveListRef" :directiveList="seletedRecord.directives"
@deleteDirective="deleteDirective" @addDirective="addDirective">
</ConfigServiceDirectiveList>
<template #footer>
<a-button style="margin-right: 8px" @click="handleDirectiveCancel">关闭</a-button>
<a-button type="primary" @click="handleDirectiveOk">确定</a-button>
</template>
</a-drawer>
<!-- 引用 -->
<a-drawer v-model:open="directiveQuoteDrawer" title="引用服务指令包" width="80vw" :closable="false"
:footer-style="{ textAlign: 'right' }">
<PackageList ref="directivePackageListRef"></PackageList>
<template #footer>
<a-button style="margin-right: 8px" @click="handleQuoteDrawCancel">关闭</a-button>
<a-button type="primary" @click="handleQuoteDrawOk">确定</a-button>
</template>
</a-drawer>
<template #footer>
<a-button style="margin-right: 8px" @click="handleCancel">关闭</a-button>
<a-button type="primary" @click="handleOk">确定</a-button>
</template>
</a-drawer>
</template>
<script lang="ts" setup>
import { ref, nextTick, defineExpose, computed } from 'vue';
import DirectivePackageForm from './DirectivePackageForm.vue'
import ConfigServiceDirectiveList from './ConfigServiceDirectiveList.vue'
import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
import PackageList from './PackageList.vue'
import { filterDictTextByCache } from '/@/utils/dict/JDictSelectUtil';
import { useMessage } from '/@/hooks/web/useMessage';
const title = ref<string>('');
const visible = ref<boolean>(false);
const disableSubmit = ref<boolean>(false);
const registerForm = ref();
const emit = defineEmits(['directiveOk', 'register', 'success']);
const directiveEditDrawer = ref<boolean>(false);
const configServiceDirectiveListRef = ref()
const derectiveInfo = ref({})
const selectedDirective = ref()
const directiveQuoteDrawer = ref(false)
const directivePackageListRef = ref()
const seletedRecord = ref({ directives: [] })//里面记录了已选择的服务指令，其他页面都需要操作这个对象
const { createMessage } = useMessage();
/**
* 处理体型标签翻译
* @param directive_
*/
function handleBodyTags(prefix, directive_, suffix) {
if (!!directive_.bodyTagList && directive_.bodyTagList.length > 0) {
let str = directive_.bodyTagList.map(item => item.tagName).join('、 ');
return prefix + str + suffix
} else {
return ''
}
}
/**
* 处理情绪标签翻译
* @param directive_
*/
function handleEmotionTags(prefix, directive_, suffix) {
if (!!directive_.emotionTagList && directive_.emotionTagList.length > 0) {
let str = directive_.emotionTagList.map(item => item.tagName).join('、 ');
return prefix + str + suffix
} else {
return ''
}
}
/**
* 新增
*/
function add() {
title.value = '新增服务指令包';
visible.value = true;
selectedDirective.value = ''
seletedRecord.value = { directives: [] }
derectiveInfo.value = {}
nextTick(() => {
registerForm.value.add();
});
}
/**
* 编辑
* @param record
*/
function edit(record) {
selectedDirective.value = ''
derectiveInfo.value = {}
seletedRecord.value = record
title.value = disableSubmit.value ? '详情' : '编辑';
visible.value = true;
nextTick(() => {
registerForm.value.edit(record);
});
}
/**
* 确定按钮点击事件
*/
function handleOk() {
registerForm.value.submitForm(seletedRecord.value.directives);
}
/**
* form保存回调事件
*/
function submitCallback() {
handleCancel();
emit('success');
}
/**
* 取消按钮回调事件
*/
function handleCancel() {
visible.value = false;
}
/**
* 新增/编辑服务指令
*/
const handleAddDirectives = () => {
directiveEditDrawer.value = true;
};
/**
* 管理服务指令编辑页
*/
function handleDirectiveCancel() {
directiveEditDrawer.value = false;
}
/**
* 保存服务指令编辑结果
*/
function handleDirectiveOk() {
directiveEditDrawer.value = false;
}
/**
* 点击服务指令卡片时触发：右侧展示指令详细信息
* @param directive
*/
function directiveInfo(directive) {
selectedDirective.value = directive.id
derectiveInfo.value = directive
}
/**
* 移除单个服务指令
* @param directiveId
*/
function deleteDirective(directiveId) {
setTimeout(() => {
derectiveInfo.value = {}
}, 200)
seletedRecord.value.directives = seletedRecord.value.directives.filter(item => item.id !== directiveId)
}
/**
* 新增单个服务指令
* @param directive_
*/
function addDirective(directive_) {
let res_ = seletedRecord.value.directives.filter(item => item.id == directive_.id)
if (res_.length > 0) {
createMessage.warning('服务指令已选择');
} else {
createMessage.success('选择成功');
seletedRecord.value.directives.push(directive_)
}
}
/**
* 引用
*/
function handleQuoteDirectives() {
directiveQuoteDrawer.value = true
}
/**
* 处理引用确认操作
*/
function handleQuoteDrawOk() {
directiveQuoteDrawer.value = false
//将数据合并（有去重操作）
seletedRecord.value.directives = [
...seletedRecord.value.directives,
...directivePackageListRef.value.selectedDirective.directives.reduce((acc, current) => {
if (!seletedRecord.value.directives.some((item) => item.id === current.id)) {
acc.push(current);
}
return acc;
}, []),
];
}
/**
* 处理引用取消操作
*/
function handleQuoteDrawCancel() {
directiveQuoteDrawer.value = false
}
defineExpose({
add,
edit,
disableSubmit,
});
</script>
<style lang="less">
/**隐藏样式-modal确定按钮 */
.jee-hidden {
display: none !important;
}
</style>
<style lang="less" scoped>
.selected {
border: 1px solid #1890ff;
}
.directiveInfoClass {
margin-top: 10px;
}
.scrollable-content {
height: 70vh;
/* 设置固定高度为视口的50% */
overflow-y: auto;
/* 垂直方向超出时显示滚动条 */
padding-right: 8px;
/* 防止滚动条遮挡内容 */
}
</style>

299
src/views/services/directivePackage/components/DirectivePackageModal.vue
View File

@ -4,104 +4,124 @@
</j-modal> -->
<a-drawer v-model:open="visible" v-if="visible" :title="title" width="80vw" :closable="false"
:footer-style="{ textAlign: 'right' }" @close="handleCancel">
<div style="display:flex;justify-content:space-between">
<div style="background-color: #fafafa;border-radius: 8px;padding: 10px;width: 25vw">
<div style="font-size: 18px;font-weight:700;padding: 15px">服务指令包详情</div>
<DirectivePackageForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false">
<a-row>
<a-col :span="21">
<DirectivePackageForm ref="registerForm" @ok="submitCallback" :formDisabled="disableSubmit" :formBpm="false">
</DirectivePackageForm>
</div>
<div style="background-color: #fafafa;border-radius: 8px;padding: 10px;width: 25vw;height: 80vh;overflow:auto;">
<div style="padding: 15px;height: 30px;width:100%;">
<a-row>
<a-col :span="12">
<span style="font-size: 18px;font-weight:700;">服务指令</span>
</a-col>
<a-col :span="12" style="text-align: right;">
<span style="color: #777;">
<Icon icon="ant-design:reconciliation-outlined" /><a href="javascript:void(0);" @click="handleQuoteDirectives" style="color: #777;">引用 </a>
</span>
<span style="color: #777;margin-left: 10px;">
<Icon icon="ant-design:file-add-outlined" /><a href="javascript:void(0);" @click="handleAddDirectives" style="color: #777;">新增</a>
</span>
</a-col>
</a-row>
</div>
<div style="margin-top: 15px;">
<a-row>
<a-col :span="22" :push="1" v-for="directive of seletedRecord.directives" :key="directive.id"
style="margin-top: 15px;border-radius: 8px;" @click="directiveInfo(directive)" :class="{ 'selected': selectedDirective === directive.id }">
<a-card size="small">
<div >
<a-row :span="24">
<a-col :span="12" >
<span style="background-color: #67b4eb;border-radius: 50%;padding: 3px;color: white;width:27px;display: block;text-align: center;" v-if="selectedDirective === directive.id">
<a-popconfirm title="是否确认移除？" ok-text="确认" cancel-text="取消"
@confirm="deleteDirective(directive.id)">
<Icon icon="ant-design:delete-outlined" size="18"/>
</a-popconfirm>
</span>
</a-col>
<a-col :span="12" style="text-align: right;">
<span v-if="directive.cycleType=='1'" style="background-color: #1c9ef9;border-radius: 0 15px 15px 15px;padding: 5px 10px;color:white;">{{filterDictTextByCache('period_type', directive.cycleType)}}</span>
<span v-if="directive.cycleType=='2'" style="background-color: #7a5ffd;border-radius: 0 15px 15px 15px;padding: 5px 10px;color:white;">{{filterDictTextByCache('period_type', directive.cycleType)}}</span>
<span v-if="directive.cycleType=='3'" style="background-color: #35b082;border-radius: 0 15px 15px 15px;padding: 5px 10px;color:white;">{{filterDictTextByCache('period_type', directive.cycleType)}}</span>
</a-col>
</a-row>
</div>
<div style="margin-top: 10px;">
<div>
{{ directive.directiveName }}
</div>
<div>
体型标签：{{ handleBodyTags('', directive, '') }}
</div>
<div>
情绪标签：{{ handleEmotionTags('', directive, '') }}
</div>
</div>
</a-card>
</a-col>
</a-row>
</div>
</div>
<div>
<div style="border-radius: 8px;padding: 10px;width: 25vw;height: 80vh;overflow:auto;border: 1px solid #dcdfe6;">
<div style="padding: 15px;height: 30px;width:100%;">
</a-col>
<a-col :span="3" style="padding-top: 19px;">
<span style="color: #fff; padding: 8px 10px; background: #dfdfdf; border-radius: 5px;" @click="handleQuoteDirectives">
<Icon icon="ant-design:reconciliation-outlined" /><a href="javascript:void(0);" style="color:#fff;">引用 </a>
</span>
<span style="color: #43cbd9; padding: 8px 10px; background: #fff; border-radius: 5px;margin-left:10px;border: 1px solid;" @click="handleAddDirectives">
<Icon icon="ant-design:file-add-outlined" /><a href="javascript:void(0);" style="color:#43cbd9;" >新增</a>
</span>
</a-col>
</a-row>
<a-row>
<a-col :span="6" v-for="directive of seletedRecord.directives" :key="directive.id" style="padding: 5px;" @click="directiveInfo(directive)" :class="{ 'selected': selectedDirective === directive.id }">
<div class="directiveClass">
<div class="fenleiClass">
<a-row>
<a-col :span="24">
<span style="font-size: 18px;font-weight:700;">服务指令详情</span>
<a-col :span="12">
分类
</a-col>
<a-col :span="12" style="text-align: right;padding-right: 10px;" v-show="selectedDirective === directive.id">
<span style="background-color: #67b4eb;border-radius: 50%;padding: 3px;color: white;width:27px;cursor: pointer;">
<a-popconfirm title="是否确认移除？" ok-text="确认" cancel-text="取消"
@confirm="deleteDirective(directive.id)">
<Icon icon="ant-design:delete-outlined" size="18"/>
</a-popconfirm>
</span>
</a-col>
</a-row>
</div>
<div style="margin-top: 20px;padding: 15px;">
<div class="directiveInfoClass">服务类别：{{ derectiveInfo.categoryName || derectiveInfo.categoryId_dictText }}</div>
<div class="directiveInfoClass">服务类型：{{ derectiveInfo.typeName || derectiveInfo.typeId_dictText }}</div>
<div class="directiveInfoClass">服务指令名称：{{ derectiveInfo.directiveName }}</div>
<div class="directiveInfoClass">周期类型：{{ filterDictTextByCache('period_type', derectiveInfo.cycleType) }}</div>
<div class="directiveInfoClass">服务时长(分钟)：{{ derectiveInfo.serviceDuration }}</div>
<div class="directiveInfoClass">服务说明：{{ derectiveInfo.serviceContent }}</div>
<div class="directiveInfoClass">体型标签：{{ handleBodyTags('', derectiveInfo, '') }}</div>
<div class="directiveInfoClass">情绪标签：{{ handleEmotionTags('', derectiveInfo, '') }}</div>
<div class="directiveInfoClass">语音文件：
<span v-if="!derectiveInfo.mp3FileMedia">暂无文件</span>
<audio controls disabled="false" v-else>
<source :src="getFileAccessHttpUrl(derectiveInfo.mp3FileMedia)">
</audio>
</div>
<div class="directiveInfoClass">视频文件：
<span v-if="!derectiveInfo.mp4FileMedia">暂无文件</span>
<video controls v-else>
<source :src="getFileAccessHttpUrl(derectiveInfo.mp4FileMedia)">
</video>
<!-- <div class="fwsjClass">10:00 - 10:10</div> -->
<div class="imgClass" style="margin-top: 10px;"><img :src="directive.previewFile?directive.previewFile:'../../../../assets/images/logo.png'" style="width: 100px;height:100px"/></div>
<a-row style="margin-top: 10px;">
<a-col :span="12">
<span style="margin-left:10px;font-size:20px;">{{ directive.directiveName }}</span>
</a-col>
<a-col :span="12" style="text-align: right;">
<span class="yuanClass" v-if="directive.serviceContent">
<a-popover title="服务说明">
<template #content>
<p>{{directive.serviceContent}}</p>
</template>
<img style="width: 15px;height: 15px;" src="/src/assets/wlb/edit.png"></img>
</a-popover>
</span>
<span class="yuanClass" v-if="directive.mp3File">
<a-popover title="音频介绍">
<template #content>
<audio controls disabled="false">
<source :src="getFileAccessHttpUrl(derectiveInfo.mp3FileMedia)">
</audio>
</template>
<img style="width: 15px;height: 15px;" src="/src/assets/wlb/mp3.png"></img>
</a-popover>
</span>
<span class="yuanClass" v-if="directive.mp4File">
<a-popover title="视频介绍">
<template #content>
<video controls>
<source :src="getFileAccessHttpUrl(derectiveInfo.mp4FileMedia)">
</video>
</template>
<img style="width: 15px;height: 15px;" src="/src/assets/wlb/mp4.png"></img>
</a-popover>
</span>
</a-col>
</a-row>
<div style="margin-top: 10px;">
<div style="display: flex; width:100% ;height: 50rpx;">
<view style="background-color: rgb(240,240,240);width: 115px;height: 30px;border-radius: 5px;position: relative;margin-left: 10px;">
<view style="position: absolute;top: 0;left: 0;width: 50%;height: 100%;">
<img style="width: 100%;height: 100%;position: absolute;top: 0;left: 0;" src="/src/assets/wlb/wlb-type1.png"></img>
<div style="color: #fff;z-index: 999;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 14px;">
医保
</div>
</view>
<view style="position: absolute;top: 0;left: 40%;width: 70%;height: 100%;">
<div style="z-index: 999;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 14px;margin-left: -2px;">
{{directive.izReimbursement=='1'?'报销':'不报销'}}
</div>
</view>
</view>
<view style="background-color: rgb(240,240,240);width: 115px;height: 30px;border-radius: 5px;position: relative;margin-left: 10px;">
<view style="position: absolute;top: 0;left: 0;width: 50%;height: 100%;">
<img style="width: 100%;height: 100%;position: absolute;top: 0;left: 0;" src="/src/assets/wlb/wlb-type2.png"></img>
<div style="color: #fff;z-index: 999;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 14px;">
优惠
</div>
</view>
<view style="position: absolute;top: 0;left: 40%;width: 70%;height: 100%;">
<div style="z-index: 999;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);font-size: 14px;margin-left: -2px;">
{{directive.izPreferential=='1'?'参与':'不参与'}}
</div>
</view>
</view>
</div>
</div>
<a-divider />
<a-row>
<a-col :span="16">
<span class="typeClass" v-if="directive.typeName">{{ directive.typeName }}</span>
<span class="typeClass" v-if="handleBodyTags('', directive, '')">{{ handleBodyTags('', directive, '') }}</span>
<span class="typeClass" v-if="handleEmotionTags('', directive, '')">{{ handleEmotionTags('', directive, '') }}</span>
</a-col>
<a-col :span="8" style="text-align: right;">
<span class="rchlClass" v-if="directive.cycleType=='1'">日常护理</span>
<span class="zqhlClass" v-if="directive.cycleType=='2'">周期护理</span>
<span class="jshlClass" v-if="directive.cycleType=='3'">即时护理</span>
</a-col>
</a-row>
</div>
</div>
</div>
</a-col>
</a-row>
<!-- 服务指令列表编辑页 -->
<a-drawer v-model:open="directiveEditDrawer" title="选择服务指令" width="70vw" :closable="false"
@ -117,8 +137,8 @@
<!-- 引用 -->
<a-drawer v-model:open="directiveQuoteDrawer" title="引用服务指令包" width="80vw" :closable="false"
:footer-style="{ textAlign: 'right' }">
<PackageList ref="directivePackageListRef"></PackageList>
:footer-style="{ textAlign: 'right'}" :body-style="{ background: '#dfdfdf' }" >
<PackageList ref="directivePackageListRef" ></PackageList>
<template #footer>
<a-button style="margin-right: 8px" @click="handleQuoteDrawCancel">关闭</a-button>
<a-button type="primary" @click="handleQuoteDrawOk">确定</a-button>
@ -333,7 +353,7 @@ defineExpose({
</style>
<style lang="less" scoped>
.selected {
border: 1px solid #1890ff;
// border: 1px solid #1890ff;
}
.directiveInfoClass {
@ -348,4 +368,97 @@ defineExpose({
padding-right: 8px;
/* 防止滚动条遮挡内容 */
}
.directiveClass{
transition: all 0.3s ease;
position: relative;
border-radius: 8px;
height: 320px;
background: linear-gradient(to bottom, #e1f3ff, #ffffff);
width: 100%;
box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
}
.directiveClass:hover{
background: linear-gradient(to bottom, #e1f3ff, #ffffff);
border-radius: 8px;
height: 320px;
box-shadow:
0 0 0 2px #d3d3d3, /* 描边 */
0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影 */
transform: translate(-2px , -2px); /* 轻微上浮效果 */
}
.fenleiClass{
background-image: url('/src/assets/wlb/wlb-title.png');
background-size: 100% 100%;
height: 36px;
color: #ffffff;
padding: 7px 0 0 20px;
}
.fwsjClass{
text-align: center;
font-weight: 700;
font-size: 20px;
margin: 7px;
}
.imgClass{
text-align: center;
}
.ybClass{
// background: #f0f0f0;padding:5px;margin:5px;
// border-radius: 5px;
// color: #ffffff;
background-image: url("/src/assets/wlb/wlb-type1.png");
background-size: 50px 23px;
width: 50px;
display: block;
padding-left: 10px;
color: #fff;
}
.jgyhClass{
background: #f0f0f0;padding:5px;margin:5px;
border-radius: 5px;
// color: #ffffff;
}
.typeClass{
margin-left: 10px;
padding: 5px;
border-radius: 5px;
background: #f0f0f0;
}
.rchlClass{
margin-left: 10px;
padding: 5px;
border-radius: 5px;
background: #f5fafe;
border: 1px solid #59bffe;
color: #59bffe;
margin-right:5px;
}
.zqhlClass{
margin-left: 10px;
padding: 5px;
border-radius: 5px;
background: #fff2df;
border: 1px solid #fb9f65;
color: #fb9f65;
margin-right:5px;
}
.jshlClass{
margin-left: 10px;
padding: 5px;
border-radius: 5px;
background: #e9e5fe;
border: 1px solid #9986fc;
color: #9986fc;
margin-right:5px;
}
.yuanClass{
margin-right:10px;background-color: #e3e6e8; border-radius: 50%; padding: 0px 5px 5px 5px;
cursor: pointer;
}
</style>

124
src/views/services/directivePackage/components/PackageList.vue
View File

@ -1,33 +1,67 @@
<template>
<div class="p-2">
<a-row>
<a-col :span="9">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<a-form ref="formRef" :model="searchForm" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :span="14">
<a-form-item name="packageName">
<template #label><span title="服务指令包名称">服务指令包</span></template>
<a-input v-model:value="searchForm.packageName" allow-clear />
</a-form-item>
<div class="p-2" style="background: #dfdfdf;">
<!--查询区域-->
<div class="jeecg-basic-table-form-container">
<a-form ref="formRef" :model="searchForm" :label-col="labelCol" :wrapper-col="wrapperCol">
<a-row :gutter="24">
<a-col :span="14">
<a-form-item name="packageName">
<template #label><span title="服务指令包名称">服务指令包</span></template>
<a-input v-model:value="searchForm.packageName" allow-clear />
</a-form-item>
</a-col>
<a-col :span="10">
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<a-col :lg="9">
<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 :span="10">
<span style="float: left; overflow: hidden" class="table-page-search-submitButtons">
<a-col :lg="9">
<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>
</span>
</a-col>
</a-row>
</a-form>
</div>
<a-row style="padding: 5px;">
<a-col v-for="directive of tableData.records" :key="directive.id" :xs="24" :sm="24" :md="12" :lg="12" :xl="8" :xxl="4" style="padding: 5px 10px 0 0;height: 200px;">
<a-row class="cardDivClass" @click="handlePackageClick(directive)" :class="{ 'selected': selectedDirective.id === directive.id }">
<a-col :span="24">
<a-row style="padding: 10px">
<a-col :span="12">
<img src="/src/assets/images/logo.png" style="width: 25px;height:25px;" />
</a-col>
<a-col :span="12" style="text-align: right;position:relative;">
<span>
<a-switch :checked="directive.izEnabled == '0'" @change="handleChangeIzEnabled(directive)" checked-children="启" un-checked-children="停" disabled />
</span>
</a-col>
</a-row>
</a-form>
</div>
<div>
<div class="scrollable-content">
<a-row>
<a-col :span="11" :push="1" v-for="(directive, index) of tableData.records" :key="index">
</a-col>
<a-col :span="24" >
<a-popover :title="directive.packageName">
<template #content>
<div style="min-width: 240px;">
<div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;" v-for="(item,index) in directive.directives">{{ item.directiveName }}</div>
<div style="max-width: 400px;line-height:30px;padding:5px;border-radius:5px;margin:5px;background:#f5f5f5;color:red;" v-if="directive.directives.length==0">未配置</div>
</div>
</template>
<span class="titleOne ellipsis-two-lines">{{ directive.packageName }}</span>
</a-popover>
</a-col>
<a-col :span="24">
<a-divider style="margin: 10px 0 5px 0;"/>
</a-col>
<a-col :span="12" style="padding: 0px 10px">
{{ directive.createBy_dictText }}
</a-col>
<a-col :span="12" style="text-align: right;padding: 0px 10px;">
{{ directive.createTime.substring(0,10) }}
</a-col>
</a-row>
</a-col>
<!-- <a-col :span="11" :push="1" v-for="(directive, index) of tableData.records" :key="index">
<a-card :bordered="false" size="small" class="smart-card"
style="margin: 10px;box-shadow: 1px 1px 5px #b0b0b0;" @click="handlePackageClick(directive)"
:class="{ 'selected': selectedDirective.id === directive.id }">
@ -36,13 +70,10 @@
<div> {{ directive.createBy }}</div>
<div>{{ directive.createTime }}</div>
</a-card>
<!-- </a-popover> -->
</a-col>
</a-row>
</div>
</div>
</a-col>
<a-col :span="8">
</a-col> -->
<!-- </a-row>
</div> -->
<!-- <a-col :span="8">
<a-card title="服务指令" style="width: 100%">
<div class="scrollable-content">
<a-row>
@ -96,7 +127,7 @@
</div>
</a-card>
</div>
</a-col>
</a-col> -->
</a-row>
</div>
</template>
@ -278,6 +309,15 @@ defineExpose({
}
}
.ant-drawer .ant-drawer-body {
flex: 1;
min-width: 0;
min-height: 0;
padding: 24px;
overflow: auto;
background: #dfdfdf;
}
.selected {
background: url("@/assets/icons/success.svg") no-repeat;
background-position: calc(100% - 5px) calc(100% - 5px);
@ -337,4 +377,22 @@ defineExpose({
padding-right: 8px;
/* 防止滚动条遮挡内容 */
}
.cardDivClass{
transition: all 0.3s ease;
position: relative;
padding: 5px;background-color: white;border-radius: 8px;height: 180px;
box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
}
.cardDivClass:hover{
padding: 5px;background-color: #f4fcff;border-radius: 8px;height: 180px;
box-shadow:
0 0 0 2px #d3d3d3, /* 描边 */
0 4px 8px rgba(0, 0, 0, 0.1); /* 阴影 */
transform: translate(-2px , -2px); /* 轻微上浮效果 */
}
.iconEditClass{
position:absolute;top:0;right:54px;background: #dfdfdf;border-radius:50%;width: 25px;height: 25px;display:flex;justify-content: center;align-items: center;align-items: center;
}
</style>

16
src/views/system/user/user.data.ts
View File

@ -157,10 +157,10 @@ export const formSchema: FormSchema[] = [
required: true,
message: '请输入登录密码',
},
{
pattern: /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/,
message: '密码由8位数字、大小写字母和特殊符号组成!',
},
// {
// pattern: /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/,
// message: '密码由8位数字、大小写字母和特殊符号组成!',
// },
],
},
{
@ -355,10 +355,10 @@ export const formPasswordSchema: FormSchema[] = [
required: true,
message: '请输入登录密码',
},
{
pattern: /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/,
message: '密码由8位数字、大小写字母和特殊符号组成!',
},
// {
// pattern: /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/,
// message: '密码由8位数字、大小写字母和特殊符号组成!',
// },
],
},
{