php/houde_web_back
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

int

Browse Source
This commit is contained in:
ll 2023-05-06 19:04:12 +08:00
parent d910c5bc33
commit d16773f4d3
10 changed files with 257 additions and 173 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/index/contact_us/contact_info/consulting_hotline/components/AddConsultingHotlineDialog.vue
View File

@ -34,6 +34,11 @@
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="consulting_hotline_order" :min="0">
<el-input-number v-model="formData.consulting_hotline_order" controls-position="right" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>

5
src/pages/index/contact_us/contact_info/consulting_hotline/components/DetailConsultingHotlineDialog.vue
View File

@ -34,6 +34,11 @@
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="consulting_hotline_order" :min="0">
<el-input-number v-model="formData.consulting_hotline_order" controls-position="right" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog>

5
src/pages/index/contact_us/contact_info/consulting_hotline/components/EditConsultingHotlineDialog.vue
View File

@ -34,6 +34,11 @@
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="consulting_hotline_order" :min="0">
<el-input-number v-model="formData.consulting_hotline_order" controls-position="right" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>

28
src/pages/index/contact_us/contact_info/consulting_hotline/index.vue
View File

@ -60,6 +60,11 @@
:params="params"
:request="params => getConsultingHotlineList(params)"
>
<!-- 排序 -->
<template #consulting_hotline_order="scope">
<el-input-number :disabled="loading" v-model='scope.row.consulting_hotline_order' controls-position="right"
@change="handleEditOrder(scope.row)" :min="1"></el-input-number>
</template>
<template #chaoz="scope">
<el-space>
<el-button size="small" @click="handleUpdate(scope.row)">
@ -106,12 +111,14 @@ import { ArrowDown } from '@element-plus/icons-vue';
import { ref, reactive, watch } from 'vue';
import { useLoginStore } from '~/store';
import {
editConsultingHotline,
getConsultingHotlineList,
deleteConsultingHotline
} from '~/service/consulting_hotline';
import AddConsultingHotlineDialog from './components/AddConsultingHotlineDialog.vue';
import EditConsultingHotlineDialog from './components/EditConsultingHotlineDialog.vue';
import DetailConsultingHotlineDialog from './components/DetailConsultingHotlineDialog.vue';
import createDraw from 'hyw-drag'
const tableRef = ref();
const selectionData = ref([]);
@ -148,6 +155,11 @@ const column = [
label: '咨询热线方式',
width: '200'
},
{
prop: 'consulting_hotline_order',
label: '咨询热线排序',
width: '200'
},
{
label: '操作',
prop: 'chaoz',
@ -156,6 +168,22 @@ const column = [
}
];
//排序
const loading = ref(false)
async function handleEditOrder(data) {
loading.value = true
const { code } = await editConsultingHotline(data);
if (code == 0) {
loading.value = false
tableRef.value.reload()
}
}
const handleCommand = ({ type, row }) => {
switch (type) {
case 'detail':

36
src/pages/index/contact_us/contact_info/contact_infomation/index.vue
View File

@ -76,42 +76,6 @@ const uoloadData = ref({
//验证规则
const rules = reactive({
contact_info_phone: [
{
required: true,
message: '咨询热线不能为空'
}
],
contact_info_content: [
{
required: true,
message: '联系我们简介不能为空'
}
],
// customer_service_wx_img: [
// {
// required: true,
// message: '客服微信图片不能为空'
// }
// ],
// wx_office_accounts_img: [
// {
// required: true,
// message: '微信公众号图片不能为空'
// }
// ],
// weibo_img: [
// {
// required: true,
// message: '官方微博图片不能为空'
// }
// ],
// qq_img: [
// {
// required: true,
// message: '官方qq图片不能为空'
// }
// ],
});

12
src/pages/index/contact_us/contact_info/contact_scancode/components/AddContactScancodeDialog.vue
View File

@ -8,7 +8,12 @@
>
<el-form ref="formRef" :model="formData" :rules="rules">
<el-row>
<el-col :span="12">
<el-col :span="24">
<el-form-item :label-width="labelWidth" label="联系扫码标题" prop="contact_scancode_title">
<el-input v-model="formData.contact_scancode_title" type="text" placeholder="请输入标题"></el-input>
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="联系扫码图片"
@ -25,6 +30,11 @@
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="contact_scancode_order" :min="0">
<el-input-number v-model="formData.contact_scancode_order" controls-position="right" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>

77
src/pages/index/contact_us/contact_info/contact_scancode/components/DetailContactScancodeDialog.vue
View File

@ -1,36 +1,53 @@
<template>
<el-dialog v-model="props.modelValue" title="联系扫码详情" width="900px" @closed="closeDialog" @open="openDialog">
<el-dialog
v-model="props.modelValue"
title="联系扫码详情"
width="900px"
@closed="closeDialog"
@open="openDialog"
>
<el-form ref="formRef" :model="formData" :disabled="true">
<el-row>
<el-col :span='12'>
<el-form-item :label-width='labelWidth' label='联系扫码图片' prop='contact_scancode_img'>
<UploadImage ref='uploadRef' v-model='formData.contact_scancode_img' :data=uoloadData :limit='1' :fileSize='5'
:drag='true' :isShowTip='false' />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item :label-width="labelWidth" label="联系扫码标题" prop="contact_scancode_title">
<el-input v-model="formData.contact_scancode_title" type="text" placeholder="请输入标题"></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label-width="labelWidth"
label="联系扫码图片"
prop="contact_scancode_img"
>
<UploadImage
ref="uploadRef"
v-model="formData.contact_scancode_img"
:data="uoloadData"
:limit="1"
:fileSize="5"
:drag="true"
:isShowTip="false"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="contact_scancode_order" :min="0">
<el-input-number v-model="formData.contact_scancode_order" controls-position="right" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>
</el-dialog>
</template>
<script setup>
import { reactive, ref, watch } from "vue";
import { isEmptyObject } from "~/utils/index";
import { reactive, ref, watch } from 'vue';
import { isEmptyObject } from '~/utils/index';
// --业务参数
// --业务方法
// --基础参数
const formRef = ref();
const labelWidth = 100;
@ -38,32 +55,24 @@ const labelWidth = 100;
const props = defineProps({
modelValue: Boolean,
data: Object,
done: Function,
done: Function
});
const emits = defineEmits(["update:modelValue"]);
const emits = defineEmits(['update:modelValue']);
const formData = ref({
...props.data,
...props.data
});
// --基础方法
watch(props, (v) => {
watch(props, v => {
formData.value = v.data;
});
// 打开弹窗时执行
const openDialog = () => {
};
const openDialog = () => {};
const closeDialog = () => {
emits("update:modelValue", false);
emits('update:modelValue', false);
};
</script>
<style lang="less" scoped>
</style>
<style lang="less" scoped></style>

117
src/pages/index/contact_us/contact_info/contact_scancode/components/EditContactScancodeDialog.vue
View File

@ -1,22 +1,55 @@
<template>
<el-dialog v-model="props.modelValue" title="编辑联系扫码" width="900px" @closed="closeDialog" @open="openDialog">
<el-dialog
v-model="props.modelValue"
title="编辑联系扫码"
width="900px"
@closed="closeDialog"
@open="openDialog"
>
<el-form ref="formRef" :model="formData" :rules="rules">
<el-row>
<el-col :span='12'>
<el-form-item :label-width='labelWidth' label='联系扫码图片' prop='contact_scancode_img'>
<UploadImage ref='uploadRef' v-model='formData.contact_scancode_img' :data=uoloadData :limit='1' :fileSize='5'
:drag='true' :isShowTip='false' />
</el-form-item>
</el-col>
<el-col :span="24">
<el-form-item
:label-width="labelWidth"
label="联系扫码标题"
prop="contact_scancode_title"
>
<el-input
v-model="formData.contact_scancode_title"
type="text"
placeholder="请输入标题"
></el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item
:label-width="labelWidth"
label="联系扫码图片"
prop="contact_scancode_img"
>
<UploadImage
ref="uploadRef"
v-model="formData.contact_scancode_img"
:data="uoloadData"
:limit="1"
:fileSize="5"
:drag="true"
:isShowTip="false"
/>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="contact_scancode_order" :min="0">
<el-input-number v-model="formData.contact_scancode_order" controls-position="right" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>
</el-form>
<template #footer>
<span class="dialog-footer">
<el-button type="primary" @click="handleEditClick(formRef)">编辑</el-button>
<el-button type="primary" @click="handleEditClick(formRef)"
>编辑</el-button
>
<el-button @click="handleResetClick(formRef)">重置</el-button>
</span>
</template>
@ -24,77 +57,65 @@
</template>
<script setup>
import { reactive, ref, watch } from "vue";
import { editContactScancode } from "~/service/contact_scancode";
import { useLoginStore } from "~/store";
import { reactive, ref, watch } from 'vue';
import { editContactScancode } from '~/service/contact_scancode';
import { useLoginStore } from '~/store';
// --业务参数
// --业务方法
// --基础参数
const store = useLoginStore();
const headers = {
Accept: "application/json",
...store.headers,
Accept: 'application/json',
...store.headers
};
const formRef = ref();
const labelWidth = 100;
const props = defineProps({
modelValue: Boolean,
data: Object,
done: Function,
done: Function
});
const emits = defineEmits(["update:modelValue"]);
const emits = defineEmits(['update:modelValue']);
const formData = ref({
...props.data,
...props.data
});
const uoloadData = ref({
dirName: "ContactScancode"
})
dirName: 'ContactScancode'
});
// --基础方法
watch(props, (v) => {
watch(props, v => {
formData.value = v.data;
});
// 打开弹窗时执行
const openDialog = () => {
};
const openDialog = () => {};
const closeDialog = () => {
props.done();
emits("update:modelValue", false);
emits('update:modelValue', false);
};
const rules = reactive({
contact_scancode_img: [
{
required: true,
message: '联系扫码图片不能为空'
}
],
{
required: true,
message: '联系扫码图片不能为空'
}
]
});
const handleEditClick = async (formEl) => {
const handleEditClick = async formEl => {
console.log(formData.value);
if (!formEl) return;
formEl.validate(async (valid) => {
formEl.validate(async valid => {
if (!valid) {
return;
}
const { code } = await editContactScancode(formData.value);
if (code == 0) {
closeDialog();
@ -102,12 +123,10 @@ const handleEditClick = async (formEl) => {
}
});
};
const handleResetClick = async (formEl) => {
const handleResetClick = async formEl => {
if (!formEl) return;
formEl.resetFields();
};
</script>
<style lang="less" scoped>
</style>
<style lang="less" scoped></style>

143
src/pages/index/contact_us/contact_info/contact_scancode/index.vue
View File

@ -2,16 +2,18 @@
<!-- 面包屑 -->
<el-breadcrumb>
<el-breadcrumb-item>联系方式</el-breadcrumb-item>
<el-breadcrumb-item to="/contact_scancode/list">联系扫码列表</el-breadcrumb-item>
<el-breadcrumb-item to="/contact_scancode/list"
>联系扫码列表</el-breadcrumb-item
>
</el-breadcrumb>
<el-space style="margin-bottom: 10px;">
<el-space style="margin-bottom: 10px">
<!-- 添加联系扫码 -->
<el-col :span="1">
<el-button type="primary" @click="addContactScancodeDialogVisible = true"> 添加 </el-button>
<el-button type="primary" @click="addContactScancodeDialogVisible = true">
添加
</el-button>
</el-col>
<!-- 下拉操作 -->
<el-dropdown v-if="selectionData.length">
@ -36,15 +38,24 @@
:params="params"
:request="params => getContactScancodeList(params)"
>
<template #contact_scancode_img="scope">
<el-image v-if="scope.row.contact_scancode_img"
:src="scope.row.contact_scancode_img.split(',')[0]" lazy
:preview-src-list="scope.row.contact_scancode_img.split(',')" :preview-teleported="true" :hide-on-click-modal="true" fit="contain" class="el-avatar"
></el-image>
<template v-else>暂无图片</template>
</template>
<template #contact_scancode_img="scope">
<el-image
v-if="scope.row.contact_scancode_img"
:src="scope.row.contact_scancode_img.split(',')[0]"
lazy
:preview-src-list="scope.row.contact_scancode_img.split(',')"
:preview-teleported="true"
:hide-on-click-modal="true"
fit="contain"
class="el-avatar"
></el-image>
<template v-else>暂无图片</template>
</template>
<!-- 排序 -->
<template #contact_scancode_order="scope">
<el-input-number :disabled="loading" v-model='scope.row.contact_scancode_order' controls-position="right"
@change="handleEditOrder(scope.row)" :min="1"></el-input-number>
</template>
<template #chaoz="scope">
<el-space>
<el-button size="small" @click="handleUpdate(scope.row)">
@ -56,7 +67,7 @@
</el-button>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item :command="{ type: 'detail', row: scope.row}">
<el-dropdown-item :command="{ type: 'detail', row: scope.row }">
详情
</el-dropdown-item>
<el-dropdown-item :command="{ type: 'delete', row: scope.row }">
@ -70,18 +81,31 @@
</DataTable>
<!-- 添加联系扫码 -->
<AddContactScancodeDialog v-model="addContactScancodeDialogVisible" :done="() => tableRef.reload()"></AddContactScancodeDialog>
<AddContactScancodeDialog
v-model="addContactScancodeDialogVisible"
:done="() => tableRef.reload()"
></AddContactScancodeDialog>
<!-- 编辑联系扫码 -->
<EditContactScancodeDialog
v-model="EditContactScancodeDialogVisible" :data="EditContactScancodeDialogRow" :done="() => tableRef.reload()"></EditContactScancodeDialog>
<!-- 联系扫码详情 -->
<DetailContactScancodeDialog v-model="DetailContactScancodeDialogVisible" :data="DetailContactScancodeDialogRow"></DetailContactScancodeDialog>
v-model="EditContactScancodeDialogVisible"
:data="EditContactScancodeDialogRow"
:done="() => tableRef.reload()"
></EditContactScancodeDialog>
<!-- 联系扫码详情 -->
<DetailContactScancodeDialog
v-model="DetailContactScancodeDialogVisible"
:data="DetailContactScancodeDialogRow"
></DetailContactScancodeDialog>
</template>
<script setup>
import { ArrowDown } from '@element-plus/icons-vue';
import { ref, reactive,watch } from 'vue';
import { useLoginStore } from "~/store";
import { getContactScancodeList, deleteContactScancode } from '~/service/contact_scancode';
import { ref, reactive, watch } from 'vue';
import { useLoginStore } from '~/store';
import {
getContactScancodeList,
deleteContactScancode,
editContactScancode
} from '~/service/contact_scancode';
import AddContactScancodeDialog from './components/AddContactScancodeDialog.vue';
import EditContactScancodeDialog from './components/EditContactScancodeDialog.vue';
import DetailContactScancodeDialog from './components/DetailContactScancodeDialog.vue';
@ -97,37 +121,56 @@ const DetailContactScancodeDialogVisible = ref(false);
const DetailContactScancodeDialogRow = ref({});
const headers = {
Accept: "application/json",
...store.headers,
Accept: 'application/json',
...store.headers
};
// 查询参数
const params = reactive({
});
const params = reactive({});
const column = [
{
fixed: true,
type: 'selection'
},
{
prop: "contact_scancode_img",
label: '联系扫码图片',
width: '150'
},
{
label: '操作',
prop: 'chaoz',
width: '250',
fixed: 'right'
}
{
fixed: true,
type: 'selection'
},
{
prop: 'contact_scancode_title',
label: '联系扫码标题',
width: '150'
},
{
prop: 'contact_scancode_img',
label: '联系扫码图片',
width: '150'
},
{
prop: 'contact_scancode_order',
label: '联系扫码排序',
width: '200'
},
{
label: '操作',
prop: 'chaoz',
width: '250',
fixed: 'right'
}
];
//排序
const loading = ref(false)
async function handleEditOrder(data) {
loading.value = true
const { code } = await editContactScancode(data);
if (code == 0) {
loading.value = false
tableRef.value.reload()
}
}
const handleCommand = ({ type, row }) => {
switch (type) {
case "detail":
case 'detail':
handleDetail(row);
break;
case 'delete':
@ -150,17 +193,13 @@ const handleDelete = data => {
// 修改
function handleUpdate(row) {
EditContactScancodeDialogVisible.value = true
EditContactScancodeDialogRow.value = row
EditContactScancodeDialogVisible.value = true;
EditContactScancodeDialogRow.value = row;
}
// 详情
function handleDetail(row) {
DetailContactScancodeDialogVisible.value = true
DetailContactScancodeDialogRow.value = row
DetailContactScancodeDialogVisible.value = true;
DetailContactScancodeDialogRow.value = row;
}
</script>

2
src/pages/index/examination_information/info_article_type/components/AddinfoArticleTypeDialog.vue
View File

@ -9,7 +9,7 @@
</el-col>
<el-col :span="12">
<el-form-item :label-width="labelWidth" label="排序" prop="info_article_type_sort">
<el-input-number v-model="formData.info_article_type_sort" controls-position="right"></el-input-number>
<el-input-number v-model="formData.info_article_type_sort" controls-position="right" :min="0"></el-input-number>
</el-form-item>
</el-col>
</el-row>