1

src/api/yizhuan/baseinfo.js

@@ -0,0 +1,12 @@
+/**
+ * 系统基础信息管理接口配置
+ */
+import request from "@/utils/request";
+
+export const getBuildingPage = params => {
+    return request({
+        url: "/scada/buildingErcet/page",
+        method: "get",
+        params
+    });
+};

src/components/projectCom/table/index.vue

@@ -8,7 +8,7 @@
       :row-class-name="tableRowClassName"
       :data="dataList"
       style="width: 100%"
-      height="calc(100% - 66px)"
+      height="calc(100% - 46px)"
       stripe
       highlight-current-row
       @row-dblclick="rowDblclick"
@@ -95,7 +95,6 @@
     <el-row class="paginationDiv" v-if="config.showFoot">
       <el-pagination
         small
-        background
         layout="total, sizes, prev, pager, next, jumper"
         :page-sizes="[10, 20, 30, 50, 100, 1000]"
         :page-size="size"
@@ -475,20 +474,20 @@ export default {
 };
 </script>
 <style lang="scss" scoped>
-@import "@/assets/default.scss";
+// @import "@/assets/default.scss";
 .handleUserLookInfo {
   color: #2d74e7 !important;
 }
 /deep/.tableCom {
-  @include queryTableRowStyle;
+  // @include queryTableRowStyle;
   .rowEven {
-    background: $queryTableRowEvenBckgroundColor;
+    // background: $queryTableRowEvenBckgroundColor;
   }
   .rowOdd {
-    background: $queryTableRowOddBckgroundColor;
+    // background: $queryTableRowOddBckgroundColor;
   }
   .current-row {
-    background: $queryTableRowSelectBckgroundColor !important;
+    // background: $queryTableRowSelectBckgroundColor !important;
     td {
       background: rgba(0, 0, 0, 0) !important;
     }
@@ -501,6 +500,11 @@ export default {
     white-space: nowrap;
     height: 40px;
     line-height: 40px;
+    font-weight: 500;
+    color: #333333;
+  }
+  th.el-table__cell {
+    background-color: rgba(45, 116, 231, 0.15) !important;
   }
 }
 .tableDiv {
@@ -510,9 +514,18 @@ export default {
   height: 100%;
 }
 .paginationDiv {
-  margin-top: 20px;
+  margin-top: 10px;
   width: 100%;
-  text-align: right;
+  text-align: left;
+  >>> .el-pagination {
+    .el-input--mini .el-input__inner {
+      height: 22px;
+      line-height: 22px;
+    }
+    .el-input--mini .el-input__icon {
+      line-height: 22px;
+    }
+  }
 }
 .overtime span {
   //超时

src/components/upLoad/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <el-upload action="#" list-type="picture-card" :auto-upload="false">
+    <i slot="default" class="el-icon-plus"></i>
+    <div slot="file" slot-scope="{file}">
+      <img class="el-upload-list__item-thumbnail" :src="file.url" alt="">
+      <span class="el-upload-list__item-actions">
+        <span class="el-upload-list__item-preview" @click="handlePictureCardPreview(file)">
+          <i class="el-icon-zoom-in"></i>
+        </span>
+        <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleDownload(file)">
+          <i class="el-icon-download"></i>
+        </span>
+        <span v-if="!disabled" class="el-upload-list__item-delete" @click="handleRemove(file)">
+          <i class="el-icon-delete"></i>
+        </span>
+      </span>
+    </div>
+  </el-upload>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      disabled: false,
+    }
+  },
+  methods: {
+    handleRemove(file) {
+      console.log(file);
+    },
+    handlePictureCardPreview(file) {
+      this.dialogImageUrl = file.url;
+      this.dialogVisible = true;
+    },
+    handleDownload(file) {
+      console.log(file);
+    }
+  }
+}
+</script>
+
+<style>
+</style>

src/main.js

@@ -8,6 +8,7 @@ import '../theme/index.css'
 import 'element-ui/lib/theme-chalk/index.css'
 import '@/styles/index.scss'
 import '@/styles/custfont.scss'
+import '@/styles/tfStyle.scss' // 公司前端的公共样式
 import './directives.js'
 
 import App from './App'

src/styles/base.scss

@@ -250,12 +250,12 @@ div:focus {
     transform: scale(0.333);
   }
 }
-.el-dialog__body {
-  padding: 8px 20px;
-}
-.el-dialog__footer{
-  padding: 0px 20px 20px;
-}
+// .el-dialog__body {
+//   // padding: 8px 20px;
+// }
+// .el-dialog__footer{
+//   padding: 0px 20px 20px;
+// }
 .el-tree--highlight-current
     .el-tree-node.is-current
     > .el-tree-node__content {

src/styles/tfStyle.scss

@@ -0,0 +1,79 @@
+/*
+弹窗样式
+*/
+.el-dialog {
+    border-radius: 8px;
+    box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px 0px;
+
+    .el-dialog__header {
+        height: 54px;
+        background-color: #2d74e7 !important;
+        line-height: 54px;
+        padding: 0 24px !important;
+        border-bottom: none !important;
+        border-top-left-radius: 8px;
+        border-top-right-radius: 8px;
+        text-indent: 0 !important;
+
+        .el-dialog__title {
+            color: #fff !important;
+        }
+
+        .el-dialog__headerbtn {
+            font-size: 16px;
+
+            .el-dialog__close {
+                &::before {
+                    color: #ffffff !important;
+                }
+            }
+        }
+    }
+
+    .el-dialog__body {
+        padding: 24px;
+
+        .el-form {
+            .el-form-item {
+                .el-select {
+                    width: 100%;
+                }
+            }
+        }
+    }
+
+    .el-dialog__footer {
+        padding: 0px 20px 20px;
+    }
+}
+
+/*
+分割标题
+**/
+.split-title {
+    width: auto;
+    font-size: 16px;
+    color: #2e75e7;
+    margin: 10px 0;
+    display: inline-block;
+    text-align: center;
+    padding: 0 15px;
+
+    &::after {
+        content: '';
+        display: block;
+        width: calc(100% + 30px);
+        height: 3px;
+        background-color: #2e75e7;
+        margin-top: 5px;
+        position: relative;
+        left: -15px;
+    }
+}
+
+/**select下拉框选项*/
+.el-select-dropdown {
+    .el-select-dropdown__item {
+        width: 100%;
+    }
+}

src/views/yizhuan/baseInfo/building/addForm.vue

@@ -0,0 +1,85 @@
+<template>
+  <el-row>
+    <el-col :span="12">
+      <el-form ref="form" :model="addForm" label-width="auto" size="small">
+        <el-form-item label="楼栋（房间）名称：" prop="name" required :rules="{required: true,message: '请输入楼栋（房间）名称',trigger: 'blur'}">
+          <el-input v-model="addForm.name" placeholder="请输入名称" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="所属院区：" prop="belongToCollege" required :rules="{required: true,message: '请选择所属院区',trigger: 'change'}">
+          <el-select v-model="addForm.belongToCollege" placeholder="请选择院区" clearable>
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="楼栋类型：" prop="buildingType" required :rules="{required: true,message: '请选择楼栋类型',trigger: 'change'}">
+          <el-select v-model="addForm.buildingType" placeholder="请选择楼栋类型" clearable>
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="属性：" prop="attributeVar" required :rules="{required: true,message: '请选择属性',trigger: 'change'}">
+          <el-select v-model="addForm.attributeVar" placeholder="请选择属性" clearable>
+            <el-option v-for="" label="区域一" value="shanghai"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="所属上级：" prop="pid" required :rules="{required: true,message: '请选择所属上级',trigger: 'change'}">
+          <el-select v-model="addForm.pid" placeholder="请选择所属上级" clearable>
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="建筑特征：">
+          <el-input v-model="addForm.characteristic" placeholder="请输入建筑特征" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="功能用途：">
+          <el-input v-model="addForm.description" placeholder="请输入功能用途" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="建筑面积：">
+          <el-input v-model="addForm.area" placeholder="请输入建筑面积" clearable>
+            <span slot="suffix" style="color:#333">㎡</span>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="人数：">
+          <el-input v-model.number="addForm.personCount" placeholder="请输入人数" clearable>
+            <span slot="suffix" style="color:#333">人</span>
+          </el-input>
+        </el-form-item>
+        <el-form-item label="位置坐标：">
+          <el-input v-model="addForm.coordinate" placeholder="请输入位置坐标" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="备注：">
+          <el-input v-model="addForm.remark" type="textarea" :rows="4"></el-input>
+        </el-form-item>
+      </el-form>
+    </el-col>
+    <el-col :span="12" style="padding-left:24px;">
+      <div class="split-title" style="margin-top:0">位置</div>
+      <div style="width:100%;height:300px;background-color:#fcfcfc;"></div>
+      <div class="split-title">附件</div>
+      <upLoad></upLoad>
+    </el-col>
+  </el-row>
+</template>
+
+<script>
+import upLoad from "@/components/upLoad/index.vue";
+export default {
+  components: {
+    upLoad
+  },
+  data() {
+    return {
+      addForm: {},
+      colleges: [],
+      buildingTypes: [],
+      collegeOptions: [],
+      attributeVars: [],
+      pids: [],
+    };
+  },
+  methods: {}
+};
+</script>
+
+<style>
+</style>

src/views/yizhuan/baseInfo/building/index.vue

@@ -1,139 +1,78 @@
 <template>
-  <div class="pageContentDiv" style="width: 100%; height: 88vh; padding: 8px 8px 0px 8px">
-    <el-row class="searchDiv" ref="searchDiv">
-      <selectList :config="userTypeConfig" v-model="search.userType"></selectList>
-      <selectList :config="projectLinkConfig" v-model="search.projectLink"></selectList>
-      <selectList :config="stateConfig" v-model="search.state"></selectList>
-      <el-button type="primary" size="small" @click="searchData">查询</el-button>
-      <el-button type="primary" size="small" @click="addData">添加</el-button>
-    </el-row>
-    <div :style="'width: 100%;padding:8px;height:calc(100% - ' + rowHeight + 'px);'">
-      <tableCom v-if="tableConfig.method || tableConfig.testData" ref="tableCom" v-model="tableInfo" :config="tableConfig"></tableCom>
+  <div class="page-content">
+    <div class="query-form">
+      <el-form ref="form" :model="queryForm" label-width="auto" :inline="true" size="small">
+        <el-form-item label="关键字：">
+          <el-input v-model="queryForm.name" placeholder="请输入名称" clearable></el-input>
+        </el-form-item>
+        <el-form-item label="楼栋类型：">
+          <el-select v-model="queryForm.region" placeholder="全部" clearable>
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="属性：">
+          <el-select v-model="queryForm.region" placeholder="全部" clearable>
+            <el-option label="区域一" value="shanghai"></el-option>
+            <el-option label="区域二" value="beijing"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" icon="el-icon-search">查询</el-button>
+        </el-form-item>
+        <el-form-item style="float:right">
+          <el-button type="primary" icon="el-icon-plus" @click="dialogVisible = true">添加</el-button>
+          <el-button type="danger" icon="el-icon-delete">删除</el-button>
+        </el-form-item>
+      </el-form>
     </div>
-    <el-dialog title="提示" :visible.sync="dialogVisible" width="50%">
-      <inputPage></inputPage>
+    <div class="table-content">
+      <tableCom ref="tableCom" v-model="tableInfo" :config="tableConfig"></tableCom>
+    </div>
+    <el-dialog title="楼栋建筑添加" :visible.sync="dialogVisible" width="1040px" :modal="false">
+      <addForm></addForm>
       <span slot="footer" class="dialog-footer">
-        <el-button @click="dialogVisible = false">取 消</el-button>
-        <el-button type="primary" @click="dialogVisible = false">确 定</el-button>
+        <el-button size="small" @click="dialogVisible = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="dialogVisible = false">确 定</el-button>
       </span>
     </el-dialog>
   </div>
 </template>
 
 <script>
-import timeSelect from "@/components/projectCom/timeSelect/index.vue";
-import selectList from "@/components/projectCom/select/index.vue";
 import tableCom from "@/components/projectCom/table/index.vue";
-import commonMe from "@/utils/common.js";
-import detailPage from "./detailPage.vue";
-import inputPage from "./inputPage.vue";
+import addForm from "./addForm.vue"
 export default {
-  name: "taskAllocation",
-  components: {
-    timeSelect,
-    selectList,
-    tableCom,
-    detailPage,
-    inputPage
-  },
-  props: { data: Object },
+  components: { tableCom,addForm },
   data() {
     return {
-      dialogVisible:true,
-      rowHeight: 0, //查询栏的高度
-      config: {
-        mainFlow: "register", //注册流程
-        subFlow: "taskAllocation", //当前是登记环节
-        isEdit: false, //操作还是编辑
-        data: null //操作行
-      },
-      title: "",
-      searchCom: {},
-      search: {
-        //查询条件（除开翻页以外的其它查询条件）
-        userType: null, //用户类型
-        projectLink: "", //工程环节
-        state: "" //工程状态
-      },
-      flowShow: false, //输入页面显示控制
-      userTypeConfig: {
-        //用户类型下拉框配置
-        // multiple:true,//是否多选
-        label: "用户类型",
-        // searchData:{//查询条件
-        //   current:1,
-        //   size:1000
-        // },
-        // method:e=>{},//获取数据的方法
-        data: [
-          {
-            id: "1",
-            label: "用户1"
-          },
-          {
-            id: "2",
-            label: "用户2"
-          }
-        ], //下拉数据
-        field: {
-          id: "id", //id代表的字段
-          label: "label" //label的字段
-        }
-      },
-      projectLinkConfig: {
-        // multiple:true,//是否多选
-        label: "工程环节",
-        // searchData:{//查询条件
-        //   current:1,
-        //   size:1000
-        // },
-        // method:e=>{},//获取数据的方法
-        data: [], //下拉数据
-        field: {
-          id: "id", //id代表的字段
-          label: "label" //label的字段
-        }
-      },
-      stateConfig: {
-        // multiple:true,//是否多选
-        label: "工单状态",
-        // searchData:{//查询条件
-        //   current:1,
-        //   size:1000
-        // },
-        // method:e=>{},//获取数据的方法
-        data: [], //下拉数据
-        field: {
-          id: "id", //id代表的字段
-          label: "label" //label的字段
-        }
-      },
-      tableInfo: {}, //table相关的一些信息，如当前选择的行数，当前双击的信息等
+      queryForm: {},
+      tableInfo: {},
+      dialogVisible:false,
       tableConfig: {
         check: true, //是否展示选中框
         testData: true, //是否使用测试数据
-        index: true, //是否展示序号
+        index: true,
         fieldList: [
-          //对应的字段列表
           {
-            label: "楼栋名称", //表头显示
-            field: "proNum" //对应的字段
+            label: "楼栋名称",
+            field: "proNum"
           },
           {
-            label: "所属院区", //表头显示
-            field: "proName" //对应的字段
+            label: "所属院区",
+            field: "proName"
           },
           {
-            label: "楼栋类型", //表头显示
-            field: "type" //对应的字段
+            label: "楼栋类型",
+            field: "type"
           },
           {
-            label: "属性", //表头显示
-            field: "address" //对应的字段
+            label: "属性",
+            field: "address"
           },
           {
-            label: "功能用途", //表头显示
-            field: "userType", //对应的字段
+            label: "功能用途",
+            field: "userType",
             sortable: false
           }
         ],
@@ -142,124 +81,47 @@ export default {
           {
             label: "详情", //展示标签
             method: e => {
-              this.lookInfo(e);
+              // this.lookInfo(e);
             } //触发的方法
           },
           {
             label: "修改", //展示标签
             method: e => {
-              this.handle(e);
+              // this.handle(e);
             } //触发的方法
           }
         ],
         method: e => {
           //获取数据的方法
-          return this.tableChage(e);
+          // return this.tableChage(e);
         },
         dbClick: e => {
-          this.lookInfo(this.tableInfo.currentRow);
+          // this.lookInfo(this.tableInfo.currentRow);
         }
       }
     };
-  },
-  mounted: function () {
-    this.getTableHeight();
-    // window.resize(e=>{
-    //   debugger
-    //   this.getTableHeight();
-    // })
-  },
-  created() {
-    this.config.subflowName = this.$options.name;
-  },
-  destroyed() { },
-  methods: {
-    //查询按钮
-    searchData() {
-      const searchInfo = Object.assign(this.searchCom, this.search);
-      this.$refs.tableCom.getTableDataByOne();
-    },
-
-    /**
-     * table翻页时触发,同时整合查询条件
-     * @param pageInfo 翻页的数据
-     */
-    tableChage(pageInfo) {
-      const searchData = commonMe.notJsonCopy(this.search);
-      searchData.size = pageInfo.size;
-      searchData.current = pageInfo.current;
-      return this.getData(searchData);
-    },
-
-    /**
-     * 处理查询获取的数据，然后返回给table进行渲染
-     * searchData 查询条件
-     */
-    getData(searchData) {
-      return new Promise((resolve, reject) => {
-        // xjTypeQuery(searchData)
-        //   .then(res => {
-        //     resolve({
-        //       records: res.data.records || [],
-        //       total: res.data.total || 0
-        //     });
-        //   })
-        //   .catch(res => {
-        //     reject(res);
-        //   });
-      });
-    },
-
-    /**
-     * 查看详情
-     */
-    lookInfo(data) {
-      this.title = "工程信息详情";
-      this.config.isEdit = false;
-      this.config.data = data;
-      this.flowShow = true;
-    },
-
-    /**
-     * 处理
-     */
-    handle(data) {
-      this.title = "工程信息处理";
-      this.config.isEdit = true;
-      this.config.data = data;
-      this.flowShow = true;
-    },
-
-    /**
-     * 登记按钮
-     */
-    addData() {
-      this.title = "工程信息登记";
-      this.config.isEdit = true;
-      this.config.data = null;
-      this.flowShow = true;
-    },
-
-    /**
-     * 计算table的高度
-     */
-    getTableHeight() {
-      this.rowHeight = this.$refs.searchDiv.$el.clientHeight;
-    }
   }
 };
+
 </script>
 <style lang="scss" scoped>
-.pageContentDiv {
-  .searchDiv {
-    > * {
-      margin-top: 10px;
+.page-content {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  padding: 10px;
+  .query-form {
+    width: 100%;
+    height: 50px;
+    padding: 9px 0;
+    .el-form-item {
+      margin-bottom: 0 !important;
     }
-    padding: 0 8px;
   }
-  .el-button {
-    position: relative;
-    float: left;
+  .table-content {
+    width: 100%;
+    height: calc(100% - 50px);
+    // background-color: #ccc;
   }
 }
 </style>

src/views/yizhuan/baseInfo/building/inputPage.vue

@@ -1,466 +0,0 @@
-<template>
-  <div class="inputFormDiv">
-    <div class="inputInfo">
-      <keep-alive>
-        <inputLegend :label="'任务分配'" v-if="inputFormShow" isopen="true">
-          <inputForm ref="inputForm" :config="inputConfig" v-model="ruleFormList.form1"></inputForm>
-        </inputLegend>
-      </keep-alive>
-    </div>
-    <div class="optionButton">
-      <el-button @click="cancel">取消</el-button>
-      <el-button class="save" @click="saveData" :loading="btnLoad">保存</el-button>
-      <el-button class="submit" type="primary" @click="sureData" :loading="btnLoad">提交</el-button>
-    </div>
-  </div>
-</template>
-
-<script>
-import inputForm from "@/components/projectCom/inputForm/index.vue";
-import inputLegend from "@/components/projectCom/legend/index.vue";
-import commonMe from "@/utils/common.js";
-import { getAllPost, getAllUser } from "@/api/base";
-// import { getTallyDate } from '@/api/sys/pzSys.ts'
-// import { getCodeInfo, getProcesssById, addNodeFlow } from '@/api/flowInfo.js'
-export default {
-  components: { inputForm, inputLegend },
-  props: {
-    inputData: {} //当前数据的信息
-  },
-  created() { },
-  mounted() {
-    if (this.inputData.data) {
-      this.inputFormShow = false;
-      this.nodeFormShow = false;
-      // this.getUpdateInfo()
-    } else {
-      this.inputFormShow = true;
-      this.nodeFormShow = true;
-    }
-  },
-  data() {
-    const postList = this.inputData.handleInfo[0].handleInfo.handleSelect[0]
-      .postList;
-    return {
-      btnLoad: false, // 遮罩层
-      isWork: "1",
-      numberDate: 0,
-      endTime1: "",
-      fristAction: true,
-      inputFormShow: false,
-      nodeFormShow: false,
-      ruleFormList: {
-        //使用的inputForm的列表
-        form1: null, //表单不单独取名，直接用form加数字组成
-        form2: null
-        // form3:null,
-      },
-      setShow: {
-        //隐藏下一环节选择
-        showHandleInfo: true //设置为空可以是填报页面驳回和转派的示例
-      },
-      userList: [],
-      opinion: "", //岗位名称
-      condition: "", //用户姓名
-      nextNodeInfo: {}, //下一环节信息
-      // inputForm: {}, //输入表单信息
-      inputConfig: {
-        //输入的相关配置
-        data: [
-          {
-            group: [
-              {
-                field: "outcome", //存储字段
-                type: "select", //类型，不写入此参数则默认是text
-                label: "项目小组", //显示标签
-                required: true, //是否必填,
-                config: {
-                  //select 下拉框的一些设置这里会使用projectCom的select组件，自动补足config里面的label
-                  multiple: false, //是否多选
-                  startChange: true,
-                  data: postList,
-                  change: (value, selectConfig) => {
-                    if (
-                      selectConfig.valueAndLabel &&
-                      selectConfig.valueAndLabel[0]
-                    ) {
-                      this.opinion = selectConfig.valueAndLabel[0].label;
-                    } else {
-                      this.opinion = "";
-                    }
-                    const userList = selectConfig.data.find(e => {
-                      return e.postId == value;
-                    });
-                    if (userList.userList) {
-                      commonFlow.changeGroupData(
-                        this.inputConfig,
-                        "staffId",
-                        userList.userList
-                      );
-                    } else {
-                      commonFlow.changeGroupData(
-                        this.inputConfig,
-                        "staffId",
-                        []
-                      );
-                    }
-                    if (this.fristAction) {
-                      //第一次触发的时候不清空默认值
-                      this.fristAction = false;
-                    } else {
-                      this.$refs.inputForm.setValue({ staffId: "" }, false);
-                    }
-                  },
-                  searchData: {}, //查询条件
-                  field: {
-                    id: "postId", //id代表的字段
-                    label: "postName" //label的字段
-                  }
-                }
-              },
-              {
-                field: "staffId", //存储字段
-                type: "select", //类型，不写入此参数则默认是text
-                label: "项目组长", //显示标签
-                required: true, //是否必填,
-                config: {
-                  //select 下拉框的一些设置这里会使用projectCom的select组件，自动补足config里面的label
-                  multiple: false, //是否多选
-                  startChange: true,
-                  data: [], //下拉数据
-                  change: (value, selectConfig) => {
-                    if (
-                      selectConfig.valueAndLabel &&
-                      selectConfig.valueAndLabel[0]
-                    ) {
-                      this.condition = selectConfig.valueAndLabel[0].label;
-                    } else {
-                      this.condition = "";
-                    }
-                  },
-                  field: {
-                    id: "userId", //id代表的字段
-                    label: "userName" //label的字段
-                  }
-                }
-              },
-              {
-                field: "startTime", //存储字段
-                type: "date", //类型，不写入此参数则默认是text
-                label: "分配日期", //显示标签
-                required: true, //是否必填,
-                disabled: true
-              },
-              {
-                field: "oneId", //存储字段
-                type: "number",
-                label: "勘察期限", //显示标签
-                change: (value, selectConfig) => {
-                  this.getByDate(value, selectConfig);
-                },
-                required: true //是否必填,
-              },
-              {
-                field: "endTime", //存储字段
-                type: "date", //类型，不写入此参数则默认是text
-                label: "最迟勘察日期", //显示标签
-                isDefault: false,
-                disabled: true,
-                required: true //是否必填,
-              },
-              {
-                field: "handleResults", // 存储字段
-                type: "checkBox", // 类型，不写入此参数则默认是text
-                required: false, // 是否必填,
-                config: {
-                  value: "1",
-                  multiple: false,
-                  change: (value, selectConfig) => {
-                    this.getByDate1(value, selectConfig);
-                  },
-                  data: [
-                    {
-                      id: "1", // id代表的字段
-                      label: "工作日" // label的字段
-                    },
-                    {
-                      id: "0", // id代表的字段
-                      label: "自然日" // label的字段
-                    }
-                  ], // 下拉数据
-                  field: {
-                    id: "id", // id代表的字段
-                    label: "label" // label的字段
-                  }
-                }
-              },
-              {
-                field: "remark", //存储字段
-                label: "备注", //显示标签
-                type: "area"
-              }
-            ]
-          }
-        ]
-      }
-    };
-  },
-  computed: {
-    currentUserList() {
-      return this.userList;
-    }
-  },
-  methods: {
-    /* 
-      截止日期输入
-    */
-    getByDate(e, val) {
-      let time = null;
-      this.numberDate = e;
-      let isWork = this.ruleFormList.form1.ruleForm.handleResults;
-      getTallyDate({ number: e, isWork: isWork }).then(res => {
-        if (res.code == 200) {
-          this.$refs.inputForm.setValue(
-            { endTime: res.data.split(" ")[0] + " 00:00:00" || "" },
-            false
-          );
-        }
-      });
-    },
-    /* 
-      工作日输入
-    */
-    getByDate1(e, val) {
-      this.isWork = e;
-      // let oneId = this.ruleFormList.form1.ruleForm.oneId || 0
-      let oneId = this.ruleFormList.form1
-        ? this.ruleFormList.form1.ruleForm.oneId || 0
-        : 0;
-      getTallyDate({ number: oneId, isWork: e }).then(res => {
-        if (res.code == 200) {
-          this.$refs.inputForm.setValue(
-            { endTime: res.data.split(" ")[0] + " 00:00:00" || "" },
-            false
-          );
-        }
-      });
-    },
-
-    /**
-     * 获取岗位
-     */
-    // getAllPostList(tenantId) {
-    //   return new Promise((res, rej) => {
-    //     const params = {
-    //       deleted: 0, //获取未删除的岗位
-    //       tenantId: tenantId //获取制定公司的部门
-    //     }
-    //     getAllPost(params).then((result) => {
-    //       if (result.data) {
-    //         res(result.data)
-    //       } else {
-    //         rej(result)
-    //       }
-    //     })
-    //   })
-    // },
-
-    /**
-     * 获取人员
-     */
-    // getAllUserList(value, clear) {
-    //   if (clear) {
-    //     this.$refs.inputForm.setValue({ dutyUser: '' }, false)
-    //   }
-    //   commonSend.getAllUserList(this.$store.state.user.tenantId, [value]).then((res) => {
-    //     commonFlow.changeGroupData(this.inputConfig, 'staffId', res)
-    //   })
-    // },
-
-    /**
-     * 取消
-     */
-    cancel() {
-      this.$emit("input", false);
-    },
-
-    showInput(data) {
-      this.inputFormShow = data;
-    },
-
-    /**
-     * 保存
-     */
-    saveData() {
-      const data = this.getFormData(0);
-      this.btnLoad = true;
-      addNodeFlow(data)
-        .then(res => {
-          if (res.code == "200") {
-            this.$message.success("保存成功");
-            this.$emit("input", false);
-          }
-          this.btnLoad = false;
-        })
-        .catch(err => {
-          this.btnLoad = false;
-        });
-    },
-
-    /**
-     * 验证数据,提交的时候才进行验证,并将form组数据进行整合
-     */
-    validateData() {
-      //规则验证
-      let validateResult = true;
-      for (let item in this.ruleFormList) {
-        if (this.ruleFormList[item] && this.ruleFormList[item].validate) {
-          this.ruleFormList[item].validate(e => {
-            if (!e) {
-              validateResult = e;
-            }
-          });
-        }
-      }
-      if (!validateResult) {
-        this.$message.info("请将红色框中的数据补充完整");
-      }
-      return validateResult;
-    },
-
-    /**
-     * 获取流程详细信息
-     */
-    getUpdateInfo() {
-      if (this.inputData.data) {
-        getProcesssById({ id: this.inputData.data.processId }).then(res => {
-          if (res.data && res.data.nodes) {
-            res.data.nodes.forEach(val => {
-              if (
-                val.processStep == this.inputData.data.processStep &&
-                val.stepNode == this.inputData.data.stepNode &&
-                val.isValid
-              ) {
-                this.inputConfig.data.forEach(item => {
-                  item.group.forEach((item2, index) => {
-                    item2.value = val[item2.field];
-                    if (item2.field == "endTime") {
-                      this.endTime1 = val[item2.field];
-                    }
-                    if (
-                      item2.field == "handleResults" &&
-                      val.handleResults != null
-                    ) {
-                      item2.config.value = val[item2.field] + "";
-                    }
-                  });
-                });
-                this.opinion = val["opinion"];
-                this.condition = val["condition"];
-                this.inputData.annex = val["annex"];
-              }
-            });
-            this.inputFormShow = true;
-            this.nodeFormShow = true;
-            // this.$nextTick((e) => {
-            //   this.getAllUserList(this.ruleFormList.form1.ruleForm.outcome, false)
-            // })
-          }
-        });
-      }
-    },
-
-    /**
-     * 处理成后端需要的数据
-     */
-    getFormData(value) {
-      const formData = {};
-      //数据处理
-      for (let itemOne in this.ruleFormList) {
-        if (this.ruleFormList[itemOne]) {
-          let tempData = this.ruleFormList[itemOne].ruleForm || [];
-          if (tempData) {
-            for (let item in tempData) {
-              formData[item] = tempData[item];
-            }
-          }
-        }
-      }
-      formData.condition = this.condition;
-      formData.opinion = this.opinion;
-      formData.startTime =
-        formData.startTime && formData.startTime + " 00:00:00";
-      formData.saveState = value;
-      return commonFlow.getNodeSendData(formData, "", {
-        outcome: "",
-        staffId: "",
-        remark: "",
-        condition: "",
-        startTime: "",
-        oneId: "",
-        endTime: "",
-        handleResults: "",
-        opinion: ""
-      });
-    },
-
-    /**
-     * 提交数据
-     */
-    sureData() {
-      if (!this.validateData()) {
-        return;
-      }
-      const data = this.getFormData(1);
-      this.btnLoad = true;
-      addNodeFlow(data)
-        .then(res => {
-          if (res.code == "200") {
-            this.$message.success("提交成功");
-            this.$emit("input", false);
-          }
-          this.btnLoad = false;
-        })
-        .catch(err => {
-          this.btnLoad = false;
-        });
-    },
-
-    /**
-     * 关闭页面
-     */
-    closePage() {
-      this.$emit("input", false);
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-// @import './src/styles/diaLogStyle/style.scss';
-// /deep/ .el-dialog {
-//   @include diaLogStyle;
-// }
-// @import './src/styles/elTabsHeader/style.scss';
-// /deep/ .el-tabs__header.is-top {
-//   @include elTabsHeaderStyle;
-// }
-.optionButton {
-  position: relative;
-  float: right;
-  margin-top: 20px;
-}
-.submit {
-  background: #2d74e7;
-  &:hover {
-    opacity: 0.6;
-  }
-}
-.save {
-  background: #e6a23c;
-  color: white;
-  &:hover {
-    opacity: 0.6;
-  }
-}
-</style>