shuishen
2024-01-09 4c0dddc26535a7f624b5e2286e03a751b582918c
公安安全监管下页面调整
3 files modified
201 ■■■■ changed files
src/views/publicSecurity/bailReporting.vue 92 ●●●● patch | view | raw | blame | history
src/views/publicSecurity/keynotePlaceManage.vue 103 ●●●● patch | view | raw | blame | history
src/views/task/reportForRepairs.vue 6 ●●●● patch | view | raw | blame | history
src/views/publicSecurity/bailReporting.vue
@@ -1,19 +1,25 @@
<template>
  <basic-container>
    <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" @row-del="rowDel"
      v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen"
      @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
      @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
      <template slot-scope="scope" slot="menu">
        <el-button type="text" size="small" icon="el-icon-view" plain @click="lookDetail(scope.row,0)">查 看
            v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave"
            :before-open="beforeOpen" @search-change="searchChange" @search-reset="searchReset"
            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
            @refresh-change="refreshChange" @on-load="onLoad">
            <template slot-scope="{row, size, index}" slot="menu">
                <el-button :size="size" type="text" icon="el-icon-view" plain @click="lookDetail(row, 0)">查 看
        </el-button>
        <el-button type="text" size="small" icon="el-icon-s-check" v-if="scope.row.status == 1" plain
          @click="lookDetail(scope.row,1)">审 核
                <el-button :size="size" type="text" icon="el-icon-s-check" v-if="row.status == 1" plain
                    @click="lookDetail(row, 1)">审 核
        </el-button>
        <el-button type="text" size="small" icon="el-icon-delete" plain @click="rowDel(scope.row)">删 除
                <el-button :size="size" type="text" icon="el-icon-delete" plain @click="rowDel(row)">删 除
        </el-button>
      </template>
            <template slot="status" slot-scope="{row, size}">
                <el-tag :size="size" :type="showStatus(row.status).type">
                    {{ showStatus(row.status).text }}
                </el-tag>
            </template>
    </avue-crud>
    <el-dialog class="place-info-box audit-info-box" title="" append-to-body :visible.sync="auditBasePopup" width="60%">
@@ -46,6 +52,19 @@
  export default {
    data() {
        //手机号格式校验
        let validatorPhone = function (rule, value, callback) {
            if (value) {
                if (!/^1[3456789]\d{9}$/.test(value)) {
                    callback(new Error('手机号格式有误!'))
                } else {
                    callback()
                }
            }
            callback()
        }
      return {
        curRow: {},
        roleBox: false,
@@ -62,13 +81,16 @@
        datetime: "",
        selectionList: [],
        option: {
                labelWidth: 96,
                searchLabelWidth: 96,
                searchShow: true,
                searchMenuSpan: 3,
                menuWidth: 210,
          height: "auto",
          calcHeight: 54,
          dialogWidth: 950,
          tip: false,
          searchShow: true,
          searchMenuSpan: 3,
          menuWidth: 280,
          border: true,
          // menu: false,
          //stripe:true,
@@ -79,6 +101,7 @@
          selection: true,
          dialogClickModal: false,
          column: [{
                    width: 110,
              label: "所属街道",
              // hide: true,
              searchSpan: 4,
@@ -97,6 +120,7 @@
                trigger: "blur",
              }, ],
            }, {
                    width: 156,
              // hide: true,
              parent: false,
              searchSpan: 4,
@@ -116,10 +140,13 @@
                trigger: "blur",
              }, ],
            }, {
                    width: 220,
                    overHidden: true,
              label: "小区",
              prop: "aoiCode",
              searchSpan: 4,
              type: 'tree',
                    searchLabelWidth: 66,
              search: true,
              parent: false,
              dicUrl: `/api/blade-district/district/getDistrictTree`,
@@ -129,9 +156,6 @@
              },
              // defaultExpandedKeys: ["361102003"],
              span: 12,
              labelWidth: 120,
              // width: 220,
              // overHidden: true,
              rules: [{
                required: true,
                message: "请选择小区",
@@ -142,24 +166,35 @@
              // hide: true,
            },
            {
                    width: 100,
              span: 12,
              label: "名称",
              prop: "name",
              searchSpan: 4,
                    searchLabelWidth: 66,
              search: true,
            }, {
                    width: 120,
              span: 12,
              label: "电话",
                    label: "联系方式",
              prop: "phone",
              searchSpan: 4,
              search: true,
                    rules: [
                        {
                            validator: validatorPhone,
                            trigger: 'blur'
                        }
                    ],
            },
            {
                    width: 144,
              label: "创建时间",
              prop: "createTime",
              searchSpan: 4,
            },
            {
                    width: 100,
              addDisplay: false,
              editDisplay: false,
              viewDisplay: false,
@@ -179,6 +214,7 @@
              }]
            },
            {
                    width: 100,
              addDisplay: false,
              editDisplay: false,
              viewDisplay: false,
@@ -193,6 +229,7 @@
              }, ]
            },
            {
                    overHidden: true,
              span: 12,
              label: "地址",
              prop: "addressName",
@@ -235,6 +272,31 @@
        })
        return ids.join(",")
      },
        showStatus () {
            return (data) => {
                let tags = {}
                if (data == 1) {
                    tags = {
                        type: 'warning',
                        text: '待审核'
                    }
                } else if (data == 2) {
                    tags = {
                        type: 'success',
                        text: '已审核'
                    }
                } else if (data == 3) {
                    tags = {
                        type: 'danger',
                        text: '未通过'
                    }
                }
                return tags
            }
        }
    },
    methods: {
      colseDetail() {
src/views/publicSecurity/keynotePlaceManage.vue
@@ -1,18 +1,25 @@
<template>
  <basic-container>
    <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" @row-del="rowDel"
      v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave" :before-open="beforeOpen"
      @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
      @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
            v-model="form" :permission="permissionList" @row-update="rowUpdate" @row-save="rowSave"
            :before-open="beforeOpen" @search-change="searchChange" @search-reset="searchReset"
            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
            @refresh-change="refreshChange" @on-load="onLoad">
      <template slot-scope="scope" slot="menu">
        <el-button type="text" size="small" icon="el-icon-view" plain @click="lookDetail(scope.row,0)">查 看
            <template slot-scope="{row, size}" slot="menu">
                <el-button type="text" :size="size" icon="el-icon-view" plain @click="lookDetail(row, 0)">查 看
        </el-button>
        <el-button type="text" size="small" icon="el-icon-s-check" v-if="scope.row.status == 1" plain
          @click="lookDetail(scope.row,1)">审 核
                <el-button type="text" :size="size" icon="el-icon-s-check" v-if="row.status == 1" plain
                    @click="lookDetail(row, 1)">审 核
        </el-button>
        <el-button type="text" size="small" icon="el-icon-delete" plain @click="rowDel(scope.row)">删 除
                <el-button type="text" :size="size" icon="el-icon-delete" plain @click="rowDel(row)">删 除
        </el-button>
            </template>
            <template slot="status" slot-scope="{row, size}">
                <el-tag :size="size" :type="showStatus(row.status).type">
                    {{ showStatus(row.status).text }}
                </el-tag>
      </template>
    </avue-crud>
@@ -45,6 +52,19 @@
  export default {
    data() {
        //手机号格式校验
        let validatorPhone = function (rule, value, callback) {
            if (value) {
                if (!/^1[3456789]\d{9}$/.test(value)) {
                    callback(new Error('手机号格式有误!'))
                } else {
                    callback()
                }
            }
            callback()
        }
      return {
        taskType: 0,
        curRow: {},
@@ -62,13 +82,16 @@
        datetime: "",
        selectionList: [],
        option: {
                labelWidth: 96,
                searchLabelWidth: 96,
                searchShow: true,
                searchMenuSpan: 3,
                menuWidth: 210,
          height: "auto",
          calcHeight: 54,
          dialogWidth: 950,
          tip: false,
          searchShow: true,
          searchMenuSpan: 3,
          menuWidth: 280,
          // menu: false,
          border: true,
          //stripe:true,
@@ -79,6 +102,7 @@
          selection: true,
          dialogClickModal: false,
          column: [{
                    width: 110,
              label: "所属街道",
              // hide: true,
              search: true,
@@ -97,6 +121,7 @@
                trigger: "blur",
              }, ],
            }, {
                    width: 156,
              // hide: true,
              search: true,
              parent: false,
@@ -116,7 +141,10 @@
                trigger: "blur",
              }, ],
            }, {
                    width: 220,
                    overHidee: true,
              // hide: true,
                    searchLabelWidth: 66,
              search: true,
              parent: false,
              searchSpan: 4,
@@ -143,28 +171,28 @@
            //   search: true,
            // },
            {
                    width: 110,
              span: 12,
              label: "名称",
              prop: "realName",
              searchSpan: 4,
                    searchLabelWidth: 66,
              search: true,
            }, {
                    width: 120,
              span: 12,
              label: "电话",
                    label: "联系方式",
              prop: "phone",
              searchSpan: 4,
              search: true,
                    rules: [
                        {
                            validator: validatorPhone,
                            trigger: 'blur'
                        }
                    ],
            }, {
              span: 12,
              label: "地址",
              prop: "addressName",
              searchSpan: 4,
            }, {
              label: "创建时间",
              prop: "createTime",
              searchSpan: 4,
            }, {
                    overHidee: true,
              span: 12,
              label: "地址",
              prop: "addressName",
@@ -172,10 +200,11 @@
              // search: true,
              rules: [{
                required: true,
                message: "请输入场所名称",
                        message: "请输入地址",
                trigger: "blur",
              }, ],
            }, {
                    width: 144,
              label: "创建时间",
              prop: "createTime",
              searchSpan: 4,
@@ -183,6 +212,7 @@
            },
            {
                    width: 100,
              addDisplay: false,
              editDisplay: false,
              viewDisplay: false,
@@ -201,6 +231,7 @@
                value: 3
              }]
            }, {
                    width: 100,
              addDisplay: false,
              editDisplay: false,
              viewDisplay: false,
@@ -208,8 +239,9 @@
              prop: 'reportType',
              type: 'radio',
              slot: true,
                    searchSpan: 4,
                    searchLabelWidth: 66,
              search: true,
              searchSpan: 3,
              dicData: [{
                label: '旅馆安全',
                value: 2
@@ -266,7 +298,30 @@
        })
        return ids.join(",")
      },
        showStatus () {
            return (data) => {
                let tags = {}
                if (data == 1) {
                    tags = {
                        type: 'warning',
                        text: '待审核'
                    }
                } else if (data == 2) {
                    tags = {
                        type: 'success',
                        text: '已审核'
                    }
                } else if (data == 3) {
                    tags = {
                        type: 'danger',
                        text: '未通过'
                    }
                }
                return tags
            }
        }
    },
    methods: {
src/views/task/reportForRepairs.vue
@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2023-12-14 17:10:00
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-01-09 18:31:13
 * @LastEditTime: 2024-01-09 18:59:37
 * @FilePath: \jczz_web\src\views\task\reportForRepairs.vue
 * @Description:
 *
@@ -16,8 +16,8 @@
            :before-open="beforeOpen" @search-change="searchChange" @search-reset="searchReset"
            @selection-change="selectionChange" @current-change="currentChange" @size-change="sizeChange"
            @refresh-change="refreshChange" @on-load="onLoad">
            <template slot="confirmFlag" slot-scope="{row}">
                <el-tag size="small" :type="showConfirmFlag(row.confirmFlag).type">
            <template slot="confirmFlag" slot-scope="{row, size}">
                <el-tag :size="size" :type="showConfirmFlag(row.confirmFlag).type">
                    {{ showConfirmFlag(row.confirmFlag).text }}
                </el-tag>
            </template>