From 9eaaf9e23411eff7cb08b853d9a09861d4bab372 Mon Sep 17 00:00:00 2001
From: ll <2149573631@qq.com>
Date: Fri, 5 May 2023 16:53:13 +0800
Subject: [PATCH] int

---
 .../components/AddConsultingHotlineDialog.vue | 133 +++++++++++++
 .../DetailConsultingHotlineDialog.vue         |  77 ++++++++
 .../EditConsultingHotlineDialog.vue           | 129 +++++++++++++
 .../contact_info/consulting_hotline/index.vue | 181 ++++++++++++++++++
 .../{ => contact_infomation}/index.vue        |  58 +++---
 .../components/AddContactScancodeDialog.vue   | 115 +++++++++++
 .../DetailContactScancodeDialog.vue           |  69 +++++++
 .../components/EditContactScancodeDialog.vue  | 113 +++++++++++
 .../contact_info/contact_scancode/index.vue   | 166 ++++++++++++++++
 src/service/consulting_hotline.js             |  56 ++++++
 src/service/contact_scancode.js               |  56 ++++++
 11 files changed, 1121 insertions(+), 32 deletions(-)
 create mode 100644 src/pages/index/contact_us/contact_info/consulting_hotline/components/AddConsultingHotlineDialog.vue
 create mode 100644 src/pages/index/contact_us/contact_info/consulting_hotline/components/DetailConsultingHotlineDialog.vue
 create mode 100644 src/pages/index/contact_us/contact_info/consulting_hotline/components/EditConsultingHotlineDialog.vue
 create mode 100644 src/pages/index/contact_us/contact_info/consulting_hotline/index.vue
 rename src/pages/index/contact_us/contact_info/{ => contact_infomation}/index.vue (84%)
 create mode 100644 src/pages/index/contact_us/contact_info/contact_scancode/components/AddContactScancodeDialog.vue
 create mode 100644 src/pages/index/contact_us/contact_info/contact_scancode/components/DetailContactScancodeDialog.vue
 create mode 100644 src/pages/index/contact_us/contact_info/contact_scancode/components/EditContactScancodeDialog.vue
 create mode 100644 src/pages/index/contact_us/contact_info/contact_scancode/index.vue
 create mode 100644 src/service/consulting_hotline.js
 create mode 100644 src/service/contact_scancode.js

diff --git a/src/pages/index/contact_us/contact_info/consulting_hotline/components/AddConsultingHotlineDialog.vue b/src/pages/index/contact_us/contact_info/consulting_hotline/components/AddConsultingHotlineDialog.vue
new file mode 100644
index 0000000..bb167ec
--- /dev/null
+++ b/src/pages/index/contact_us/contact_info/consulting_hotline/components/AddConsultingHotlineDialog.vue
@@ -0,0 +1,133 @@
+<template>
+  <el-dialog
+    v-model="dialogVisible"
+    title="添加咨询热线"
+    width="900px"
+    @closed="closeDialog"
+    @open="openDialog"
+  >
+    <el-form ref="formRef" :model="formData" :rules="rules">
+      <el-row>
+        <el-col :span="24">
+          <el-form-item
+            :label-width="labelWidth"
+            label="资讯留言人"
+            prop="consulting_hotline_user"
+          >
+            <el-input
+              v-model="formData.consulting_hotline_user"
+              type="text"
+              placeholder="请输入资讯留言人"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            :label-width="labelWidth"
+            label="资讯热线方式"
+            prop="consulting_hotline_phone"
+          >
+            <el-input
+              v-model="formData.consulting_hotline_phone"
+              type="text"
+              placeholder="请输入资讯热线方式"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+      </el-row>
+    </el-form>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="handleAddClick(formRef)"
+          >添加</el-button
+        >
+        <el-button @click="handleResetClick(formRef)">重置</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { reactive, ref, watch } from 'vue';
+import { addConsultingHotline } from '~/service/consulting_hotline';
+import { useLoginStore } from '~/store';
+
+// --业务参数
+
+// --业务方法
+
+// --基础参数
+const store = useLoginStore();
+const headers = {
+  Accept: 'application/json',
+  ...store.headers
+};
+
+const formRef = ref();
+const labelWidth = 90;
+const props = defineProps({
+  modelValue: Boolean,
+  done: Function
+});
+const emits = defineEmits(['update:modelValue']);
+const dialogVisible = ref(props.modelValue);
+const formData = reactive({});
+
+const uoloadData = ref({
+  dirName: 'ConsultingHotline'
+});
+
+watch(props, v => {
+  dialogVisible.value = v.modelValue;
+});
+
+const rules = reactive({
+  consulting_hotline_user: [
+    {
+      required: true,
+      message: '资讯留言人不能为空'
+    }
+  ],
+  consulting_hotline_phone: [
+    {
+      required: true,
+      message: '资讯热线方式不能为空'
+    }
+  ]
+});
+
+// --基础方法
+
+// 打开弹窗时执行
+const openDialog = () => {};
+
+const closeDialog = () => {
+  handleResetClick(formRef.value);
+  dialogVisible.value = false;
+  emits('update:modelValue', false);
+};
+
+const handleAddClick = async formEl => {
+  console.log(formData);
+  if (!formEl) return;
+  formEl.validate(async valid => {
+    if (!valid) {
+      return;
+    }
+
+    const { code } = await addConsultingHotline(formData);
+    if (code == 0) {
+      closeDialog();
+      props.done();
+    }
+  });
+};
+
+const handleResetClick = async formEl => {
+  if (!formEl) return;
+  formEl.resetFields();
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/pages/index/contact_us/contact_info/consulting_hotline/components/DetailConsultingHotlineDialog.vue b/src/pages/index/contact_us/contact_info/consulting_hotline/components/DetailConsultingHotlineDialog.vue
new file mode 100644
index 0000000..7f42c1e
--- /dev/null
+++ b/src/pages/index/contact_us/contact_info/consulting_hotline/components/DetailConsultingHotlineDialog.vue
@@ -0,0 +1,77 @@
+<template>
+  <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="24">
+          <el-form-item
+            :label-width="labelWidth"
+            label="资讯留言人"
+            prop="consulting_hotline_user"
+          >
+            <el-input
+              v-model="formData.consulting_hotline_user"
+              type="text"
+              placeholder="请输入资讯留言人"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            :label-width="labelWidth"
+            label="资讯热线方式"
+            prop="consulting_hotline_phone"
+          >
+            <el-input
+              v-model="formData.consulting_hotline_phone"
+              type="text"
+              placeholder="请输入资讯热线方式"
+            ></el-input>
+          </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';
+
+// --业务参数
+
+// --业务方法
+
+// --基础参数
+const formRef = ref();
+const labelWidth = 100;
+
+const props = defineProps({
+  modelValue: Boolean,
+  data: Object,
+  done: Function
+});
+const emits = defineEmits(['update:modelValue']);
+const formData = ref({
+  ...props.data
+});
+
+// --基础方法
+watch(props, v => {
+  formData.value = v.data;
+});
+
+// 打开弹窗时执行
+const openDialog = () => {};
+
+const closeDialog = () => {
+  emits('update:modelValue', false);
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/pages/index/contact_us/contact_info/consulting_hotline/components/EditConsultingHotlineDialog.vue b/src/pages/index/contact_us/contact_info/consulting_hotline/components/EditConsultingHotlineDialog.vue
new file mode 100644
index 0000000..9cd8886
--- /dev/null
+++ b/src/pages/index/contact_us/contact_info/consulting_hotline/components/EditConsultingHotlineDialog.vue
@@ -0,0 +1,129 @@
+<template>
+  <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="24">
+          <el-form-item
+            :label-width="labelWidth"
+            label="资讯留言人"
+            prop="consulting_hotline_user"
+          >
+            <el-input
+              v-model="formData.consulting_hotline_user"
+              type="text"
+              placeholder="请输入资讯留言人"
+            ></el-input>
+          </el-form-item>
+        </el-col>
+        <el-col :span="24">
+          <el-form-item
+            :label-width="labelWidth"
+            label="资讯热线方式"
+            prop="consulting_hotline_phone"
+          >
+            <el-input
+              v-model="formData.consulting_hotline_phone"
+              type="text"
+              placeholder="请输入资讯热线方式"
+            ></el-input>
+          </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 @click="handleResetClick(formRef)">重置</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { reactive, ref, watch } from 'vue';
+import { editConsultingHotline } from '~/service/consulting_hotline';
+import { useLoginStore } from '~/store';
+
+// --业务参数
+
+// --业务方法
+
+// --基础参数
+const store = useLoginStore();
+const headers = {
+  Accept: 'application/json',
+  ...store.headers
+};
+const formRef = ref();
+const labelWidth = 100;
+const props = defineProps({
+  modelValue: Boolean,
+  data: Object,
+  done: Function
+});
+const emits = defineEmits(['update:modelValue']);
+const formData = ref({
+  ...props.data
+});
+const uoloadData = ref({
+  dirName: 'ConsultingHotline'
+});
+
+// --基础方法
+watch(props, v => {
+  formData.value = v.data;
+});
+
+// 打开弹窗时执行
+const openDialog = () => {};
+
+const closeDialog = () => {
+  props.done();
+  emits('update:modelValue', false);
+};
+
+const rules = reactive({
+  consulting_hotline_user: [
+    {
+      required: true,
+      message: '资讯留言人不能为空'
+    }
+  ],
+  consulting_hotline_phone: [
+    {
+      required: true,
+      message: '资讯热线方式不能为空'
+    }
+  ]
+});
+
+const handleEditClick = async formEl => {
+  console.log(formData.value);
+  if (!formEl) return;
+  formEl.validate(async valid => {
+    if (!valid) {
+      return;
+    }
+
+    const { code } = await editConsultingHotline(formData.value);
+    if (code == 0) {
+      closeDialog();
+      props.done();
+    }
+  });
+};
+const handleResetClick = async formEl => {
+  if (!formEl) return;
+  formEl.resetFields();
+};
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/pages/index/contact_us/contact_info/consulting_hotline/index.vue b/src/pages/index/contact_us/contact_info/consulting_hotline/index.vue
new file mode 100644
index 0000000..5dc508b
--- /dev/null
+++ b/src/pages/index/contact_us/contact_info/consulting_hotline/index.vue
@@ -0,0 +1,181 @@
+<template>
+  <!-- 面包屑 -->
+  <el-breadcrumb>
+    <el-breadcrumb-item>咨询热线管理</el-breadcrumb-item>
+    <el-breadcrumb-item to="/consulting_hotline/list">咨询热线列表</el-breadcrumb-item>
+  </el-breadcrumb>
+  <!-- 搜索 -->
+  <el-form inline :model="params">
+
+      
+                       <el-form-item label="资讯留言人">
+                          <el-input v-model='params.consulting_hotline_user' placeholder='请输入资讯留言人'></el-input>
+                       </el-form-item>
+                       <el-form-item label="资讯热线方式">
+                          <el-input v-model='params.consulting_hotline_phone' placeholder='请输入资讯热线方式'></el-input>
+                       </el-form-item>
+    <el-form-item>
+      <el-button type="primary" @click="tableRef.reload()" icon="ElIconSearch">
+        搜索
+      </el-button>
+    </el-form-item>
+  </el-form>
+  <el-space style="margin-bottom: 10px;">
+    <!-- 添加咨询热线 -->
+    <el-col :span="1">
+      <el-button type="primary" @click="addConsultingHotlineDialogVisible = true"> 添加 </el-button>
+    </el-col>
+
+    
+
+    <!-- 下拉操作 -->
+    <el-dropdown v-if="selectionData.length">
+      <el-button type="primary">
+        批量操作<el-icon class="el-icon--right"><arrow-down /></el-icon>
+      </el-button>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item @click="handleDelete(selectionData)">
+            批量删除
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
+  </el-space>
+  <!-- 数据表格 -->
+  <DataTable
+    ref="tableRef"
+    style="width: 100%"
+    :onSelectionChange="data => (selectionData = data)"
+    :column="column"
+    :params="params"
+    :request="params => getConsultingHotlineList(params)"
+  >
+    
+    
+    <template #chaoz="scope">
+      <el-space>
+        <el-button size="small" @click="handleUpdate(scope.row)">
+          编辑
+        </el-button>
+        <el-dropdown @command="handleCommand">
+          <el-button type="primary" size="small">
+            更多<el-icon class="el-icon--right"><arrow-down /></el-icon>
+          </el-button>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item :command="{ type: 'detail', row: scope.row}">
+                详情
+              </el-dropdown-item>
+              <el-dropdown-item :command="{ type: 'delete', row: scope.row }">
+                删除
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </el-space>
+    </template>
+  </DataTable>
+
+  <!-- 添加咨询热线 -->
+  <AddConsultingHotlineDialog v-model="addConsultingHotlineDialogVisible" :done="() => tableRef.reload()"></AddConsultingHotlineDialog>
+  <!-- 编辑咨询热线 -->
+  <EditConsultingHotlineDialog
+    v-model="EditConsultingHotlineDialogVisible" :data="EditConsultingHotlineDialogRow" :done="() => tableRef.reload()"></EditConsultingHotlineDialog>
+    <!-- 咨询热线详情 -->
+  <DetailConsultingHotlineDialog v-model="DetailConsultingHotlineDialogVisible" :data="DetailConsultingHotlineDialogRow"></DetailConsultingHotlineDialog>
+</template>
+<script setup>
+import { ArrowDown } from '@element-plus/icons-vue';
+import { ref, reactive,watch } from 'vue';
+import { useLoginStore } from "~/store";
+import { getConsultingHotlineList, deleteConsultingHotline   } from '~/service/consulting_hotline';
+import AddConsultingHotlineDialog from './components/AddConsultingHotlineDialog.vue';
+import EditConsultingHotlineDialog from './components/EditConsultingHotlineDialog.vue';
+import DetailConsultingHotlineDialog from './components/DetailConsultingHotlineDialog.vue';
+
+const tableRef = ref();
+const selectionData = ref([]);
+const store = useLoginStore();
+
+const addConsultingHotlineDialogVisible = ref(false);
+const EditConsultingHotlineDialogVisible = ref(false);
+const EditConsultingHotlineDialogRow = ref({});
+const DetailConsultingHotlineDialogVisible = ref(false);
+const DetailConsultingHotlineDialogRow = ref({});
+
+const headers = {
+  Accept: "application/json",
+  ...store.headers,
+};
+
+// 查询参数
+const params = reactive({
+  consulting_hotline_user: "",
+                consulting_hotline_phone: "",
+                
+});
+const column = [
+  
+             {
+               fixed: true,
+               type: 'selection'
+             },
+              {
+               prop: "consulting_hotline_user",
+               label: '资讯留言人',
+               width: '150'
+               },
+              {
+               prop: "consulting_hotline_phone",
+               label: '资讯热线方式',
+               width: '150'
+               },
+             {
+               label: '操作',
+               prop: 'chaoz',
+               width: '250',
+               fixed: 'right'
+             }
+];
+
+
+const handleCommand = ({ type, row }) => {
+  switch (type) {
+    case "detail":
+      handleDetail(row);
+      break;
+    case 'delete':
+      handleDelete([row]);
+      break;
+  }
+};
+
+// 删除数据
+const handleDelete = data => {
+  ElMessageBox.confirm(`您确定要删除该咨询热线吗？`).then(async () => {
+    const res = await deleteConsultingHotline({
+      consulting_hotline_guid: data.map(v => v.consulting_hotline_guid).join()
+    });
+    if (res) {
+      tableRef.value.reload();
+    }
+  });
+};
+
+// 修改
+function handleUpdate(row) {
+  EditConsultingHotlineDialogVisible.value = true
+  EditConsultingHotlineDialogRow.value = row
+}
+
+// 详情
+function handleDetail(row) {
+  DetailConsultingHotlineDialogVisible.value = true
+  DetailConsultingHotlineDialogRow.value = row
+}
+
+
+
+
+</script>
diff --git a/src/pages/index/contact_us/contact_info/index.vue b/src/pages/index/contact_us/contact_info/contact_infomation/index.vue
similarity index 84%
rename from src/pages/index/contact_us/contact_info/index.vue
rename to src/pages/index/contact_us/contact_info/contact_infomation/index.vue
index 91c5e69..08d7be0 100644
--- a/src/pages/index/contact_us/contact_info/index.vue
+++ b/src/pages/index/contact_us/contact_info/contact_infomation/index.vue
@@ -7,12 +7,6 @@
   <el-form ref="formRef" :model="formData" :rules="rules">
     <el-row>
 
-
-      <el-col :span="12">
-        <el-form-item :label-width="labelWidth" label="咨询热线" prop="contact_info_phone">
-          <el-input v-model='formData.contact_info_phone' type="text" placeholder='请输入咨询热线'></el-input>
-        </el-form-item>
-      </el-col>
       <el-col :span='24'>
         <el-form-item :label-width='labelWidth' label='定位' prop='contact_info_location'>
           <Map :mapCb="mapCb()" v-model='locationList' style='margin-top: 20px;'></Map>
@@ -24,7 +18,7 @@
           <RichText v-model='formData.contact_info_content' :min-height='196'></RichText>
         </el-form-item>
       </el-col>
-      <el-col :span='6'>
+      <!-- <el-col :span='6'>
         <el-form-item :label-width='labelWidth' label='客服微信图片' prop='customer_service_wx_img'>
           <UploadImage ref='uploadRef' v-model='formData.customer_service_wx_img' :data=uoloadData :limit='1'
             :fileSize='5' :drag='true' :isShowTip='false' />
@@ -50,7 +44,7 @@
           <UploadImage ref='uploadRef' v-model='formData.qq_img' :data=uoloadData :limit='1' :fileSize='5' :drag='true'
             :isShowTip='false' />
         </el-form-item>
-      </el-col>
+      </el-col> -->
 
 
     </el-row>
@@ -94,30 +88,30 @@ const rules = reactive({
       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图片不能为空'
-    }
-  ],
+  // 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图片不能为空'
+  //   }
+  // ],
 
 });
 
diff --git a/src/pages/index/contact_us/contact_info/contact_scancode/components/AddContactScancodeDialog.vue b/src/pages/index/contact_us/contact_info/contact_scancode/components/AddContactScancodeDialog.vue
new file mode 100644
index 0000000..61c15da
--- /dev/null
+++ b/src/pages/index/contact_us/contact_info/contact_scancode/components/AddContactScancodeDialog.vue
@@ -0,0 +1,115 @@
+<template>
+  <el-dialog v-model="dialogVisible" 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-row>
+    </el-form>
+
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="handleAddClick(formRef)">添加</el-button>
+        <el-button @click="handleResetClick(formRef)">重置</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { reactive, ref, watch } from "vue";
+import { addContactScancode  } from "~/service/contact_scancode";
+import { useLoginStore } from "~/store";
+
+// --业务参数
+
+
+
+// --业务方法
+
+
+
+
+
+// --基础参数
+const store = useLoginStore();
+const headers = {
+  Accept: "application/json",
+  ...store.headers,
+};
+
+const formRef = ref();
+const labelWidth = 90;
+const props = defineProps({
+  modelValue: Boolean,
+  done: Function,
+});
+const emits = defineEmits(["update:modelValue"]);
+const dialogVisible = ref(props.modelValue);
+const formData = reactive({});
+
+const uoloadData = ref({
+  dirName: "ContactScancode"
+})
+
+watch(props, (v) => {
+  dialogVisible.value = v.modelValue;
+});
+
+const rules = reactive({
+  contact_scancode_img: [
+                               {
+                               required: true,
+                               message: '联系扫码图片不能为空'
+                               }
+                           ],
+                           
+});
+
+
+// --基础方法
+
+// 打开弹窗时执行
+const openDialog = () => {
+  
+};
+
+const closeDialog = () => {
+  handleResetClick(formRef.value);
+  dialogVisible.value = false;
+  emits("update:modelValue", false);
+};
+
+const handleAddClick = async (formEl) => {
+  console.log(formData);
+  if (!formEl) return;
+  formEl.validate(async (valid) => {
+    if (!valid) {
+      return;
+    }
+    
+    const { code } = await addContactScancode(formData);
+    if (code == 0) {
+      closeDialog();
+      props.done();
+    }
+  });
+};
+
+const handleResetClick = async (formEl) => {
+  if (!formEl) return;
+  formEl.resetFields();
+};
+</script>
+
+<style lang="less" scoped>
+
+</style>
diff --git a/src/pages/index/contact_us/contact_info/contact_scancode/components/DetailContactScancodeDialog.vue b/src/pages/index/contact_us/contact_info/contact_scancode/components/DetailContactScancodeDialog.vue
new file mode 100644
index 0000000..2488e92
--- /dev/null
+++ b/src/pages/index/contact_us/contact_info/contact_scancode/components/DetailContactScancodeDialog.vue
@@ -0,0 +1,69 @@
+<template>
+  <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-row>
+    </el-form>
+  </el-dialog>
+</template>
+
+<script setup>
+import { reactive, ref, watch } from "vue";
+import { isEmptyObject } from "~/utils/index";
+
+
+// --业务参数
+
+
+
+// --业务方法
+
+
+
+
+// --基础参数
+const formRef = ref();
+const labelWidth = 100;
+
+const props = defineProps({
+  modelValue: Boolean,
+  data: Object,
+  done: Function,
+});
+const emits = defineEmits(["update:modelValue"]);
+const formData = ref({
+  ...props.data,
+});
+
+
+// --基础方法
+watch(props, (v) => {
+  formData.value = v.data;
+  
+  
+});
+
+// 打开弹窗时执行
+const openDialog = () => {
+  
+  
+};
+
+const closeDialog = () => {
+  emits("update:modelValue", false);
+};
+</script>
+
+<style lang="less" scoped>
+
+</style>
diff --git a/src/pages/index/contact_us/contact_info/contact_scancode/components/EditContactScancodeDialog.vue b/src/pages/index/contact_us/contact_info/contact_scancode/components/EditContactScancodeDialog.vue
new file mode 100644
index 0000000..8660235
--- /dev/null
+++ b/src/pages/index/contact_us/contact_info/contact_scancode/components/EditContactScancodeDialog.vue
@@ -0,0 +1,113 @@
+<template>
+  <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-row>
+    </el-form>
+    <template #footer>
+      <span class="dialog-footer">
+        <el-button type="primary" @click="handleEditClick(formRef)">编辑</el-button>
+        <el-button @click="handleResetClick(formRef)">重置</el-button>
+      </span>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+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,
+};
+const formRef = ref();
+const labelWidth = 100;
+const props = defineProps({
+  modelValue: Boolean,
+  data: Object,
+  done: Function,
+});
+const emits = defineEmits(["update:modelValue"]);
+const formData = ref({
+  ...props.data,
+});
+const uoloadData = ref({
+  dirName: "ContactScancode"
+})
+
+
+// --基础方法
+watch(props, (v) => {
+  formData.value = v.data;
+  
+  
+});
+
+// 打开弹窗时执行
+const openDialog = () => {
+  
+};
+
+const closeDialog = () => {
+  props.done();
+  emits("update:modelValue", false);
+};
+
+const rules = reactive({
+  contact_scancode_img: [
+                               {
+                               required: true,
+                               message: '联系扫码图片不能为空'
+                               }
+                           ],
+                           
+});
+
+const handleEditClick = async (formEl) => {
+  console.log(formData.value);
+  if (!formEl) return;
+  formEl.validate(async (valid) => {
+    if (!valid) {
+      return;
+    }
+    
+    const { code } = await editContactScancode(formData.value);
+    if (code == 0) {
+      closeDialog();
+      props.done();
+    }
+  });
+};
+const handleResetClick = async (formEl) => {
+  if (!formEl) return;
+  formEl.resetFields();
+};
+</script>
+
+<style lang="less" scoped>
+
+</style>
diff --git a/src/pages/index/contact_us/contact_info/contact_scancode/index.vue b/src/pages/index/contact_us/contact_info/contact_scancode/index.vue
new file mode 100644
index 0000000..f16da66
--- /dev/null
+++ b/src/pages/index/contact_us/contact_info/contact_scancode/index.vue
@@ -0,0 +1,166 @@
+<template>
+  <!-- 面包屑 -->
+  <el-breadcrumb>
+    <el-breadcrumb-item>联系扫码管理</el-breadcrumb-item>
+    <el-breadcrumb-item to="/contact_scancode/list">联系扫码列表</el-breadcrumb-item>
+  </el-breadcrumb>
+
+  <el-space style="margin-bottom: 10px;">
+    <!-- 添加联系扫码 -->
+    <el-col :span="1">
+      <el-button type="primary" @click="addContactScancodeDialogVisible = true"> 添加 </el-button>
+    </el-col>
+
+    
+
+    <!-- 下拉操作 -->
+    <el-dropdown v-if="selectionData.length">
+      <el-button type="primary">
+        批量操作<el-icon class="el-icon--right"><arrow-down /></el-icon>
+      </el-button>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item @click="handleDelete(selectionData)">
+            批量删除
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
+  </el-space>
+  <!-- 数据表格 -->
+  <DataTable
+    ref="tableRef"
+    style="width: 100%"
+    :onSelectionChange="data => (selectionData = data)"
+    :column="column"
+    :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 #chaoz="scope">
+      <el-space>
+        <el-button size="small" @click="handleUpdate(scope.row)">
+          编辑
+        </el-button>
+        <el-dropdown @command="handleCommand">
+          <el-button type="primary" size="small">
+            更多<el-icon class="el-icon--right"><arrow-down /></el-icon>
+          </el-button>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item :command="{ type: 'detail', row: scope.row}">
+                详情
+              </el-dropdown-item>
+              <el-dropdown-item :command="{ type: 'delete', row: scope.row }">
+                删除
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </el-space>
+    </template>
+  </DataTable>
+
+  <!-- 添加联系扫码 -->
+  <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>
+</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 AddContactScancodeDialog from './components/AddContactScancodeDialog.vue';
+import EditContactScancodeDialog from './components/EditContactScancodeDialog.vue';
+import DetailContactScancodeDialog from './components/DetailContactScancodeDialog.vue';
+
+const tableRef = ref();
+const selectionData = ref([]);
+const store = useLoginStore();
+
+const addContactScancodeDialogVisible = ref(false);
+const EditContactScancodeDialogVisible = ref(false);
+const EditContactScancodeDialogRow = ref({});
+const DetailContactScancodeDialogVisible = ref(false);
+const DetailContactScancodeDialogRow = ref({});
+
+const headers = {
+  Accept: "application/json",
+  ...store.headers,
+};
+
+// 查询参数
+const params = reactive({
+  
+});
+const column = [
+  
+             {
+               fixed: true,
+               type: 'selection'
+             },
+              {
+               prop: "contact_scancode_img",
+               label: '联系扫码图片',
+               width: '150'
+               },
+             {
+               label: '操作',
+               prop: 'chaoz',
+               width: '250',
+               fixed: 'right'
+             }
+];
+
+
+const handleCommand = ({ type, row }) => {
+  switch (type) {
+    case "detail":
+      handleDetail(row);
+      break;
+    case 'delete':
+      handleDelete([row]);
+      break;
+  }
+};
+
+// 删除数据
+const handleDelete = data => {
+  ElMessageBox.confirm(`您确定要删除该联系扫码吗？`).then(async () => {
+    const res = await deleteContactScancode({
+      contact_scancode_guid: data.map(v => v.contact_scancode_guid).join()
+    });
+    if (res) {
+      tableRef.value.reload();
+    }
+  });
+};
+
+// 修改
+function handleUpdate(row) {
+  EditContactScancodeDialogVisible.value = true
+  EditContactScancodeDialogRow.value = row
+}
+
+// 详情
+function handleDetail(row) {
+  DetailContactScancodeDialogVisible.value = true
+  DetailContactScancodeDialogRow.value = row
+}
+
+
+
+
+</script>
diff --git a/src/service/consulting_hotline.js b/src/service/consulting_hotline.js
new file mode 100644
index 0000000..d57fdd5
--- /dev/null
+++ b/src/service/consulting_hotline.js
@@ -0,0 +1,56 @@
+import { api, downloadFile, createApiUrl} from '~/utils/axios';
+
+
+
+
+
+
+
+
+
+/**
+ * 获取咨询热线列表
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function getConsultingHotlineList(data) {
+  return api.post('ContactUs.ConsultingHotline/getConsultingHotlineList', data);
+}
+
+/**
+ * 删除咨询热线
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function deleteConsultingHotline(data) {
+  return api.post('ContactUs.ConsultingHotline/deleteConsultingHotline', data, {
+    isTransformResponse: true,
+    isShowSuccessMessage: true,
+    errorMessageText: '删除失败'
+  });
+}
+
+/**
+ * 添加咨询热线
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function addConsultingHotline(data) {
+  return api.post('ContactUs.ConsultingHotline/addConsultingHotline', data, {
+    isTransformResponse: true,
+    isShowSuccessMessage: true,
+    errorMessageText: '添加失败'
+  });
+}
+/**
+ * 编辑咨询热线
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function editConsultingHotline(data) {
+  return api.post('ContactUs.ConsultingHotline/editConsultingHotline', data, {
+    isTransformResponse: true,
+    isShowSuccessMessage: true,
+    errorMessageText: '编辑失败'
+  });
+}
diff --git a/src/service/contact_scancode.js b/src/service/contact_scancode.js
new file mode 100644
index 0000000..8407a53
--- /dev/null
+++ b/src/service/contact_scancode.js
@@ -0,0 +1,56 @@
+import { api, downloadFile, createApiUrl} from '~/utils/axios';
+
+
+
+
+
+
+
+
+
+/**
+ * 获取联系扫码列表
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function getContactScancodeList(data) {
+  return api.post('ContactUs.ContactScancode/getContactScancodeList', data);
+}
+
+/**
+ * 删除联系扫码
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function deleteContactScancode(data) {
+  return api.post('ContactUs.ContactScancode/deleteContactScancode', data, {
+    isTransformResponse: true,
+    isShowSuccessMessage: true,
+    errorMessageText: '删除失败'
+  });
+}
+
+/**
+ * 添加联系扫码
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function addContactScancode(data) {
+  return api.post('ContactUs.ContactScancode/addContactScancode', data, {
+    isTransformResponse: true,
+    isShowSuccessMessage: true,
+    errorMessageText: '添加失败'
+  });
+}
+/**
+ * 编辑联系扫码
+ * @param {Object} data
+ * @return {Promise} api
+ */
+export function editContactScancode(data) {
+  return api.post('ContactUs.ContactScancode/editContactScancode', data, {
+    isTransformResponse: true,
+    isShowSuccessMessage: true,
+    errorMessageText: '编辑失败'
+  });
+}