From 5ba0b0cd57852799271d4e5a8151d11b12bbde49 Mon Sep 17 00:00:00 2001
From: jinna <jn517618@163.com>
Date: Wed, 25 Sep 2024 16:28:14 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B9=A6=E5=86=99=E7=BB=B4=E4=BF=AE=E5=AE=8C?=
 =?UTF-8?q?=E6=88=90=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/operation/hand.vue  | 1183 ++++++++++++++++++++++++++++-----
 src/views/workbench/index.vue |    8 +-
 2 files changed, 1021 insertions(+), 170 deletions(-)

diff --git a/src/views/operation/hand.vue b/src/views/operation/hand.vue
index 7074d6a..fcd03ec 100644
--- a/src/views/operation/hand.vue
+++ b/src/views/operation/hand.vue
@@ -1,41 +1,105 @@
 <template>
-  <basic-container style="max-height:800px;overflow:hidden;">
-    <avue-crud :option="option" :table-loading="loading" :data="data" :page.sync="page" ref="crud" v-model="form"
-      :permission="permissionList" :before-open="beforeOpen" :before-close="beforeClose" @search-change="searchChange"
-      @search-reset="searchReset" @current-change="currentChange" @size-change="sizeChange"
-      @refresh-change="refreshChange" @on-load="onLoad">
-      <template slot-scope="{row}" slot="operationStatus">
-          <el-tag size="small" :type="row.operationStatus == 1 ? 'success' : row.operationStatus == 2 ? '' : row.operationStatus == 3 ? 'info' : ''">
-            {{
-              row.operationStatus == 1 ? '待接单' : row.operationStatus == 2 ? '维修完成' : row.operationStatus == 3 ? '已完成' : ''
-            }}
-          </el-tag>
+  <basic-container style="max-height: 800px; overflow: hidden">
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      :page.sync="page"
+      ref="crud"
+      v-model="form"
+      :permission="permissionList"
+      :before-open="beforeOpen"
+      :before-close="beforeClose"
+      @search-change="searchChange"
+      @search-reset="searchReset"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+    >
+      <template slot-scope="{ row }" slot="operationStatus">
+        <el-tag
+          size="small"
+          :type="
+            row.operationStatus == 1
+              ? 'success'
+              : row.operationStatus == 2
+              ? ''
+              : row.operationStatus == 3
+              ? 'info'
+              : ''
+          "
+        >
+          {{
+            row.operationStatus == 1
+              ? "待接单"
+              : row.operationStatus == 2
+              ? "维修完成"
+              : row.operationStatus == 3
+              ? "已完成"
+              : ""
+          }}
+        </el-tag>
       </template>
-      <template slot-scope="{type,disabled}" slot="operationStatusForm">
+      <template slot-scope="{ type, disabled }" slot="operationStatusForm">
         <div v-if="type == 'view'">
-          <el-tag size="small" :type="form.operationStatus == 1 ? 'success' : form.operationStatus == 2 ? '' : form.operationStatus == 3 ? 'info' : ''">
+          <el-tag
+            size="small"
+            :type="
+              form.operationStatus == 1
+                ? 'success'
+                : form.operationStatus == 2
+                ? ''
+                : form.operationStatus == 3
+                ? 'info'
+                : ''
+            "
+          >
             {{
-              form.operationStatus == 1 ? '待接单' : form.operationStatus == 2 ? '维修完成' : form.operationStatus == 3 ? '已完成' : ''
+              form.operationStatus == 1
+                ? "待接单"
+                : form.operationStatus == 2
+                ? "维修完成"
+                : form.operationStatus == 3
+                ? "已完成"
+                : ""
             }}
           </el-tag>
         </div>
       </template>
-      <template slot-scope="{type,disabled}" slot="errorVideoForm">
+      <template slot-scope="{ type, disabled }" slot="errorVideoForm">
         <div v-if="type == 'view'">
-          <video :src="form.errorVideo" muted  autoplay style="width:200px;height:200px;"></video>
+          <video
+            :src="form.errorVideo"
+            muted
+            autoplay
+            style="width: 200px; height: 200px"
+          ></video>
         </div>
       </template>
-      <template slot-scope="{type,disabled}" slot="errorImgForm">
+      <template slot-scope="{ type, disabled }" slot="errorImgForm">
         <div v-if="type == 'view'">
           <!-- {{from.errorImg}} -->
-          <img v-for="item in form.errorImg" :key="item" :src="item" alt="" style="width:180px;height:180px;margin:0 5px;">
+          <img
+            v-for="item in form.errorImg"
+            :key="item"
+            :src="item"
+            alt=""
+            style="width: 180px; height: 180px; margin: 0 5px"
+          />
         </div>
       </template>
       <template slot-scope="scope" slot="menuLeft">
-        <el-button type="primary" icon="el-icon-plus" size="small" @click="addOperation">需求提报</el-button>
+        <el-button
+          type="primary"
+          icon="el-icon-plus"
+          size="small"
+          @click="addOperation"
+          >需求提报</el-button
+        >
       </template>
-      <template slot-scope="{row}" slot="menu">
-        <el-button @click="$refs.crud.rowView(row,index)">查看</el-button>
+      <template slot-scope="{ row }" slot="menu">
+        <el-button @click="$refs.crud.rowView(row, index)">查看</el-button>
         <el-button @click="handleEdit(row)">编辑</el-button>
         <el-button @click="handleEvaluate(row)">评价并签字</el-button>
       </template>
@@ -43,117 +107,377 @@
     <el-dialog
       :title="dialogTitle"
       :visible.sync="dialogVisible"
-      :append-to-body='true'
+      :append-to-body="true"
       width="50%"
-    > 
-      <div style="height:500px;overflow:auto;">
-        <div v-for="(item,index) in addForm" :key="item" >
-          <div style="width: 98%;
-            height: 30px;
-            line-height: 30px;
-            padding-left: 5px;
-            border-left: 5px solid #000;
-            font-size: 18px;
-            font-weight: 550;
-            color: #000;
-            margin: 0px 0 20px;" v-show="addForm.length > 1">填报{{index + 1}}</div>
-          <el-form ref="form" :model="item.form" label-width="100px">
-            <el-form-item label="故障位置">
-              <el-input placeholder="请输入故障位置" v-model="item.form.errPosition"></el-input>
-            </el-form-item>
-            <el-form-item label="设备名称">
-              <el-select placeholder="请选择设备名称" v-model="item.form.deviceName" style="width:100%;">
-                <el-option v-for="item in deviceList" :key="item.value" :value="item.value" :label="item.label"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="故障专业类型">
-              <el-select placeholder="请选择故障专业类型" v-model="item.form.errType" style="width:100%;">
-                <el-option v-for="item in errorList" :key="item.value" :value="item.value" :label="item.label"></el-option>
-              </el-select>
-            </el-form-item>
-            <el-form-item label="故障现象描述">
-              <el-input placeholder="请输入故障现象描述" type="textarea" v-model="item.form.errDescirb"></el-input>
-            </el-form-item>
-            <el-form-item label="故障视频">
-              <el-upload
-                action="#"
-                list-type="picture-card"
-                :auto-upload="false"
-                accept=".mp4"
-                :on-success="handleSuccess">
-                  <i slot="default" class="el-icon-plus"></i>
-              </el-upload>
-              <video></video>
-            </el-form-item>
-          </el-form>
+    >
+      <div style="height: 500px; overflow: auto">
+        <div v-for="(item, index) in addForm" :key="item">
+          <div
+            style="
+              width: 98%;
+              height: 30px;
+              line-height: 30px;
+              padding-left: 5px;
+              border-left: 5px solid #000;
+              font-size: 18px;
+              font-weight: 550;
+              color: #000;
+              margin: 0px 0 20px;
+            "
+            v-show="addForm.length > 1"
+          >
+            填报{{ index + 1 }}
+          </div>
+          <avue-form :option="item.formOption" :model="item.form"></avue-form>
         </div>
       </div>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="handleAdd">新 增</el-button>
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button @click="handleSave">保 存</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+        <el-button @click="handleAdd" v-show="dialogTitle == '需求填报'"
+          >新 增</el-button
+        >
+        <el-button @click="handleCancel">取 消</el-button>
+        <el-button @click="handleSave" v-show="dialogTitle == '需求填报'"
+          >保 存</el-button
+        >
+        <el-button type="primary" @click="handleConfirm">确 定</el-button>
+      </span>
+    </el-dialog>
+    <el-dialog
+      :title="detailTitle"
+      :visible.sync="detailVisible"
+      :append-to-body="true"
+      width="50%"
+    >
+      <div style="height:500px;overflow:auto;">
+        <el-form ref="form" :model="detailForm" label-width="120px">
+          <div
+            style="
+              color: #101010;
+              font-size: 20px;
+              font-weight: 550;
+              margin-bottom: 20px;
+            "
+          >
+            故障信息
+          </div>
+          <el-form-item label="填报人" prop="errPosition">
+            <el-input
+              placeholder="请输入填报人"
+              readonly
+              v-model="detailForm.addPerson"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="填报人电话" prop="errPosition">
+            <el-input
+              placeholder="请输入填报人电话"
+              readonly
+              v-model="detailForm.addPersonPhone"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="故障位置" prop="errPosition">
+            <el-input
+              placeholder="请输入故障位置"
+              readonly
+              v-model="detailForm.errPosition"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="设备名称" prop="deviceName">
+            <el-select
+              placeholder="请选择设备名称"
+              disabled
+              v-model="detailForm.deviceName"
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in deviceList"
+                :key="item.value"
+                :value="item.value"
+                :label="item.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="故障专业类型" prop="errType">
+            <el-select
+              placeholder="请选择故障专业类型"
+              disabled
+              v-model="detailForm.errType"
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in errorList"
+                :key="item.value"
+                :value="item.value"
+                :label="item.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="故障现象描述" prop="errDescirb">
+            <el-input
+              placeholder="请输入故障现象描述"
+              readonly
+              type="textarea"
+              v-model="detailForm.errDescirb"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="故障视频">
+            <video
+              :src="detailForm.errorVideo"
+              style="width: 148px; height: 148px"
+              controls
+            ></video>
+          </el-form-item>
+          <el-form-item label="故障图片">
+            <img v-for="item in detailForm.errorImg" :key="item" :src="item" alt="" style="width: 148px; height: 148px;margin-right:10px;">
+          </el-form-item>
+          <el-form-item label="提报时间">
+            <el-date-picker
+              v-model="detailForm.addTime"
+              type="datetime"
+              disabled
+              placeholder="选择日期时间">
+            </el-date-picker>
+          </el-form-item>
+          <div
+            style="
+              color: #101010;
+              font-size: 20px;
+              font-weight: 550;
+              margin-bottom: 20px;
+            "
+          >
+            处理情况
+          </div>
+          <el-form-item label="接单时间时间">
+            <el-date-picker
+              v-model="detailForm.orderTime"
+              type="datetime"
+              disabled
+              placeholder="选择日期时间">
+            </el-date-picker>
+          </el-form-item>
+          <div
+            style="
+              color: #101010;
+              font-size: 20px;
+              font-weight: 550;
+              margin-bottom: 20px;
+            "
+          >
+            维修详情
+          </div>
+          <el-form-item label="填报人" prop="maintainPerson">
+            <el-input
+              placeholder="请输入填报人"
+              readonly
+              v-model="detailForm.maintainPerson"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="设备名称" prop="maintainName">
+            <el-select
+              placeholder="请选择设备名称"
+              disabled
+              v-model="detailForm.maintainName"
+              style="width: 100%"
+            >
+              <el-option
+                v-for="item in deviceList"
+                :key="item.value"
+                :value="item.value"
+                :label="item.label"
+              ></el-option>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="故障原因" prop="errorReason">
+            <el-input
+              placeholder="请输入故障原因"
+              readonly
+              type="textarea"
+              v-model="detailForm.errorReason"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="处理方法" prop="dealMethod">
+            <el-input
+              placeholder="请输入处理方法"
+              readonly
+              type="textarea"
+              v-model="detailForm.dealMethod"
+            ></el-input>
+          </el-form-item>
+          <el-form-item label="维修材料">
+            <el-table :data="detailForm.tableData" border style="width: 100%" show-summary>
+              <el-table-column
+                prop="name"
+                align="center"
+                label="物料名称"
+                >
+              </el-table-column>
+              <el-table-column
+                prop="money"
+                align="center"
+                label="金额"
+                >
+              </el-table-column>
+            </el-table>
+          </el-form-item>
+        </el-form>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button @click="handleCancel">关闭</el-button>
+        <el-button type="primary" @click="handleConfirm">评价并签字</el-button>
       </span>
     </el-dialog>
-   </basic-container>
+  </basic-container>
 </template>
 
 <script>
 import { mapGetters } from "vuex";
 import { dateFormat } from "../../util/date";
+let action = "https://api.avuejs.com/imgupload";
 
 export default {
   data() {
     return {
       showPrint: false,
-      dialogTitle:'需求填报',
-      dialogVisible:true,
-      uploadUrl:'',
+      dialogTitle: "需求填报",
+      dialogVisible: false,
+      detailTitle: "需求详情",
+      detailVisible: true,
+      uploadUrl: "",
       form: {},
-      addForm:[
-        {form:{}},
-        {form:{}},
+      addForm: [
+        {
+          form: {
+            errPosition: "",
+            deviceName: "",
+            errType: "",
+            errDescirb: "",
+            errorVideo: "",
+            errorImgs: [],
+          },
+          formOption: {
+            emptyBtn: false,
+            submitBtn: false,
+            column: [
+              {
+                label: "故障位置",
+                labelWidth: 120,
+                prop: "errPosition",
+                type: "input",
+                span: 24,
+              },
+              {
+                label: "设备名称",
+                labelWidth: 120,
+                span: 24,
+                prop: "deviceName",
+                type: "select",
+                dicData: [
+                  {
+                    label: "名称1",
+                    value: 0,
+                  },
+                  {
+                    label: "名称2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障专业类型",
+                labelWidth: 120,
+                span: 24,
+                prop: "errType",
+                type: "select",
+                dicData: [
+                  {
+                    label: "类型1",
+                    value: 0,
+                  },
+                  {
+                    label: "类型2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障现象描述",
+                labelWidth: 120,
+                span: 24,
+                prop: "errDescirb",
+                type: "textarea",
+                minRows: 3,
+                maxRows: 5,
+              },
+              {
+                label: "故障视频",
+                labelWidth: 120,
+                prop: "errorVideo",
+                type: "upload",
+                propsHttp: {
+                  res: "data",
+                  url: "url",
+                  name: "name",
+                  home: "https://www.w3school.com.cn",
+                },
+                fileType: "video", //img/video/audio
+                listType: "picture-img",
+                span: 24,
+                action: action,
+              },
+              {
+                label: "照片墙",
+                labelWidth: 120,
+                span: 24,
+                prop: "imgUrl",
+                listType: "picture-card",
+                type: "upload",
+                fileType: "img", //img/video/audio
+                action: action,
+              },
+            ],
+          },
+        },
       ],
       query: {},
       loading: true,
       parentId: 0,
-      direction: 'rtl',
+      direction: "rtl",
       page: {
         pageSize: 10,
         currentPage: 1,
         total: 0,
       },
-      deviceList:[
-        {label:'设备一',value:'001'},
-        {label:'设备二',value:'002'},
-        {label:'设备三',value:'003'},
-        {label:'设备四',value:'004'},
+      deviceList: [
+        { label: "设备一", value: "001" },
+        { label: "设备二", value: "002" },
+        { label: "设备三", value: "003" },
+        { label: "设备四", value: "004" },
       ],
-      errorList:[
-        {label:'类别一',value:'01'},
-        {label:'类别二',value:'02'},
-        {label:'类别三',value:'03'},
-        {label:'类别四',value:'04'},
+      errorList: [
+        { label: "类别一", value: "01" },
+        { label: "类别二", value: "02" },
+        { label: "类别三", value: "03" },
+        { label: "类别四", value: "04" },
       ],
       isRegister: false,
       option: {
-        height: 'auto',
+        height: "auto",
         calcHeight: 30,
         tip: false,
         searchShow: true,
         searchMenuSpan: 6,
         border: true,
         index: true,
-        dialogType: 'dialog',
+        dialogType: "dialog",
         dialogClickModal: false,
         addBtn: false,
         viewBtn: false,
         editBtn: false,
         delBtn: false,
-        searchShowBtn:false,
-        refreshBtn:false,
-        columnBtn:false,
-        menuWidth:320,
+        searchShowBtn: false,
+        refreshBtn: false,
+        columnBtn: false,
+        menuWidth: 320,
         column: [
           {
             label: "提报时间",
@@ -164,41 +488,41 @@ export default {
             search: true,
             hide: true,
             viewDisplay: false,
-            searchValue: dateFormat(new Date(), 'yyyy-MM-dd'),
+            searchValue: dateFormat(new Date(), "yyyy-MM-dd"),
             searchClearable: false,
           },
           {
             label: "需求单号",
-            labelWidth:120,
+            labelWidth: 120,
             prop: "operationNo",
-            overHidden:true,
+            overHidden: true,
           },
           {
             label: "设备名称",
-            labelWidth:120,
+            labelWidth: 120,
             prop: "deviceName",
-            overHidden:true,
+            overHidden: true,
           },
           {
             label: "故障位置",
-            labelWidth:120,
+            labelWidth: 120,
             prop: "errPosition",
             type: "select",
-            overHidden:true,
+            overHidden: true,
             // hide: true,
             search: true,
             // viewDisplay: false,
             // dicUrl: '/api/blade-system/dict-biz/get-hc-project',
             props: {
-              label: 'dictValue',
-              value: 'dictValue'
+              label: "dictValue",
+              value: "dictValue",
             },
           },
           {
             label: "故障专业类型",
-            labelWidth:120,
+            labelWidth: 120,
             prop: "errType",
-            overHidden:true,
+            overHidden: true,
             type: "select",
             searchLabelWidth: 100,
             hide: true,
@@ -206,21 +530,21 @@ export default {
             viewDisplay: false,
             // dicUrl: '/api/blade-system/dict-biz/get-hc-project',
             props: {
-              label: 'dictValue',
-              value: 'dictValue'
+              label: "dictValue",
+              value: "dictValue",
             },
           },
           {
-            label:'故障现象描述',
-            labelWidth:120,
-            prop:'errDescirb',
-            overHidden:true,
-            slot: true
+            label: "故障现象描述",
+            labelWidth: 120,
+            prop: "errDescirb",
+            overHidden: true,
+            slot: true,
           },
           {
-            label: '故障视频',
-            labelWidth:120,
-            prop: 'errorVideo',
+            label: "故障视频",
+            labelWidth: 120,
+            prop: "errorVideo",
             // hide:true,
             // propsHttp: {
             //   res: 'data',
@@ -233,40 +557,124 @@ export default {
             // formslot:true,
           },
           {
-            label: '故障图片',
-            labelWidth:120,
-            prop: 'errorImg',
-            type: 'upload',
-            hide:true,
-            formslot:true,
+            label: "故障图片",
+            labelWidth: 120,
+            prop: "errorImg",
+            type: "upload",
+            hide: true,
+            formslot: true,
           },
           {
             label: "提报时间",
-            labelWidth:120,
+            labelWidth: 120,
             prop: "operationDate",
-            slot: true
+            slot: true,
           },
           {
             label: "状态",
-            labelWidth:120,
+            labelWidth: 120,
             prop: "operationStatus",
             slot: true,
-            formslot:true,
+            formslot: true,
           },
           {
             label: "完成时间",
-            labelWidth:120,
+            labelWidth: 120,
             prop: "finishDate",
-            slot: true
+            slot: true,
           },
-        ]
+        ],
       },
       data: [],
-      videoList:'',//上传成功的视频
+      videoList: "", //上传成功的视频
+
+      form2Option: {
+        emptyBtn: false,
+        submitBtn: false,
+        column: [
+          {
+            label: "故障位置",
+            labelWidth: 120,
+            prop: "errPosition",
+            type: "input",
+            span: 24,
+          },
+          {
+            label: "设备名称",
+            labelWidth: 120,
+            span: 24,
+            prop: "deviceName",
+            type: "select",
+            dicData: [
+              {
+                label: "名称1",
+                value: 0,
+              },
+              {
+                label: "名称2",
+                value: 1,
+              },
+            ],
+          },
+          {
+            label: "故障专业类型",
+            labelWidth: 120,
+            span: 24,
+            prop: "errType",
+            type: "select",
+            dicData: [
+              {
+                label: "类型1",
+                value: 0,
+              },
+              {
+                label: "类型2",
+                value: 1,
+              },
+            ],
+          },
+          {
+            label: "故障现象描述",
+            labelWidth: 120,
+            span: 24,
+            prop: "errDescirb",
+            type: "textarea",
+            minRows: 3,
+            maxRows: 5,
+          },
+          {
+            label: "故障视频",
+            labelWidth: 120,
+            prop: "errorVideo",
+            type: "upload",
+            propsHttp: {
+              res: "data",
+              url: "url",
+              name: "name",
+              home: "https://www.w3school.com.cn",
+            },
+            fileType: "video", //img/video/audio
+            listType: "picture-img",
+            span: 24,
+            action: action,
+          },
+          {
+            label: "照片墙",
+            labelWidth: 120,
+            span: 24,
+            prop: "imgUrl",
+            listType: "picture-card",
+            type: "upload",
+            fileType: "img", //img/video/audio
+            action: action,
+          },
+        ],
+      },
+      detailForm: {},
     };
   },
   directives: {
-    print
+    print,
   },
 
   computed: {
@@ -276,27 +684,440 @@ export default {
         addBtn: this.vaildData(this.permission.notice_add, false),
         viewBtn: this.vaildData(this.permission.notice_view, false),
         delBtn: this.vaildData(this.permission.notice_delete, false),
-        editBtn: this.vaildData(this.permission.notice_edit, false)
+        editBtn: this.vaildData(this.permission.notice_edit, false),
       };
     },
   },
-  created() {
-  },
-  mounted() {
-    
-  },
+  created() {},
+  mounted() {},
   methods: {
     // 需求提报
-    addOperation(){
-      this.dialogTitle = '需求填报'
-      this.dialogVisible = true
+    addOperation() {
+      this.dialogTitle = "需求填报";
+      this.addForm = [
+        {
+          form: {
+            errPosition: "",
+            deviceName: "",
+            errType: "",
+            errDescirb: "",
+            errorVideo: "",
+            errorImgs: [],
+          },
+          formOption: {
+            emptyBtn: false,
+            submitBtn: false,
+            column: [
+              {
+                label: "故障位置",
+                labelWidth: 120,
+                prop: "errPosition",
+                type: "input",
+                span: 24,
+              },
+              {
+                label: "设备名称",
+                labelWidth: 120,
+                span: 24,
+                prop: "deviceName",
+                type: "select",
+                dicData: [
+                  {
+                    label: "名称1",
+                    value: 0,
+                  },
+                  {
+                    label: "名称2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障专业类型",
+                labelWidth: 120,
+                span: 24,
+                prop: "errType",
+                type: "select",
+                dicData: [
+                  {
+                    label: "类型1",
+                    value: 0,
+                  },
+                  {
+                    label: "类型2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障现象描述",
+                labelWidth: 120,
+                span: 24,
+                prop: "errDescirb",
+                type: "textarea",
+                minRows: 3,
+                maxRows: 5,
+              },
+              {
+                label: "故障视频",
+                labelWidth: 120,
+                prop: "errorVideo",
+                type: "upload",
+                propsHttp: {
+                  res: "data",
+                  url: "url",
+                  name: "name",
+                  home: "https://www.w3school.com.cn",
+                },
+                fileType: "video", //img/video/audio
+                listType: "picture-img",
+                span: 24,
+                action: action,
+              },
+              {
+                label: "照片墙",
+                labelWidth: 120,
+                span: 24,
+                prop: "imgUrl",
+                listType: "picture-card",
+                type: "upload",
+                fileType: "img", //img/video/audio
+                action: action,
+              },
+            ],
+          },
+        },
+      ];
+      this.dialogVisible = true;
     },
     // 视频上传成功
-    handleSuccessVideo(response, file, fileList){
-      console.log('response--------------->',response)
-      console.log('file--------------->',file)
-      console.log('fileList--------------->',fileList)
+    handleSuccessVideo(response, file, fileList, item) {
+      console.log("response--------------->", response);
+      console.log("file--------------->", file);
+      console.log("fileList--------------->", fileList);
+      console.log("item--------------->", item);
+    },
+    // 点击新增按钮
+    handleAdd() {
+      console.log("addForm --------------->", this.addForm);
+      let emptyPos = this.addForm.find((item) => item.form.errPosition == "");
+      let emptyDevice = this.addForm.find((item) => item.form.deviceName == "");
+      let emptyType = this.addForm.find((item) => item.form.errType == "");
+      let emptyDes = this.addForm.find((item) => item.form.errDescirb == "");
+      let emptyVideo = this.addForm.find((item) => item.form.errorVideo == "");
+      let emptyImg = this.addForm.find(
+        (item) => item.form.errorImgs.length == 0
+      );
+      if (
+        emptyPos ||
+        emptyDevice ||
+        emptyType ||
+        emptyDes ||
+        emptyVideo ||
+        emptyImg
+      ) {
+        this.$message.error("需求填报时各内容均不可为空，请填写完全");
+      } else {
+        this.addForm.push({
+          form: {
+            errPosition: "",
+            deviceName: "",
+            errType: "",
+            errDescirb: "",
+            errorVideo: "",
+            errorImgs: [],
+          },
+          formOption: {
+            emptyBtn: false,
+            submitBtn: false,
+            column: [
+              {
+                label: "故障位置",
+                labelWidth: 120,
+                prop: "errPosition",
+                type: "input",
+                span: 24,
+              },
+              {
+                label: "设备名称",
+                labelWidth: 120,
+                span: 24,
+                prop: "deviceName",
+                type: "select",
+                dicData: [
+                  {
+                    label: "名称1",
+                    value: 0,
+                  },
+                  {
+                    label: "名称2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障专业类型",
+                labelWidth: 120,
+                span: 24,
+                prop: "errType",
+                type: "select",
+                dicData: [
+                  {
+                    label: "类型1",
+                    value: 0,
+                  },
+                  {
+                    label: "类型2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障现象描述",
+                labelWidth: 120,
+                span: 24,
+                prop: "errDescirb",
+                type: "textarea",
+                minRows: 3,
+                maxRows: 5,
+              },
+              {
+                label: "故障视频",
+                labelWidth: 120,
+                prop: "errorVideo",
+                type: "upload",
+                propsHttp: {
+                  res: "data",
+                  url: "url",
+                  name: "name",
+                  home: "https://www.w3school.com.cn",
+                },
+                fileType: "video", //img/video/audio
+                listType: "picture-img",
+                span: 24,
+                action: action,
+              },
+              {
+                label: "照片墙",
+                labelWidth: 120,
+                span: 24,
+                prop: "imgUrl",
+                listType: "picture-card",
+                type: "upload",
+                fileType: "img", //img/video/audio
+                action: action,
+              },
+            ],
+          },
+        });
+      }
+    },
+    // 点击取消按钮
+    handleCancel() {
+      this.dialogVisible = false;
+      this.addForm = [
+        {
+          form: {
+            errPosition: "",
+            deviceName: "",
+            errType: "",
+            errDescirb: "",
+            errorVideo: "",
+            errorImgs: [],
+          },
+          formOption: {
+            emptyBtn: false,
+            submitBtn: false,
+            column: [
+              {
+                label: "故障位置",
+                labelWidth: 120,
+                prop: "errPosition",
+                type: "input",
+                span: 24,
+              },
+              {
+                label: "设备名称",
+                labelWidth: 120,
+                span: 24,
+                prop: "deviceName",
+                type: "select",
+                dicData: [
+                  {
+                    label: "名称1",
+                    value: 0,
+                  },
+                  {
+                    label: "名称2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障专业类型",
+                labelWidth: 120,
+                span: 24,
+                prop: "errType",
+                type: "select",
+                dicData: [
+                  {
+                    label: "类型1",
+                    value: 0,
+                  },
+                  {
+                    label: "类型2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障现象描述",
+                labelWidth: 120,
+                span: 24,
+                prop: "errDescirb",
+                type: "textarea",
+                minRows: 3,
+                maxRows: 5,
+              },
+              {
+                label: "故障视频",
+                labelWidth: 120,
+                prop: "errorVideo",
+                type: "upload",
+                propsHttp: {
+                  res: "data",
+                  url: "url",
+                  name: "name",
+                  home: "https://www.w3school.com.cn",
+                },
+                fileType: "video", //img/video/audio
+                listType: "picture-img",
+                span: 24,
+                action: action,
+              },
+              {
+                label: "照片墙",
+                labelWidth: 120,
+                span: 24,
+                prop: "imgUrl",
+                listType: "picture-card",
+                type: "upload",
+                fileType: "img", //img/video/audio
+                action: action,
+              },
+            ],
+          },
+        },
+      ];
+    },
+    // 点击编辑按钮
+    handleEdit(row) {
+      console.log("row--------------------->", row);
+      this.dialogTitle = "编辑";
+      this.addForm = [
+        {
+          form: {
+            errPosition: "",
+            deviceName: "",
+            errType: "",
+            errDescirb: "",
+            errorVideo: "",
+            errorImgs: [],
+          },
+          formOption: {
+            emptyBtn: false,
+            submitBtn: false,
+            column: [
+              {
+                label: "故障位置",
+                labelWidth: 120,
+                prop: "errPosition",
+                type: "input",
+                span: 24,
+              },
+              {
+                label: "设备名称",
+                labelWidth: 120,
+                span: 24,
+                prop: "deviceName",
+                type: "select",
+                dicData: [
+                  {
+                    label: "名称1",
+                    value: 0,
+                  },
+                  {
+                    label: "名称2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障专业类型",
+                labelWidth: 120,
+                span: 24,
+                prop: "errType",
+                type: "select",
+                dicData: [
+                  {
+                    label: "类型1",
+                    value: 0,
+                  },
+                  {
+                    label: "类型2",
+                    value: 1,
+                  },
+                ],
+              },
+              {
+                label: "故障现象描述",
+                labelWidth: 120,
+                span: 24,
+                prop: "errDescirb",
+                type: "textarea",
+                minRows: 3,
+                maxRows: 5,
+              },
+              {
+                label: "故障视频",
+                labelWidth: 120,
+                prop: "errorVideo",
+                type: "upload",
+                propsHttp: {
+                  res: "data",
+                  url: "url",
+                  name: "name",
+                  home: "https://www.w3school.com.cn",
+                },
+                fileType: "video", //img/video/audio
+                listType: "picture-img",
+                span: 24,
+                action: action,
+              },
+              {
+                label: "照片墙",
+                labelWidth: 120,
+                span: 24,
+                prop: "imgUrl",
+                listType: "picture-card",
+                type: "upload",
+                fileType: "img", //img/video/audio
+                action: action,
+              },
+            ],
+          },
+        },
+      ];
+      this.dialogVisible = true;
+    },
 
+    // 点击保存按钮
+    handleSave() {
+      this.dialogVisible = false;
+    },
+    // 点击确定按钮
+    handleConfirm() {
+      this.dialogVisible = false;
     },
     beforeOpen(done, type) {
       done();
@@ -305,7 +1126,7 @@ export default {
       done();
     },
     searchReset(params, done) {
-    //   params.releaseTimeRange = dateFormat(new Date(), 'yyyy-MM-dd');
+      //   params.releaseTimeRange = dateFormat(new Date(), 'yyyy-MM-dd');
       this.query = params;
       this.onLoad(this.page);
     },
@@ -316,7 +1137,7 @@ export default {
       done();
     },
     closeDraw() {
-      this.isRegister = false
+      this.isRegister = false;
     },
     currentChange(currentPage) {
       this.page.currentPage = currentPage;
@@ -329,16 +1150,49 @@ export default {
     },
     onLoad(page, params = {}) {
       this.data = [
-        {operationNo:'WX-20240820-01',deviceName:'通风柜',errPosition:'一楼102室',errType:'暖通自控',errDescirb:'通风柜无风，不通风',operationDate:'2024-02-15',operationStatus:1,finishDate:'2024-02-26',
-        errorVideo:'/i/movie.ogg',errorImg:['https://api.avuejs.com/imgview/1721789673575.jpg','https://api.avuejs.com/imgview/1721800386561.jpg']},
-        {operationNo:'WX-20240820-01',deviceName:'通风柜',errPosition:'一楼102室',errType:'暖通自控',errDescirb:'通风柜无风，不通风',operationDate:'2024-02-15',operationStatus:2,finishDate:'2024-02-26',
-        errorVideo:'https://api.avuejs.com/imgview/主动管控页面.mp4',errorImg:[]},
-        {operationNo:'WX-20240820-01',deviceName:'通风柜',errPosition:'一楼102室',errType:'暖通自控',errDescirb:'通风柜无风，不通风',operationDate:'2024-02-15',operationStatus:3,finishDate:'2024-02-26',
-        errorVideo:'https://api.avuejs.com/imgview/主动管控页面.mp4',errorImg:[]},
-      ]
+        {
+          operationNo: "WX-20240820-01",
+          deviceName: "通风柜",
+          errPosition: "一楼102室",
+          errType: "暖通自控",
+          errDescirb: "通风柜无风，不通风",
+          operationDate: "2024-02-15",
+          operationStatus: 1,
+          finishDate: "2024-02-26",
+          errorVideo: "/i/movie.ogg",
+          errorImg: [
+            "https://api.avuejs.com/imgview/1721789673575.jpg",
+            "https://api.avuejs.com/imgview/1721800386561.jpg",
+          ],
+        },
+        {
+          operationNo: "WX-20240820-01",
+          deviceName: "通风柜",
+          errPosition: "一楼102室",
+          errType: "暖通自控",
+          errDescirb: "通风柜无风，不通风",
+          operationDate: "2024-02-15",
+          operationStatus: 2,
+          finishDate: "2024-02-26",
+          errorVideo: "https://api.avuejs.com/imgview/主动管控页面.mp4",
+          errorImg: [],
+        },
+        {
+          operationNo: "WX-20240820-01",
+          deviceName: "通风柜",
+          errPosition: "一楼102室",
+          errType: "暖通自控",
+          errDescirb: "通风柜无风，不通风",
+          operationDate: "2024-02-15",
+          operationStatus: 3,
+          finishDate: "2024-02-26",
+          errorVideo: "https://api.avuejs.com/imgview/主动管控页面.mp4",
+          errorImg: [],
+        },
+      ];
       this.loading = false;
     },
-  }
+  },
 };
 </script>
 
@@ -360,10 +1214,9 @@ export default {
         justify-content: space-between;
 
         .txt {
-          color: rgba(0, 0, 0, .85);
+          color: rgba(0, 0, 0, 0.85);
           font-weight: 500;
           line-height: 24px;
-
         }
 
         .img_box {
@@ -398,16 +1251,16 @@ export default {
         font-size: 24px;
         font-family: Microsoft YaHei-Bold, Microsoft YaHei;
         font-weight: bold;
-        color: #00B578;
+        color: #00b578;
         margin-left: 10px;
       }
 
       .fail_txt {
-        color: #F93A4A;
+        color: #f93a4a;
       }
 
       .warn_txt {
-        color: #FF6010;
+        color: #ff6010;
       }
     }
 
@@ -418,15 +1271,15 @@ export default {
       font-size: 14px;
       font-family: Microsoft YaHei-Regular, Microsoft YaHei;
       font-weight: 400;
-      color: #F93A4A;
+      color: #f93a4a;
     }
 
     .tips_warn {
-      color: #FF6010;
+      color: #ff6010;
     }
 
     .fail_tip {
-      color: #FF6010;
+      color: #ff6010;
     }
 
     .account_mess {
@@ -441,7 +1294,7 @@ export default {
       .mess_box {
         width: 100%;
         min-height: 123px;
-        background: #F5F6FA;
+        background: #f5f6fa;
         border-radius: 8px;
         display: flex;
         justify-content: space-between;
@@ -463,7 +1316,7 @@ export default {
             font-size: 16px;
             font-family: Microsoft YaHei-Bold, Microsoft YaHei;
             font-weight: bold;
-            color: #00B578;
+            color: #00b578;
           }
         }
 
@@ -498,7 +1351,7 @@ export default {
               font-size: 16px;
               font-family: Microsoft YaHei-Bold, Microsoft YaHei;
               font-weight: bold;
-              color: #00B578;
+              color: #00b578;
             }
           }
         }
@@ -536,18 +1389,17 @@ export default {
             }
 
             .acc_warn {
-              color: #FF6010;
+              color: #ff6010;
             }
           }
         }
-
       }
     }
 
     .btn {
       width: 151px;
       height: 50px;
-      background: #1677FF;
+      background: #1677ff;
       border-radius: 2px 2px 2px 2px;
       margin: 0 auto;
       display: flex;
@@ -556,10 +1408,9 @@ export default {
       font-size: 16px;
       font-family: Microsoft YaHei-Regular, Microsoft YaHei;
       font-weight: 400;
-      color: #FFFFFF;
+      color: #ffffff;
       cursor: pointer;
       margin-top: 50px;
-
     }
   }
 
diff --git a/src/views/workbench/index.vue b/src/views/workbench/index.vue
index 918b38e..9db5b8f 100644
--- a/src/views/workbench/index.vue
+++ b/src/views/workbench/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <div style="width:100%;height:100%;" v-if="role_id == '1123598816738675201'">
+    <div style="width:100%;height:100%;" v-if="role_id == '1123598816738675200'">
       <div class="top_box">
           <div class="top_left">
             <img style="width:100%;height:100%;" src="@/assets/images/lab.png" alt="">
@@ -114,7 +114,7 @@
         </div>
       </div>
     </div>
-    <div style="width:100%;height:100%;" v-if="role_id == '1123598816738675200'">
+    <div style="width:100%;height:100%;" v-if="role_id == '1123598816738675201'">
       <div class="left_box">
         <div class="map_box">
           <Map style="width:100%;height:100%;"></Map>
@@ -357,7 +357,7 @@ export default {
   mounted() {
     this.role_id = this.userInfo.role_id
     
-    if(this.role_id == '1123598816738675201'){
+    if(this.role_id == '1123598816738675200'){
       nextTick(() =>{
         this.createBarEcharts()
         this.createErrorEcharts()
@@ -373,7 +373,7 @@ export default {
           "waitTime": 1000, // 单步运动停止的时间(默认值1000ms)
         }
       })
-    }else if(this.role_id == '1123598816738675200'){
+    }else if(this.role_id == '1123598816738675201'){
       nextTick(() =>{
         this.creatUnitEcharts() 
         this.createProblemEcharts()