From 217d58da508ff0e3d9ddd126d200b6deba87114a Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Thu, 19 Oct 2023 18:09:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=B8=82=E5=9C=BA=E9=83=A8?=
 =?UTF-8?q?=E9=95=BF=E4=BB=BB=E5=8A=A1=E5=AE=A1=E6=89=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/examined/components/audit_other.vue | 290 +++++++++++++++++
 .../examined/components/audit_town_market.vue | 295 ++++++++++++++++++
 src/views/examined/index_list.vue             |  35 ++-
 src/views/examined/index_list_popup.vue       |   9 +-
 4 files changed, 616 insertions(+), 13 deletions(-)
 create mode 100644 src/views/examined/components/audit_other.vue
 create mode 100644 src/views/examined/components/audit_town_market.vue

diff --git a/src/views/examined/components/audit_other.vue b/src/views/examined/components/audit_other.vue
new file mode 100644
index 0000000..b786e44
--- /dev/null
+++ b/src/views/examined/components/audit_other.vue
@@ -0,0 +1,290 @@
+<template>
+  <div class="edit-popup">
+    <popup
+      ref="popupRef"
+      :title="popupTitle"
+      :async="true"
+      width="800px"
+      @confirm="handleSubmit"
+      @close="handleClose"
+      :button="mode == 'edit'"
+      :clickModalClose="mode == 'details'"
+    >
+      <el-form
+        ref="formRef"
+        :model="formData"
+        :rules="formRules"
+        label-width="120px"
+      >
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="ID" prop="id">
+              <el-input readonly v-model="formData.id" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="任务名称" prop="task.title">
+              <el-input readonly v-model="formData.task.title" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="任务金额" prop="task.money">
+              <el-input readonly v-model="formData.task.money" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属公司" prop="company_name">
+              <el-input readonly v-model="formData.company_name" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="任务描述" prop="task.content">
+              <el-input
+                readonly
+                v-model="formData.task.content"
+                clearable
+                type="textarea"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="任务提交时间" prop="id">
+              <el-input readonly v-model="formData.task.update_time" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="片区经理" prop="flow_cate">
+              <el-input readonly v-model="formData.area_manager" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider />
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="详情描述" prop="remark">
+              <el-input
+                readonly
+                :value="formData.task?.extend?.other?.note"
+                clearable
+                type="textarea"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="图片附件">
+              <el-image
+                class="attachment"
+                v-for="(item, index) in formData.task?.extend?.other?.annex"
+                :key="index"
+                :src="item"
+                :preview-src-list="formData.task?.extend?.other?.annex"
+                :initial-index="index"
+                fit="cover"
+              ></el-image>
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="视频附件">
+              <video
+                class="video"
+                :src="item"
+                v-for="(item, index) in formData.task?.extend?.other
+                  ?.video_annex"
+                :key="index"
+                controls
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider />
+        <!-- <el-col :span="24">
+            <el-form-item label="">
+              <el-timeline>
+                <el-timeline-item
+                  v-for="(activity, index) in activities"
+                  :key="index"
+                  :type="activity.type"
+                  :hollow="activity.hollow"
+                  :timestamp="activity.timestamp"
+                >
+                  {{ activity.content }}
+                </el-timeline-item>
+              </el-timeline>
+            </el-form-item>
+          </el-col> -->
+        <el-col :span="12">
+          <el-form-item
+            label="审核"
+            prop="check_status"
+            clearable
+            :style="{ width: '100%' }"
+          >
+            <el-radio-group
+              :disabled="mode == 'details'"
+              v-model="formData.check_status"
+            >
+              <el-radio :label="2">通过</el-radio>
+              <el-radio :label="3">驳回</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-row>
+          <el-col>
+            <el-form-item label="备注" prop="remark">
+              <el-input
+                :readonly="mode == 'details'"
+                v-model="formData.remark"
+                clearable
+                type="textarea"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </popup>
+  </div>
+</template>
+    
+    <script lang="ts" setup name="flowEdit">
+import type { FormInstance } from "element-plus";
+import Popup from "@/components/popup/index.vue";
+import { apiApproveAudit } from "@/api/examined";
+import { timeFormat } from "@/utils/util";
+import type { PropType } from "vue";
+defineProps({
+  dictData: {
+    type: Object as PropType<Record<string, any[]>>,
+    default: () => ({}),
+  },
+});
+const isCompany = ref(false);
+const emit = defineEmits(["success", "close"]);
+const formRef = shallowRef<FormInstance>();
+const popupRef = shallowRef<InstanceType<typeof Popup>>();
+const mode = ref("add");
+
+// 弹窗标题
+const popupTitle = computed(() => {
+  return mode.value == "edit" ? "审核" : "详情";
+});
+
+const activities = ref([
+  {
+    content: "任务完成",
+    timestamp: "2023-8-28 13:30:00",
+  },
+  {
+    content: "张三三审核",
+    timestamp: "2023-8-28 13:30:00",
+  },
+  {
+    content: "李思思审核",
+    timestamp: "2023-8-28 13:30:00",
+    type: "primary",
+    hollow: true,
+  },
+]);
+
+// 表单数据
+const formData = reactive({
+  id: "",
+  task: {},
+  company_name: "",
+  area_manager: "",
+  check_status: 1,
+  remark: "",
+});
+// 表单验证
+const formRules = reactive<any>({
+  check_status: [
+    {
+      required: true,
+      validator: (rules: any, value: any, callback: any) => {
+        if (value != 2 && value != 3) callback("请选择审核状态");
+        else callback();
+      },
+      trigger: ["blur"],
+    },
+  ],
+  // remark: [
+  //   {
+  //     required: false,
+  //     validator: (rules: any, value: any, callback: any) => {
+  //       if (formData.check_status == 3) callback("请填写备注");
+  //       else callback();
+  //     },
+  //     trigger: ["blur"],
+  //   },
+  // ],
+});
+function customEvent(data: any) {
+  isCompany.value = false;
+}
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+  // let res = await apiFlowDetil(data.id);
+  for (const key in formData) {
+    if (data[key] != null && data[key] != undefined) {
+      //@ts-ignore
+      formData[key] = data[key];
+    }
+  }
+};
+
+const getDetail = async (row: Record<string, any>) => {
+  // const data = await apiFlowDetail({
+  //     id: row.id,
+  // });
+  // setFormData(data);
+};
+// 提交按钮
+const handleSubmit = async () => {
+  await formRef.value?.validate();
+  if (formData.check_status == 3 && formData.remark == "")
+    return ElMessage.error("驳回必须填写备注");
+  await apiApproveAudit({
+    id: formData.id,
+    check_status: formData.check_status,
+    remark: formData.remark,
+  });
+  popupRef.value?.close();
+  emit("success");
+};
+
+//打开弹窗
+const open = (type = "add") => {
+  mode.value = type;
+  popupRef.value?.open();
+};
+
+// 关闭回调
+const handleClose = () => {
+  emit("close");
+};
+
+defineExpose({
+  open,
+  setFormData,
+  getDetail,
+});
+</script>
+  
+  <style lang="scss" scoped>
+:deep(.el-timeline-item__wrapper) {
+  top: -8px !important;
+}
+.attachment {
+  width: 150px;
+  height: 150px;
+  /* background-color: red; */
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
+.video {
+  width: 300px;
+  height: 150px;
+  /* background-color: red; */
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/examined/components/audit_town_market.vue b/src/views/examined/components/audit_town_market.vue
new file mode 100644
index 0000000..291e235
--- /dev/null
+++ b/src/views/examined/components/audit_town_market.vue
@@ -0,0 +1,295 @@
+<template>
+  <div class="edit-popup">
+    <popup
+      ref="popupRef"
+      :title="popupTitle"
+      :async="true"
+      width="800px"
+      @confirm="handleSubmit"
+      @close="handleClose"
+      :button="mode == 'edit'"
+      :clickModalClose="mode == 'details'"
+    >
+      <el-form
+        ref="formRef"
+        :model="formData"
+        :rules="formRules"
+        label-width="120px"
+      >
+        <el-row>
+          <el-col :span="12">
+            <el-form-item label="ID" prop="id">
+              <el-input readonly v-model="formData.id" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="任务名称" prop="task.title">
+              <el-input readonly v-model="formData.task.title" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="任务金额" prop="task.money">
+              <el-input readonly v-model="formData.task.money" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="所属公司" prop="company_name">
+              <el-input readonly v-model="formData.company_name" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="任务描述" prop="task.content">
+              <el-input
+                readonly
+                v-model="formData.task.content"
+                clearable
+                type="textarea"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="任务提交时间" prop="id">
+              <el-input readonly v-model="formData.task.update_time" />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="片区经理" prop="flow_cate">
+              <el-input readonly v-model="formData.area_manager" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider />
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="文字说明" prop="remark">
+              <el-input
+                readonly
+                :value="taskExtend.remark"
+                clearable
+                type="textarea"
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="24">
+            <el-form-item label="完成证明">
+              <el-image
+                class="attachment"
+                v-for="(item, index) in taskExtend.file"
+                :key="index"
+                :src="item"
+                :preview-src-list="taskExtend.file"
+                :initial-index="index"
+                fit="cover"
+              ></el-image>
+            </el-form-item>
+          </el-col>
+        </el-row>
+        <el-divider />
+        <!-- <el-col :span="24">
+              <el-form-item label="">
+                <el-timeline>
+                  <el-timeline-item
+                    v-for="(activity, index) in activities"
+                    :key="index"
+                    :type="activity.type"
+                    :hollow="activity.hollow"
+                    :timestamp="activity.timestamp"
+                  >
+                    {{ activity.content }}
+                  </el-timeline-item>
+                </el-timeline>
+              </el-form-item>
+            </el-col> -->
+        <el-col :span="12">
+          <el-form-item
+            label="审核"
+            prop="check_status"
+            clearable
+            :style="{ width: '100%' }"
+          >
+            <el-radio-group
+              :disabled="mode == 'details'"
+              v-model="formData.check_status"
+            >
+              <el-radio :label="2">通过</el-radio>
+              <el-radio :label="3">驳回</el-radio>
+            </el-radio-group>
+          </el-form-item>
+        </el-col>
+        <el-row>
+          <el-col>
+            <el-form-item label="备注" prop="remark">
+              <el-input
+                :readonly="mode == 'details'"
+                v-model="formData.remark"
+                clearable
+                type="textarea"
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+    </popup>
+  </div>
+</template>
+      
+<script lang="ts" setup name="flowEdit">
+import type { FormInstance } from "element-plus";
+import Popup from "@/components/popup/index.vue";
+import { apiApproveAudit } from "@/api/examined";
+import { timeFormat } from "@/utils/util";
+import type { PropType } from "vue";
+defineProps({
+  dictData: {
+    type: Object as PropType<Record<string, any[]>>,
+    default: () => ({}),
+  },
+});
+const isCompany = ref(false);
+const emit = defineEmits(["success", "close"]);
+const formRef = shallowRef<FormInstance>();
+const popupRef = shallowRef<InstanceType<typeof Popup>>();
+const mode = ref("add");
+
+// 弹窗标题
+const popupTitle = computed(() => {
+  return mode.value == "edit" ? "审核" : "详情";
+});
+
+const activities = ref([
+  {
+    content: "任务完成",
+    timestamp: "2023-8-28 13:30:00",
+  },
+  {
+    content: "张三三审核",
+    timestamp: "2023-8-28 13:30:00",
+  },
+  {
+    content: "李思思审核",
+    timestamp: "2023-8-28 13:30:00",
+    type: "primary",
+    hollow: true,
+  },
+]);
+
+// 表单数据
+const formData = reactive({
+  id: "",
+  task: {
+    extend: [],
+  },
+  company_name: "",
+  area_manager: "",
+  check_status: 1,
+  remark: "",
+});
+
+const taskExtend = reactive({
+  remark: "",
+  file: [],
+});
+
+// 表单验证
+const formRules = reactive<any>({
+  check_status: [
+    {
+      required: true,
+      validator: (rules: any, value: any, callback: any) => {
+        if (value != 2 && value != 3) callback("请选择审核状态");
+        else callback();
+      },
+      trigger: ["blur"],
+    },
+  ],
+  // remark: [
+  //   {
+  //     required: false,
+  //     validator: (rules: any, value: any, callback: any) => {
+  //       if (formData.check_status == 3) callback("请填写备注");
+  //       else callback();
+  //     },
+  //     trigger: ["blur"],
+  //   },
+  // ],
+});
+function customEvent(data: any) {
+  isCompany.value = false;
+}
+// 获取详情
+const setFormData = async (data: Record<any, any>) => {
+  // let res = await apiFlowDetil(data.id);
+  if (typeof data.extend == "string") data.extend = JSON.parse(data.extend);
+  for (const key in formData) {
+    if (data[key] != null && data[key] != undefined) {
+      //@ts-ignore
+      formData[key] = data[key];
+    }
+  }
+  Object.keys(taskExtend).forEach((key: string) => {
+    if (
+      formData.task.extend[key] != null &&
+      formData.task.extend[key] != undefined
+    ) {
+      taskExtend[key] = formData.task.extend[key];
+    }
+  });
+};
+
+const getDetail = async (row: Record<string, any>) => {
+  // const data = await apiFlowDetail({
+  //     id: row.id,
+  // });
+  // setFormData(data);
+};
+// 提交按钮
+const handleSubmit = async () => {
+  await formRef.value?.validate();
+  if (formData.check_status == 3 && formData.remark == "")
+    return ElMessage.error("驳回必须填写备注");
+  await apiApproveAudit({
+    id: formData.id,
+    check_status: formData.check_status,
+    remark: formData.remark,
+  });
+  popupRef.value?.close();
+  emit("success");
+};
+
+//打开弹窗
+const open = (type = "add") => {
+  mode.value = type;
+  popupRef.value?.open();
+};
+
+// 关闭回调
+const handleClose = () => {
+  emit("close");
+};
+
+defineExpose({
+  open,
+  setFormData,
+  getDetail,
+});
+</script>
+    
+    <style lang="scss" scoped>
+:deep(.el-timeline-item__wrapper) {
+  top: -8px !important;
+}
+.attachment {
+  width: 150px;
+  height: 150px;
+  /* background-color: red; */
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
+.video {
+  width: 300px;
+  height: 150px;
+  /* background-color: red; */
+  margin-right: 10px;
+  margin-bottom: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/examined/index_list.vue b/src/views/examined/index_list.vue
index 42ba5af..86702cd 100644
--- a/src/views/examined/index_list.vue
+++ b/src/views/examined/index_list.vue
@@ -116,9 +116,16 @@
         <pagination v-model="pager" @change="getLists" />
       </div>
     </el-card>
-    <edit-popup
-      v-if="showEdit"
-      ref="editRef"
+    <audit-other-popup
+      v-if="showEdit && openType == 1"
+      ref="auditOtherRef"
+      :dict-data="dictData"
+      @success="getLists"
+      @close="showEdit = false"
+    />
+    <audit-town-market-popup
+      v-else-if="showEdit && openType == 4"
+      ref="auditTownMarketRef"
       :dict-data="dictData"
       @success="getLists"
       @close="showEdit = false"
@@ -132,17 +139,21 @@ import { useDictData } from "@/hooks/useDictOptions";
 import { apiApproveList } from "@/api/examined";
 import { timeFormat } from "@/utils/util";
 import feedback from "@/utils/feedback";
-import EditPopup from "./index_list_popup.vue";
+import auditOtherPopup from "./components/audit_other.vue";
+import auditTownMarketPopup from "./components/audit_town_market.vue";
 
-const editRef = shallowRef<InstanceType<typeof EditPopup>>();
+const auditOtherRef = shallowRef<InstanceType<typeof auditOtherPopup>>();
+const auditTownMarketRef =
+  shallowRef<InstanceType<typeof auditTownMarketPopup>>();
 // 是否显示编辑框
 const showEdit = ref(false);
+const openType = ref(1);
 
 // 查询条件
 const queryParams = reactive({
   name: "",
   check_status: "",
-  type: 1,
+  type: [1, 4],
 });
 
 const checkStatusList = ref([
@@ -181,15 +192,21 @@ const { pager, getLists, resetParams, resetPage } = usePaging({
 const handleAdd = async () => {
   showEdit.value = true;
   await nextTick();
-  editRef.value?.open("add");
+  auditOtherRef.value?.open("add");
 };
 
 // 编辑
 const handleEdit = async (data: any, type = "edit") => {
+  openType.value = data.type;
   showEdit.value = true;
   await nextTick();
-  editRef.value?.open(type);
-  editRef.value?.setFormData(data);
+  if (data.type == 1) {
+    auditOtherRef.value?.open(type);
+    auditOtherRef.value?.setFormData(data);
+  } else if (data.type == 4) {
+    auditTownMarketRef.value?.open(type);
+    auditTownMarketRef.value?.setFormData(data);
+  }
 };
 
 // 删除
diff --git a/src/views/examined/index_list_popup.vue b/src/views/examined/index_list_popup.vue
index 3fc1a8c..306837a 100644
--- a/src/views/examined/index_list_popup.vue
+++ b/src/views/examined/index_list_popup.vue
@@ -64,7 +64,7 @@
             <el-form-item label="详情描述" prop="remark">
               <el-input
                 readonly
-                :value="formData.task?.extend.other.note"
+                :value="formData.task?.extend?.other?.note"
                 clearable
                 type="textarea"
               />
@@ -74,10 +74,10 @@
             <el-form-item label="图片附件">
               <el-image
                 class="attachment"
-                v-for="(item, index) in formData.task.extend.other.annex"
+                v-for="(item, index) in formData.task?.extend?.other?.annex"
                 :key="index"
                 :src="item"
-                :preview-src-list="formData.task.extend.other.annex"
+                :preview-src-list="formData.task?.extend?.other?.annex"
                 :initial-index="index"
                 fit="cover"
               ></el-image>
@@ -88,7 +88,8 @@
               <video
                 class="video"
                 :src="item"
-                v-for="(item, index) in formData.task.extend.other.video_annex"
+                v-for="(item, index) in formData.task?.extend?.other
+                  ?.video_annex"
                 :key="index"
                 controls
               />