实时警情处置功能

zengh

2021-01-29 1d924e1fb6e77abe78178bfc761af129b8a0b1bc

实时警情处置功能

 src/views/realTimePolice/real.vue

@@ -54,10 +54,102 @@
      <template slot-scope="{type,size,row}" slot="menu">
        <el-button icon="el-icon-check" :size="size" :type="type" @click.stop="handleHistory(row)">历史</el-button>
        <el-button icon="el-icon-check" :size="size" :type="type" @click.stop="handleStart(row)">视频</el-button>
        <el-button icon="el-icon-check" :size="size" :type="type">处置</el-button>
        <el-button icon="el-icon-check" :size="size" :type="type" @click.stop="handleManage(row)">处置</el-button>
        <el-button icon="el-icon-check" :size="size" :type="type" @click.stop="handleAdd11()">定位</el-button>
      </template>
    </avue-crud>


    <el-dialog title="警情处置" :visible.sync="dialogTableVisible" append-to-body="true">
      <el-form :model="form" label-position="right" size="mini" label-width="100px">
        <el-row>
          <el-col span="12">
        <el-form-item label="报警人" :label-width="formLabelWidth">
          <el-input disabled="true" v-model="form.alarmPeople" autocomplete="off"></el-input>
        </el-form-item>
          </el-col>
          <el-col span="12">
        <el-form-item label="联系电话" :label-width="formLabelWidth">
          <el-input disabled="true" v-model="form.phoneNumber" autocomplete="off"></el-input>
        </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col span="12">
            <el-form-item label="行政区" :label-width="formLabelWidth">
              <el-input disabled="true" v-model="form.district" autocomplete="off"></el-input>
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="事发地址" :label-width="formLabelWidth">
              <el-input disabled="true" v-model="form.place" autocomplete="off"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col span="12">
            <el-form-item label="警情类别" :label-width="formLabelWidth">
              <el-input disabled="true" v-model="form.waringType" autocomplete="off"></el-input>
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="设备编号" :label-width="formLabelWidth">
              <el-input disabled="true" v-model="form.deviceNumber" autocomplete="off"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col span="12">
            <el-form-item label="接警人" :label-width="formLabelWidth">
              <el-input disabled="true" v-model="form.galarmPeople" autocomplete="off"></el-input>
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="接警时间" :label-width="formLabelWidth">
              <el-input disabled="true" v-model="form.jjTime" autocomplete="off"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
          <el-col span="12">
            <el-form-item label="报警时间" :label-width="formLabelWidth">
              <el-input disabled="true" v-model="form.alarmTime" autocomplete="off"></el-input>
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="设备历史警情" :label-width="formLabelWidth">

            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
            <el-form-item label="报警内容" :label-width="formLabelWidth">
              <el-input disabled="true" v-model="form.content" autocomplete="off"></el-input>
            </el-form-item>
        </el-row>
        <el-row>
          <el-col span="12">
            <el-form-item label="要求处置时间" :label-width="formLabelWidth">
              <el-input v-model="form.Cztime" autocomplete="off"></el-input>
            </el-form-item>
          </el-col>
          <el-col span="12">
            <el-form-item label="备注" :label-width="formLabelWidth">
              <el-input v-model="form.name" autocomplete="off"></el-input>
            </el-form-item>
          </el-col>
        </el-row>
        <el-row>
            <el-form-item label="功能" :label-width="formLabelWidth">
            </el-form-item>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogTableVisible = false">取 消</el-button>
        <el-button type="primary" @click="submitForm(form)">提 交</el-button>
      </div>
    </el-dialog>

    <el-drawer
  title="我是标题"
  append-to-body=true
@@ -68,6 +160,8 @@
  </basic-container>
</template>



<script>
  import {getList, remove, update, add, getclient} from "@/api/real/real";
  import {mapGetters} from "vuex";
@@ -76,6 +170,7 @@
    data() {
      return {
        qwe:false,
        dialogTableVisible:false,
        direction: 'rtl',
        form: {},
        query: {},
@@ -92,6 +187,7 @@
          indexLabel: '序号',
          calcHeight: 30,
          labelWidth: '100',
          menuWidth:300,
          dialogWidth: 950,
          tip: false,
          searchShow: true,
@@ -470,6 +566,13 @@
      },
      handleAdd11(){
        this.qwe=true;
      },
      handleManage(row){
        this.form = row;
        this.dialogTableVisible = true;
      },
      submitForm(row){
        this.dialogTableVisible = true;
      }
    }
  };