1. 问题审核界面新增场景信息编辑入口 2. 问题审核界面场景图片查询新增图片类型修改功能

riku

2025-05-19 d1ce79c837650689ab47bbf587d076743fcb3a5f

 src/views/fysp/scene/CompSceneBaseInfo.vue

@@ -1,29 +1,45 @@
<!-- 场景基本信息编辑 -->
<template>
  <FYForm :form-info="formInfo" :rules="rules" :useReset="true" @submit="submit" @cancel="cancel">
  <FYForm
    :form-info="formInfo"
    :rules="rules"
    :useReset="true"
    @submit="submit"
    @cancel="cancel"
  >
    <template #form-item="{ formObj }">
      <el-form-item label="场景名称" prop="name">
        <el-input clearable show-word-limit v-model="formObj.name" placeholder="场景名称" />
      </el-form-item>
      <el-form-item label="场景类型" prop="_typeObj">
        <el-select v-model="formObj._typeObj" placeholder="场景类型">
          <el-option v-for="s in sceneTypes" :key="s.value" :label="s.label" :value="s" />
        </el-select>
      </el-form-item>
      <el-form-item label="省/市/区/镇" prop="_locations">
        <el-cascader
          v-model="formObj._locations"
          :options="locations"
          placeholder="省/市/区/镇"
          style="width: 300px"
          :props="cascaderProps"
        <el-input
          clearable
          show-word-limit
          v-model="formObj.name"
          placeholder="场景名称"
        />
      </el-form-item>
      <!-- 场景类型 -->
      <FYOptionScene
        :allOption="false"
        :type="2"
        :initValue="false"
        v-model:value="formObj._scenetype"
      ></FYOptionScene>
      <!-- 区县 -->
      <FYOptionLocation
        :allOption="false"
        :level="4"
        :initValue="false"
        :checkStrictly="true"
        v-model:value="formObj._locations"
      ></FYOptionLocation>
      <el-form-item label="地址" prop="location">
        <el-input show-word-limit clearable v-model="formObj.location" placeholder="地址" />
        <el-input
          show-word-limit
          clearable
          v-model="formObj.location"
          placeholder="地址"
        />
      </el-form-item>
      <el-form-item label="经度" prop="longitude">
        <!-- <el-input type="number" v-model="formObj.longitude" placeholder="经度" /> -->
        <el-input-number
          v-model="formObj.longitude"
          :precision="6"
@@ -32,7 +48,6 @@
        />
      </el-form-item>
      <el-form-item label="纬度" prop="latitude">
        <!-- <el-input type="number" v-model="formObj.latitude" placeholder="纬度" /> -->
        <el-input-number
          v-model="formObj.latitude"
          :precision="6"
@@ -41,7 +56,12 @@
        />
      </el-form-item>
      <el-form-item label="联系人" prop="contacts">
        <el-input show-word-limit clearable v-model="formObj.contacts" placeholder="联系人" />
        <el-input
          show-word-limit
          clearable
          v-model="formObj.contacts"
          placeholder="联系人"
        />
      </el-form-item>
      <el-form-item label="联系电话" prop="contactst">
        <el-input type="tel" v-model="formObj.contactst" placeholder="联系电话">
@@ -54,7 +74,9 @@
      </el-form-item>
      <el-form-item label="状态" prop="online">
        <el-switch v-model="formObj.online" />
        <span style="margin-left: 16px">{{ formObj.online ? '在线' : '下线' }}</span>
        <span style="margin-left: 16px">{{
          formObj.online ? '在线' : '下线'
        }}</span>
      </el-form-item>
      <el-form-item label="编号" prop="index">
        <el-input-number readonly v-model="formObj.index" :step="1" :min="0" />
@@ -64,22 +86,31 @@
</template>

<script setup>
import { defineProps, defineEmits, reactive, ref, watch, computed } from 'vue';
import {
  defineProps,
  defineEmits,
  reactive,
  ref,
  unref,
  watch,
  computed
} from 'vue';
import { enumScene } from '@/enum/scene';
import { enumLocation } from '@/enum/location';
import sceneApi from '@/api/fysp/sceneApi';

const props = defineProps({
  //场景基本信息
  model: {
    type: Object,
    default: () => {
      return {};
    }
    type: Object
    // default: () => {
    //   return {};
    // }
  },
  //是创建或者更新场景
  create: Boolean
});

// const formInfo = ref();

// 场景基本信息，做相应的数据格式化
const formInfo = computed(() => {
@@ -88,11 +119,16 @@

const emit = defineEmits(['onSubmit', 'onCancel']);

const sceneTypes = reactive(enumScene(2, false));
const locations = reactive(enumLocation(false));
const cascaderProps = reactive({
  checkStrictly: true
});
// watch(
//   () => props.model,
//   (nV, oV) => {
//     if (nV != oV && nV) {
//       formInfo.value = parseSceneBaseInfo(nV);
      
//     }
//   }
// );

const rules = reactive({
  name: [
    {
@@ -101,7 +137,7 @@
      trigger: 'blur'
    }
  ],
  _typeObj: [
  _scenetype: [
    {
      required: true,
      message: '场景类型不能为空',
@@ -136,21 +172,27 @@
 * 对场景类型、场景行政区划和场景可用状态进行格式化
 * @param {*} s 场景信息
 */
function parseSceneBaseInfo(s) {
  s._typeObj = {
    label: s.type,
    value: s.typeid + ''
  };
function parseSceneBaseInfo(param) {
  const s = unref(param);
  if (s) {
    s._scenetype = {
      label: s.type,
      value: s.typeid + ''
    };

  s._locations = [];
  if (s.provincecode && s.provincecode.length > 0)
    s._locations.push([s.provincecode, s.provincename]);
  if (s.citycode && s.citycode.length > 0) s._locations.push([s.citycode, s.cityname]);
  if (s.districtcode && s.districtcode.length > 0)
    s._locations.push([s.districtcode, s.districtname]);
  if (s.towncode && s.towncode.length > 0) s._locations.push([s.towncode, s.townname]);
    s._locations = {
      pCode: s.provincecode,
      pName: s.provincename,
      cCode: s.citycode,
      cName: s.cityname,
      dCode: s.districtcode,
      dName: s.districtname,
      tCode: s.towncode,
      tName: s.townname
    };

  s.online = s.extension1 != '0';
    s.online = s.extension1 != '0';
  }

  return s;
}
@@ -181,25 +223,17 @@
function submit(v, success, fail) {
  // 行政区划信息填充
  const a = v.value._locations;
  if (a[0]) {
    v.value.provincecode = a[0][0];
    v.value.provincename = a[0][1];
  }
  if (a[1]) {
    v.value.citycode = a[1][0];
    v.value.cityname = a[1][1];
  }
  if (a[2]) {
    v.value.districtcode = a[2][0];
    v.value.districtname = a[2][1];
  }
  if (a[3]) {
    v.value.towncode = a[3][0];
    v.value.townname = a[3][1];
  }
  v.value.provincecode = a.pCode;
  v.value.provincename = a.pName;
  v.value.citycode = a.cCode;
  v.value.cityname = a.cName;
  v.value.districtcode = a.dCode;
  v.value.districtname = a.dName;
  v.value.towncode = a.tCode;
  v.value.townname = a.tName;

  // 场景类型信息填充
  const b = v.value._typeObj;
  const b = v.value._scenetype;
  v.value.typeid = b.value;
  v.value.type = b.label;

@@ -208,7 +242,9 @@

  v.value.updatedate = new Date().toISOString();

  return props.create ? createScene(v.value, success, fail) : updateScene(v.value, success, fail);
  return props.create
    ? createScene(v.value, success, fail)
    : updateScene(v.value, success, fail);
}
function cancel() {
  emit('onCancel');