修改项目流转流程表单

oa-ui/src/assets/styles/ruoyi.scss

 }
 
 .el-dialog:not(.is-fullscreen) {
-  margin-top: 6vh !important;
+  margin-top: 12vh !important;
 }
 
 .el-dialog__wrapper.scrollbar .el-dialog .el-dialog__body {

oa-ui/src/views/flowable/form/projectProcess/addproject.vue

+<!--
+ * @Author: ysh
+ * @Date: 2024-02-27 14:49:15
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-03-19 11:10:54
+-->
+
+<template>
+  <div class="project-wrapper">
+    <!-- 项目登记 -->
+    <h2 style="text-align: center;">项目登记</h2>
+    <el-form :model="addForm" :rules="rules" label-width="100px" :disable="disable">
+      <el-form-item label="项目编号：" prop="projectNumber">
+        <el-input v-model="addForm.projectNumber"></el-input>
+      </el-form-item>
+      <el-form-item label="项目名称：" prop="projectName">
+        <el-input v-model="addForm.projectName"></el-input>
+      </el-form-item>
+      <el-form-item label="项目负责人：" prop="projectLeader">
+        <el-tag effect="plain" type="warning" style="margin-right: 10px;"
+          v-if="addForm.projectLeader != undefined">{{ addForm.projectLeader }}</el-tag>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="choosePeople">选择</el-button>
+      </el-form-item>
+      <el-form-item label="项目类型：" prop="projectType">
+        <el-input v-model="addForm.projectType"></el-input>
+      </el-form-item>
+      <el-form-item label="项目级别：" prop="projectLevel">
+        <el-radio v-model="addForm.projectLevel" label="0">一般项目</el-radio>
+        <el-radio v-model="addForm.projectLevel" label="1">重大项目</el-radio>
+      </el-form-item>
+      <el-form-item label="项目来源：" prop="projectSource">
+        <el-radio v-model="addForm.projectSource" label="0">院内</el-radio>
+        <el-radio v-model="addForm.projectSource" label="1">院外</el-radio>
+      </el-form-item>
+      <el-form-item label="甲方单位：" prop="partyA">
+        <el-autocomplete class="inline-input" v-model="addForm.partyA" :fetch-suggestions="querySearch"
+          placeholder="请输入内容" style="width:100%"></el-autocomplete>
+        <!-- <el-input v-model="addForm.partyA"></el-input> -->
+      </el-form-item>
+      <el-form-item label="联系人：" prop="contactPerson">
+        <el-input v-model="addForm.contactPerson"></el-input>
+      </el-form-item>
+      <el-form-item label="联系电话：" prop="telephone">
+        <el-input v-model="addForm.telephone"></el-input>
+      </el-form-item>
+      <el-form-item label="项目概况：" prop="projectRegistrant">
+        <table border="1">
+          <tr>
+            <td style="width:250px;">工作内容</td>
+            <td>等级或比例尺</td>
+            <td>单位</td>
+            <td>工作量</td>
+            <td style="width:100px;">要求完成时间</td>
+            <td>备注</td>
+          </tr>
+          <tr v-for="(work, index) in workList" :key="index">
+            <td>
+              <el-input v-model="work.content" type="textarea" autosize clearable></el-input>
+            </td>
+            <td>
+              <el-input v-model="work.scale" clearable></el-input>
+            </td>
+            <td>
+              <el-input v-model="work.unit" clearable></el-input>
+            </td>
+            <td>
+              <el-input v-model="work.workload" clearable></el-input>
+            </td>
+            <td>
+              <el-date-picker style="width:140px;" v-model="work.deadline" value-format="yyyy-MM-dd" type="date"
+                placeholder="选择日期">
+              </el-date-picker>
+            </td>
+            <td>
+              <el-input v-model="work.remark" type="textarea" autosize clearable></el-input>
+            </td>
+            <td>
+              <el-button type="danger" icon="el-icon-minus" size="mini" circle
+                @click="deletWorkItem(index)"></el-button>
+            </td>
+          </tr>
+        </table>
+
+        <el-button icon="el-icon-plus" size="mini" @click="addWorkList"></el-button>
+      </el-form-item>
+      <el-form-item label="项目登记人：" prop="projectRegistrant">
+        <el-input v-model="addForm.projectRegistrant"></el-input>
+      </el-form-item>
+      <el-form-item label="备注：" prop="projectRegistrant">
+        <el-input v-model="addForm.remark" type="textarea" rows="3"></el-input>
+      </el-form-item>
+
+    </el-form>
+    <div slot="footer" class="dialog-footer" style="text-align: center;">
+      <el-button type="primary" @click="confirmAddForm">确 定</el-button>
+      <el-button @click="cancel">取 消</el-button>
+    </div>
+    <!-- 人员选择对话框 -->
+    <el-dialog width="320px" title="选择项目负责人" :visible.sync="peopleVisible" append-to-body>
+      <el-form>
+        <el-form-item label="部门：">
+          <el-select v-model="peopleForm.deptId" @change="handleChangeDept">
+            <el-option v-for="item in peopleForm.deptList" :key="item.deptId" :label="item.deptName"
+              :value="item.deptId" v-if="item.deptName != '四川中水成勘院测绘工程有限责任公司'">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="人员：">
+          <el-select v-model="peopleForm.userId">
+            <el-option v-for="item in peopleForm.userList" :key="item.userId" :label="item.nickName"
+              :value="item.userId">
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item style="text-align: center;">
+          <el-button @click="confirmPeople" type="primary">确定</el-button>
+          <el-button @click="cancelChoosePeople">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </el-dialog>
+
+  </div>
+</template>
+
+<script>
+import { listProject, submitProject, modifyProject, delProject } from "@/api/oa/project/project";
+import { listDept } from '@/api/system/dept'
+import { listUser, getUser } from '@/api/system/user'
+export default {
+  props: {
+    disable: {
+      type: Boolean,
+      require: true
+    }
+  },
+  data() {
+    return {
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 10,
+        projectNumber: '',
+        projectLeader: '',
+        projectLeaderName: undefined,
+        projectName: '',
+      },
+      projectList: [],
+      total: 0,
+      loading: true,
+      addOpen: false,
+      modifyOpen: false,
+      title: '',
+      addForm: {},
+      rules: {
+        projectNumber: [{ required: true, message: '请输入项目编号', trigger: 'blur' }],
+        projectName: [{ required: true, message: '请输入项目名称', trigger: 'blur' }]
+      },
+      peopleVisible: false,
+      peopleForm: {
+        deptId: '',
+        deptList: [],
+        userId: '',
+        userList: []
+      },
+      workList: [{
+        content: '',
+        scale: '',
+        unit: '',
+        workload: '',
+        deadline: '',
+        remark: ''
+      }],
+      restaurants: [
+        { "value": "中国电建集团成都勘测设计研究院有限公司" }
+      ]
+    }
+  },
+  created() {
+    this.getList();
+    this.getDeptList();
+  },
+  methods: {
+    // 查询项目列表
+    getList() {
+      this.loading = true
+      listProject(this.queryParams).then(response => {
+        this.projectList = [];
+        for (let p of response.rows) {
+          if (p.projectLeader != null) {
+            getUser(Number(p.projectLeader)).then(res => {
+              p.projectLeaderName = res.data.nickName;
+            })
+          }
+          this.projectList.push(p);
+        }
+        this.total = response.total;
+        this.loading = false;
+      })
+    },
+    getDeptList() {
+      listDept({
+        deptName: undefined,
+        status: undefined
+      }).then(res => {
+        this.peopleForm.deptList = res.data
+      })
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    handleAdd() {
+      this.title = '新增项目'
+      this.addOpen = true
+    },
+    handleUpdate(row) {
+      debugger
+      this.addForm = row;
+      this.title = '修改项目信息';
+      this.addOpen = true;
+    },
+    handleDelete(row) {
+      const projectIds = row.projectId || this.ids;
+      const projectNumbers = row.projectNumber || this.ids;
+      this.$modal.confirm('是否确认删除项目编号为"' + projectNumbers + '"的数据项？').then(function () {
+        return delProject(projectIds);
+      }).then(() => {
+        this.getList();
+        this.$modal.msgSuccess("删除成功");
+      }).catch(() => { });
+    },
+    confirmAddForm() {
+      this.addForm.workList = this.workList;
+      let formData = new FormData();
+      let form = JSON.stringify(this.addForm);
+      formData.append("form", form);
+      console.log(this.title);
+      if (this.title == '新增项目')
+        submitProject(formData).then(response => {
+          this.$modal.msgSuccess("新增成功");
+          this.addOpen = false;
+          this.getList();
+        });
+      else
+        modifyProject(formData).then(response => {
+          this.$modal.msgSuccess("修改成功");
+          this.addOpen = false;
+          this.getList();
+        });
+    },
+    // 人员选择
+    choosePeople() {
+      this.peopleVisible = true;
+    },
+    // 改变部门选择
+    handleChangeDept(deptId) {
+      this.peopleForm.userId = '';
+      listUser({ pageSize: 999999, deptId }).then(res => {
+        console.log(res);
+        this.peopleForm.userList = res.rows
+      })
+    },
+    // 确定项目负责人
+    confirmPeople() {
+      this.addForm.projectLeader = this.peopleForm.userId;
+      this.addForm.projectLeader = this.tagLeader()
+      this.peopleVisible = false
+    },
+    tagLeader() {
+      if (this.addForm.projectLeader == '' || this.addForm.projectLeader == undefined || this.addForm.projectLeader == null) {
+        return undefined
+      } else {
+        for (let user of this.peopleForm.userList) {
+          if (this.addForm.projectLeader == user.userId) {
+            return user.nickName
+          }
+        }
+      }
+    },
+    cancel() {
+      this.peopleForm.deptId = '';
+      this.peopleForm.userId = '';
+      this.addOpen = false;
+      this.addForm = {}
+    },
+    addWorkList() {
+      this.workList.push({
+        content: '',
+        scale: '',
+        unit: '',
+        workload: '',
+        deadline: '',
+        remark: ''
+      });
+    },
+    deletWorkItem(index) {
+      let arr = this.workList
+      if (arr.length == 1) {
+        return
+      }
+      if (index >= 0 && index < arr.length) {
+        arr.splice(index, 1);
+      }
+    },
+    cancelChoosePeople() {
+      this.peopleForm.deptId = '';
+      this.peopleForm.userId = '';
+      this.peopleVisible = false;
+    },
+    querySearch(queryString, cb) {
+      var restaurants = this.restaurants;
+      var results = queryString ? restaurants.filter(this.createFilter(queryString)) : restaurants;
+      // 调用 callback 返回建议列表的数据
+      cb(results);
+    },
+    createFilter(queryString) {
+      return (restaurant) => {
+        return (restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0);
+      };
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.project-wrapper {
+  padding: 25px;
+}
+
+.table-header {
+  background-color: #f5f5f5;
+}
+
+.card-header {
+  display: flex;
+  justify-content: space-between;
+  padding: 0 10px;
+}
+
+table {
+  /*居中*/
+  margin: 0 auto;
+  /*边框*/
+  /* border: 1px solid black; */
+  text-align: center;
+  border-collapse: collapse;
+  /*设置背景颜色*/
+  /* background-color: #bfa; */
+}
+</style>

oa-ui/src/views/flowable/form/projectProcess/arrangeProject.vue

+<!--
+ * @Author: ysh
+ * @Date: 2024-03-19 09:24:06
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2024-03-19 11:27:04
+-->
+<template>
+  <div class="app-container">
+    <h2 style="text-align: center;">项目登记</h2>
+    <el-form :model="form" :rules="rules" label-width="100px" :disable="disable">
+      <el-form-item label="承担部门：" prop="undertakingDept">
+        <el-select v-model="form.deptId" multiple clearable  style="width:500px">
+          <el-option v-for="item in deptList" :key="item.deptId" :label="item.deptName" :value="item.deptId"
+            v-if="item.deptName != '四川中水成勘院测绘工程有限责任公司'">
+          </el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="部门负责人" prop="deptLeader">
+        <el-input v-model="form.deptLeader"></el-input>
+      </el-form-item>
+      <el-form-item label="项目负责人" prop="projectLeader">
+        <el-tag effect="plain" type="warning" style="margin-right: 10px;">{{ form.projectLeader }}</el-tag>
+        <el-button type="primary" plain size="mini">更换</el-button>
+      </el-form-item>
+      <el-form-item label="现场负责人">
+        <el-input v-model="form.deptLeader"></el-input>
+      </el-form-item>
+      <el-form-item label="项目预算">
+        <el-input v-model="form.deptLeader"></el-input>
+      </el-form-item>
+    </el-form>
+    
+  </div>
+</template>
+
+<script>
+import { listDept } from '@/api/system/dept'
+export default {
+  props: {
+    disable: {
+      type: Boolean,
+      require: true
+    }
+  },
+  data() {
+    return {
+      form: {},
+      rules: {},
+      deptList: [],
+      file:{
+        fileList:[]
+      }
+    }
+  },
+  created() {
+    this.getDeptList();
+  },
+  methods: {
+    getDeptList() {
+      listDept({
+        deptName: undefined,
+        status: undefined
+      }).then(res => {
+        this.deptList = res.data
+      })
+    },
+  }
+}
+</script>
+
+<style lang="scss" scoped></style>

oa-ui/src/views/flowable/form/projectProcess/index.vue

  * @Author: ysh
  * @Date: 2024-02-27 14:49:15
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-03-05 11:35:07
+ * @LastEditTime: 2024-03-19 10:11:01
 -->
 
 <template>
   <div class="project-wrapper">
-    <!-- 新建项目 -->
-    <h2>经营管理部登记</h2>
-    <el-form :model="addForm" :rules="rules" label-width="100px">
-      <el-form-item label="项目编号：" prop="projectNumber">
-        <el-input v-model="addForm.projectNumber"></el-input>
-      </el-form-item>
-      <el-form-item label="项目名称：" prop="projectName">
-        <el-input v-model="addForm.projectName"></el-input>
-      </el-form-item>
-      <el-form-item label="项目负责人：" prop="projectLeader">
-        <el-tag effect="plain" type="warning" style="margin-right: 10px;"
-          v-if="addForm.projectLeaderName != undefined">{{ addForm.projectLeaderName }}</el-tag>
-        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="choosePeople">选择</el-button>
-      </el-form-item>
-      <el-form-item label="项目类型：" prop="projectType">
-        <el-input v-model="addForm.projectType"></el-input>
-      </el-form-item>
-      <el-form-item label="项目级别：" prop="projectLevel">
-        <el-radio v-model="addForm.projectLevel" label="0">一般项目</el-radio>
-        <el-radio v-model="addForm.projectLevel" label="1">重大项目</el-radio>
-      </el-form-item>
-      <el-form-item label="项目来源：" prop="projectSource">
-        <el-radio v-model="addForm.projectSource" label="0">院内</el-radio>
-        <el-radio v-model="addForm.projectSource" label="1">院外</el-radio>
-      </el-form-item>
-      <el-form-item label="甲方单位：" prop="partyA">
-        <el-input v-model="addForm.partyA"></el-input>
-      </el-form-item>
-      <el-form-item label="联系人：" prop="contactPerson">
-        <el-input v-model="addForm.contactPerson"></el-input>
-      </el-form-item>
-      <el-form-item label="联系电话：" prop="telephone">
-        <el-input v-model="addForm.telephone"></el-input>
-      </el-form-item>
-      <el-form-item label="项目概况：" prop="projectRegistrant">
-        <table border="1">
-          <tr>
-            <td style="width:250px;">工作内容</td>
-            <td>等级或比例尺</td>
-            <td>单位</td>
-            <td>工作量</td>
-            <td style="width:100px;">要求完成时间</td>
-            <td>备注</td>
-          </tr>
-          <tr v-for="(work, index) in workList" :key="index">
-            <td>
-              <el-input v-model="work.content" type="textarea" autosize clearable></el-input>
-            </td>
-            <td>
-              <el-input v-model="work.scale" clearable></el-input>
-            </td>
-            <td>
-              <el-input v-model="work.unit" clearable></el-input>
-            </td>
-            <td>
-              <el-input v-model="work.workload" clearable></el-input>
-            </td>
-            <td>
-              <el-date-picker style="width:140px;" v-model="work.deadline" value-format="yyyy-MM-dd" type="date"
-                placeholder="选择日期">
-              </el-date-picker>
-            </td>
-            <td>
-              <el-input v-model="work.remark" type="textarea" autosize clearable></el-input>
-            </td>
-            <td>
-              <el-button type="danger" icon="el-icon-minus" size="mini" circle
-                @click="deletWorkItem(index)"></el-button>
-            </td>
-          </tr>
-        </table>
 
-        <el-button icon="el-icon-plus" size="mini" @click="addWorkList"></el-button>
-      </el-form-item>
-      <el-form-item label="项目登记人：" prop="projectRegistrant">
-        <el-input v-model="addForm.projectRegistrant"></el-input>
-      </el-form-item>
-      <el-form-item label="备注：" prop="projectRegistrant">
-        <el-input v-model="addForm.remark" type="textarea" rows="3"></el-input>
-      </el-form-item>
+    <el-tabs tabPosition="left" type="card" class="tabs-border" v-model="activeName">
+      <el-tab-pane label="项目登记">
+        <addproject :disable="taskName != '项目登记'"></addproject>
+      </el-tab-pane>
+      <el-tab-pane label="项目安排">
+        <arrangeProject :disable="false"></arrangeProject>
+      </el-tab-pane>
+      <el-tab-pane label="技术交底"></el-tab-pane>
+      <el-tab-pane label="安全交底"></el-tab-pane>
+      <el-tab-pane label="经营审核"></el-tab-pane>
+      <el-tab-pane label="分管审核"></el-tab-pane>
+      <el-tab-pane label="项目生产"></el-tab-pane>
+      <el-tab-pane label="质量检查"></el-tab-pane>
+      <el-tab-pane label="成果归档"></el-tab-pane>
+    </el-tabs>
 
-    </el-form>
-    <div slot="footer" class="dialog-footer" style="text-align: center;">
-      <el-button type="primary" @click="confirmAddForm">确 定</el-button>
-      <el-button @click="cancel">取 消</el-button>
-    </div>
-    <!-- 人员选择对话框 -->
-    <el-dialog width="30%" title="选择项目负责人" :visible.sync="peopleVisible" append-to-body>
-      <el-form>
-        <el-form-item label="部门：">
-          <el-select v-model="peopleForm.deptId" @change="handleChangeDept">
-            <el-option v-for="item in peopleForm.deptList" :key="item.deptId" :label="item.deptName"
-              :value="item.deptId" v-if="item.deptName != '四川中水成勘院测绘工程有限责任公司'">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item label="人员：">
-          <el-select v-model="peopleForm.userId">
-            <el-option v-for="item in peopleForm.userList" :key="item.userId" :label="item.nickName"
-              :value="item.userId">
-            </el-option>
-          </el-select>
-        </el-form-item>
-        <el-form-item>
-          <el-button @click="confirmPeople" type="primary">确定</el-button>
-          <el-button @click="cancelChoosePeople">取消</el-button>
-        </el-form-item>
-      </el-form>
-    </el-dialog>
 
   </div>
 </template>
 
 <script>
-import { listProject, submitProject, modifyProject, delProject } from "@/api/oa/project/project";
+import { listProject, submitProject, modifyProject, delProject } from "@/api/oa/project/project"
 import { listDept } from '@/api/system/dept'
 import { listUser, getUser } from '@/api/system/user'
+import addproject from "./addproject.vue"
+import arrangeProject from "./arrangeProject.vue"
 export default {
+  props: {
+    taskName: {
+      type: String
+    }
+  },
+  components: {
+    addproject,
+    arrangeProject
+  },
   data() {
     return {
+      activeName: taskName,
       // 查询参数
       queryParams: {
         pageNum: 1,
   /*设置背景颜色*/
   /* background-color: #bfa; */
 }
-</style>
+
+.tabs-border {
+  border: 1px solid #DCDFE6;
+  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 0 6px 0 rgba(0, 0, 0, 0.04);
+}
+
+
+::v-deep .el-tabs__item {
+  line-height: 60px;
+  height: 60px;
+}
+</style>./arrangeProject.vue

oa-ui/src/views/flowable/task/todo/detail/index.vue

             v-else-if="taskForm.procDefName == '财务部考核'"></cw-table>
           <zh-table :tableForm="tableForm" :taskName="taskName" @submit="handleComplete"
             v-else-if="taskForm.procDefName == '综合事务部考核'"></zh-table>
-          <car-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '用车审批'" @goBack="goBack"></car-form>
-          <car-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '用车审批（工会）'" @goBack="goBack"></car-form>
+          <car-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '用车审批'"
+            @goBack="goBack"></car-form>
+          <car-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '用车审批（工会）'"
+            @goBack="goBack"></car-form>
           <device-form :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '设备审批'"
             @goBack="goBack"></device-form>
+          <project-process :taskName="taskName" :taskForm="taskForm" v-else-if="taskForm.procDefName == '项目流转'"
+            @goBack="goBack"></project-process>
           <el-row type="flex" justify="center" v-show="isShowApprove()">
             <el-button v-if="!formKeyExist" icon="el-icon-edit-outline" type="success" size="mini"
               @click="handleComplete">审核通过
 import "@riophae/vue-treeselect/dist/vue-treeselect.css";
 import { listUser } from "@/api/system/user";
 import { getAssess, modifyAssess, submitAssess, listAssess } from '@/api/oa/assess/assess';
-import ScTable from "../../../form/scTable.vue";
-import JyTable from "../../../form/jyTable.vue";
-import ZhTable from "../../../form/zhTable.vue";
-import JsTable from "../../../form/jsTable.vue";
-import XmTable from "../../../form/xmTable.vue";
-import CwTable from "../../../form/cwTable.vue";
-import carForm from "../../../form/carForm.vue";
-import deviceForm from "../../../form/deviceForm";
+import ScTable from "@/views/flowable/form/scTable.vue";
+import JyTable from "@/views/flowable/form/jyTable.vue";
+import ZhTable from "@/views/flowable/form/zhTable.vue";
+import JsTable from "@/views/flowable/form/jsTable.vue";
+import XmTable from "@/views/flowable/form/xmTable.vue";
+import CwTable from "@/views/flowable/form/cwTable.vue";
+import carForm from "@/views/flowable/form/carForm.vue";
+import deviceForm from "@/views/flowable/form/deviceForm";
+import projectProcess from "@/views/flowable/form/projectProcess/index.vue"
 
 export default {
   name: "Record",
     CwTable,
     JyTable,
     carForm,
-    deviceForm
+    deviceForm,
+    projectProcess
   },
   props: {},
   data() {
     },
     // 是否显示审批通过
     isShowApprove() {
-      if (this.taskName == '员工填报' || this.taskForm.procDefName == '用车审批' || this.taskForm.procDefName == '用车审批（工会）' || this.taskForm.procDefName == '设备审批') {
+      if (this.taskName == '员工填报' || this.taskForm.procDefName == '用车审批' || this.taskForm.procDefName == '用车审批（工会）' || this.taskForm.procDefName == '设备审批'|| this.taskForm.procDefName == '项目流转') {
         return false
       } else {
         return true

oa-ui/src/views/index.vue

  * @Author: ysh
  * @Date: 2024-01-03 09:23:11
  * @LastEditors: Please set LastEditors
- * @LastEditTime: 2024-03-14 14:22:50
+ * @LastEditTime: 2024-03-18 14:45:43
 -->
 
 <template>
   <div class="app-container home">
-    <el-row style="height:350px;" :gutter="20">
-      <el-col :span="6">
+    <el-row :gutter="20">
+      <el-col :span="6" :xs="24">
         <div class="header">个人信息</div>
         <div class="user-wrapper">
           <div class="avatar">
       <el-col :span="18" :xs="24">
         <div class="header">快捷入口</div>
         <div class="nav-wrapper">
-          <div class="nav-item" v-for="nav in navItem" @click="goToPath(nav.id)">
+          <div class="nav-item" v-for="nav in navItem" @click="goToPath(nav.path)">
             <el-badge :value="formartBadge(nav.id)" :max="99" class="item">
               <div class="nav-logo" :style="{ 'background-color': nav.bgColor, 'box-shadow': nav.boxShadow }">
                 <div class="icon">
                 </div>
               </div>
             </el-badge>
-
             <div class="nav-text">{{ nav.name }}</div>
           </div>
         </div>
 
     </el-row>
     <el-row :gutter="20">
-      <el-col :span="8">
+      <el-col :span="8" :xs="24">
         <div class="header">日历</div>
         <div class="calendar-warpper">
           <!-- <Calendar></Calendar> -->
           </el-calendar>
         </div>
       </el-col>
-      <el-col :span="8">
+      <el-col :span="8" :xs="24">
         <div class="header">公告</div>
         <div class="notice-content">
           <el-table v-loading="noticeLoading" :data="noticeList" height="320px">
 
         </div>
       </el-col>
-      <el-col :span="8">
+      <el-col :span="8" :xs="24">
         <div class="header">项目流转</div>
         <div class="project-content">
 
           name: '发起流程',
           icon: 'cascader',
           bgColor: '#785aee',
-          boxShadow: '0 5px 20px rgba(120,90,238,0.5)'
+          boxShadow: '0 5px 20px rgba(120,90,238,0.5)',
+          path: '/task/process'
         }, {
           id: 2,
           name: '待办任务',
           icon: 'log',
           bgColor: '#e66794',
-          boxShadow: '0 5px 20px rgba(230,103,148,0.5)'
+          boxShadow: '0 5px 20px rgba(230,103,148,0.5)',
+          path: '/task/todo'
         }, {
           id: 3,
           name: '已办任务',
           icon: 'excel',
           bgColor: '#6389f4',
-          boxShadow: '0 5px 20px rgba(99,137,244,0.5)'
+          boxShadow: '0 5px 20px rgba(99,137,244,0.5)',
+          path: '/task/finished'
         }, {
           id: 4,
           name: '项目管理',
           icon: 'dict',
           bgColor: '#e64c56',
-          boxShadow: '0 5px 20px rgba(230,76,86,0.5)'
+          boxShadow: '0 5px 20px rgba(230,76,86,0.5)',
+          path: '/project'
         }, {
           id: 5,
           name: '车辆管理',
           icon: 'car',
           bgColor: '#eeb62f',
-          boxShadow: '0 5px 20px rgba(238,182,47,0.5)'
+          boxShadow: '0 5px 20px rgba(238,182,47,0.5)',
+          path: '/task/todo'
         }, {
           id: 6,
           name: '设备管理',
           icon: 'lock',
           bgColor: '#0be1bd',
-          boxShadow: '0 5px 20px rgba(11,225,189,0.5)'
+          boxShadow: '0 5px 20px rgba(11,225,189,0.5)',
+          path: '/car'
+        }, {
+          id: 7,
+          name: '投标管理',
+          icon: 'example',
+          bgColor: '#F7C59F',
+          boxShadow: '0 5px 20px rgba(247,197,159,0.5)',
+          path: '/device'
         }
       ]
     }
   },
   methods: {
-    goToPath(id) {
-      if (id == 1) {
-        this.$router.push({ path: "/task/process" });
-      } else if (id == 2) {
-        this.$router.push({ path: "/task/todo" });
-      } else if (id == 3) {
-        this.$router.push({ path: "/task/finished" });
-      } else if (id == 4) {
-        this.$router.push({ path: "/project" });
-      } else if (id == 5) {
-        this.$router.push({ path: "/car" });
-      } else if (id == 6) {
-        this.$router.push({ path: "/device" });
-      }
+    goToPath(path) {
+      this.$router.push({ path: path });
     },
     getUserbyId() {
       getUser(this.userId).then(response => {
           }
         }
         this.getDicts("sys_user_titles").then(res => {
-          console.log(res);
           if (this.user.titles != "" && this.user.titles != null && this.user.titles != undefined) {
             let titles = this.user.titles.split(',');
             let arr = []
   .nav-item {
     background-color: #ffffff;
     max-width: 240px;
+    width: 220px;
     flex-grow: 1;
     height: 120px;
     border-radius: 10px;
   text-align: center;
   line-height: 26px;
 }
+
 ::v-deep .el-calendar-table .el-calendar-day:hover {
   color: #242d42;
 }
+
 ::v-deep .el-calendar__body {
   padding: 15px 31px 10px;
 }
 ::v-deep .el-calendar-table td.is-selected {
   // color: #242d42;
 }
-::v-deep .el-calendar-table td{
+
+::v-deep .el-calendar-table td {
   border-right: none;
 }
-::v-deep .el-table .el-table__header-wrapper th, .el-table .el-table__fixed-header-wrapper th{
+
+::v-deep .el-table .el-table__header-wrapper th,
+.el-table .el-table__fixed-header-wrapper th {
   background-color: #ffffff;
 }
 </style>

oa-ui/src/views/oa/tender/index.vue

 <template>
   <div class="app-container">
     <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
-      <el-form-item label="投标项目名称" prop="projectName">
-        <el-input
-          v-model="queryParams.projectName"
-          placeholder="请输入投标项目名称"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+      <el-form-item label="投标项目名称" prop="projectName" label-width="100px">
+        <el-input v-model="queryParams.projectName" placeholder="请输入投标项目名称" clearable
+          @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="招标业主" prop="partyA">
-        <el-input
-          v-model="queryParams.partyA"
-          placeholder="请输入招标业主"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="业主联系人" prop="aPerson">
-        <el-input
-          v-model="queryParams.aPerson"
-          placeholder="请输入业主联系人"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="业主联系电话" prop="aPhone">
-        <el-input
-          v-model="queryParams.aPhone"
-          placeholder="请输入业主联系电话"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="招标代理" prop="agent">
-        <el-input
-          v-model="queryParams.agent"
-          placeholder="请输入招标代理"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="代理联系人" prop="agentPerson">
-        <el-input
-          v-model="queryParams.agentPerson"
-          placeholder="请输入代理联系人"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="代理联系电话" prop="agentPhone">
-        <el-input
-          v-model="queryParams.agentPhone"
-          placeholder="请输入代理联系电话"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="招标地点" prop="place">
-        <el-input
-          v-model="queryParams.place"
-          placeholder="请输入招标地点"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="投标部门" prop="dept">
-        <el-input
-          v-model="queryParams.dept"
-          placeholder="请输入投标部门"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="投标委托人" prop="trustee">
-        <el-input
-          v-model="queryParams.trustee"
-          placeholder="请输入投标委托人"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="业主预算" prop="budget">
-        <el-input
-          v-model="queryParams.budget"
-          placeholder="请输入业主预算"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="拟报价金额" prop="quote">
-        <el-input
-          v-model="queryParams.quote"
-          placeholder="请输入拟报价金额"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="保证金" prop="deposit">
-        <el-input
-          v-model="queryParams.deposit"
-          placeholder="请输入保证金"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
+        <el-input v-model="queryParams.partyA" placeholder="请输入招标业主" clearable @keyup.enter.native="handleQuery" />
       </el-form-item>
       <el-form-item label="投标时间" prop="tenderTime">
-        <el-date-picker clearable
-          v-model="queryParams.tenderTime"
-          type="date"
-          value-format="yyyy-MM-dd"
+        <el-date-picker clearable v-model="queryParams.tenderTime" type="date" value-format="yyyy-MM-dd"
           placeholder="请选择投标时间">
         </el-date-picker>
       </el-form-item>
-      <el-form-item label="标书购买截止时间" prop="bidBuyDeadline">
-        <el-date-picker clearable
-          v-model="queryParams.bidBuyDeadline"
-          type="date"
-          value-format="yyyy-MM-dd"
-          placeholder="请选择标书购买截止时间">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="招标信息网址" prop="bidWebsite">
-        <el-input
-          v-model="queryParams.bidWebsite"
-          placeholder="请输入招标信息网址"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="招标文件" prop="bidDocument">
-        <el-input
-          v-model="queryParams.bidDocument"
-          placeholder="请输入招标文件"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="项目内容简述" prop="projectBriefly">
-        <el-input
-          v-model="queryParams.projectBriefly"
-          placeholder="请输入项目内容简述"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="商务标书编写人" prop="businessWriter">
-        <el-input
-          v-model="queryParams.businessWriter"
-          placeholder="请输入商务标书编写人"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="商务标书要求提交时间" prop="businessDeadline">
-        <el-date-picker clearable
-          v-model="queryParams.businessDeadline"
-          type="date"
-          value-format="yyyy-MM-dd"
-          placeholder="请选择商务标书要求提交时间">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="技术标书编写人" prop="techWriter">
-        <el-input
-          v-model="queryParams.techWriter"
-          placeholder="请输入技术标书编写人"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="技术标书要求提交时间" prop="techDeadline">
-        <el-date-picker clearable
-          v-model="queryParams.techDeadline"
-          type="date"
-          value-format="yyyy-MM-dd"
-          placeholder="请选择技术标书要求提交时间">
-        </el-date-picker>
-      </el-form-item>
-      <el-form-item label="标书合稿人" prop="tenderCombiner">
-        <el-input
-          v-model="queryParams.tenderCombiner"
-          placeholder="请输入标书合稿人"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="标书检查人" prop="tenderChecker">
-        <el-input
-          v-model="queryParams.tenderChecker"
-          placeholder="请输入标书检查人"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="标书打印装订人" prop="tenderPrinter">
-        <el-input
-          v-model="queryParams.tenderPrinter"
-          placeholder="请输入标书打印装订人"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="标书文件" prop="tenderDocument">
-        <el-input
-          v-model="queryParams.tenderDocument"
-          placeholder="请输入标书文件"
-          clearable
-          @keyup.enter.native="handleQuery"
-        />
-      </el-form-item>
       <el-form-item>
         <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
         <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
 
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-plus"
-          size="mini"
-          @click="handleAdd"
-          v-hasPermi="['oa:tender:add']"
-        >新增</el-button>
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd"
+          v-hasPermi="['oa:tender:add']">新增</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-edit"
-          size="mini"
-          :disabled="single"
-          @click="handleUpdate"
-          v-hasPermi="['oa:tender:edit']"
-        >修改</el-button>
+        <el-button type="success" plain icon="el-icon-edit" size="mini" :disabled="single" @click="handleUpdate"
+          v-hasPermi="['oa:tender:edit']">修改</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="danger"
-          plain
-          icon="el-icon-delete"
-          size="mini"
-          :disabled="multiple"
-          @click="handleDelete"
-          v-hasPermi="['oa:tender:remove']"
-        >删除</el-button>
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple" @click="handleDelete"
+          v-hasPermi="['oa:tender:remove']">删除</el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-download"
-          size="mini"
-          @click="handleExport"
-          v-hasPermi="['oa:tender:export']"
-        >导出</el-button>
+        <el-button type="warning" plain icon="el-icon-download" size="mini" @click="handleExport"
+          v-hasPermi="['oa:tender:export']">导出</el-button>
       </el-col>
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
     <el-table v-loading="loading" :data="tenderList" @selection-change="handleSelectionChange">
-      <el-table-column type="selection" width="55" align="center" />
-      <el-table-column label="投标id" align="center" prop="tenderId" />
-      <el-table-column label="投标项目名称" align="center" prop="projectName" />
-      <el-table-column label="招标业主" align="center" prop="partyA" />
-      <el-table-column label="业主联系人" align="center" prop="aPerson" />
-      <el-table-column label="业主联系电话" align="center" prop="aPhone" />
-      <el-table-column label="招标代理" align="center" prop="agent" />
-      <el-table-column label="代理联系人" align="center" prop="agentPerson" />
-      <el-table-column label="代理联系电话" align="center" prop="agentPhone" />
-      <el-table-column label="招标地点" align="center" prop="place" />
-      <el-table-column label="投标部门" align="center" prop="dept" />
-      <el-table-column label="投标委托人" align="center" prop="trustee" />
-      <el-table-column label="业主预算" align="center" prop="budget" />
-      <el-table-column label="拟报价金额" align="center" prop="quote" />
-      <el-table-column label="保证金" align="center" prop="deposit" />
+      <el-table-column type="selection" width="55" align="center" min-width="100px" />
+      <!-- <el-table-column label="投标id" align="center" prop="tenderId" min-width="100px" /> -->
+      <el-table-column label="投标项目名称" align="center" prop="projectName" min-width="100px" />
+      <el-table-column label="招标业主" align="center" prop="partyA" min-width="100px" />
+      <el-table-column label="业主联系人" align="center" prop="aPerson" min-width="100px" />
+      <el-table-column label="业主联系电话" align="center" prop="aPhone" min-width="100px" />
+      <el-table-column label="招标代理" align="center" prop="agent" min-width="100px" />
+      <el-table-column label="代理联系人" align="center" prop="agentPerson" min-width="100px" />
+      <el-table-column label="代理联系电话" align="center" prop="agentPhone" min-width="100px" />
+      <el-table-column label="招标地点" align="center" prop="place" min-width="100px" />
+      <el-table-column label="投标部门" align="center" prop="dept" min-width="100px" />
+      <el-table-column label="投标委托人" align="center" prop="trustee" min-width="100px" />
+      <el-table-column label="业主预算" align="center" prop="budget" min-width="100px" />
+      <el-table-column label="拟报价金额" align="center" prop="quote" min-width="100px" />
+      <el-table-column label="保证金" align="center" prop="deposit" min-width="100px" />
       <el-table-column label="投标时间" align="center" prop="tenderTime" width="180">
         <template slot-scope="scope">
           <span>{{ parseTime(scope.row.tenderTime, '{y}-{m}-{d}') }}</span>
           <span>{{ parseTime(scope.row.bidBuyDeadline, '{y}-{m}-{d}') }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="招标信息网址" align="center" prop="bidWebsite" />
-      <el-table-column label="招标文件" align="center" prop="bidDocument" />
-      <el-table-column label="项目内容简述" align="center" prop="projectBriefly" />
-      <el-table-column label="商务标书编写人" align="center" prop="businessWriter" />
-      <el-table-column label="商务标书要求提交时间" align="center" prop="businessDeadline" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.businessDeadline, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="技术标书编写人" align="center" prop="techWriter" />
-      <el-table-column label="技术标书要求提交时间" align="center" prop="techDeadline" width="180">
-        <template slot-scope="scope">
-          <span>{{ parseTime(scope.row.techDeadline, '{y}-{m}-{d}') }}</span>
-        </template>
-      </el-table-column>
-      <el-table-column label="标书合稿人" align="center" prop="tenderCombiner" />
-      <el-table-column label="标书检查人" align="center" prop="tenderChecker" />
-      <el-table-column label="标书打印装订人" align="center" prop="tenderPrinter" />
-      <el-table-column label="标书文件" align="center" prop="tenderDocument" />
+      <!-- <el-table-column label="招标信息网址" align="center" prop="bidWebsite" /> -->
+      <!-- <el-table-column label="招标文件" align="center" prop="bidDocument" /> -->
+      <!-- <el-table-column label="项目内容简述" align="center" prop="projectBriefly" /> -->
+      <!-- <el-table-column label="商务标书编写人" align="center" prop="businessWriter" /> -->
+      <!-- <el-table-column label="商务标书要求提交时间" align="center" prop="businessDeadline" width="180"> -->
+      <!-- <template slot-scope="scope"> -->
+      <!-- <span>{{ parseTime(scope.row.businessDeadline, '{y}-{m}-{d}') }}</span> -->
+      <!-- </template> -->
+      <!-- </el-table-column> -->
+      <!-- <el-table-column label="技术标书编写人" align="center" prop="techWriter" /> -->
+      <!-- <el-table-column label="技术标书要求提交时间" align="center" prop="techDeadline" width="180"> -->
+      <!-- <template slot-scope="scope"> -->
+      <!-- <span>{{ parseTime(scope.row.techDeadline, '{y}-{m}-{d}') }}</span> -->
+      <!-- </template> -->
+      <!-- </el-table-column> -->
+      <!-- <el-table-column label="标书合稿人" align="center" prop="tenderCombiner" /> -->
+      <!-- <el-table-column label="标书检查人" align="center" prop="tenderChecker" /> -->
+      <!-- <el-table-column label="标书打印装订人" align="center" prop="tenderPrinter" /> -->
+      <!-- <el-table-column label="标书文件" align="center" prop="tenderDocument" /> -->
       <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
         <template slot-scope="scope">
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-edit"
-            @click="handleUpdate(scope.row)"
-            v-hasPermi="['oa:tender:edit']"
-          >修改</el-button>
-          <el-button
-            size="mini"
-            type="text"
-            icon="el-icon-delete"
-            @click="handleDelete(scope.row)"
-            v-hasPermi="['oa:tender:remove']"
-          >删除</el-button>
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)"
+            v-hasPermi="['oa:tender:edit']">修改</el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)"
+            v-hasPermi="['oa:tender:remove']">删除</el-button>
         </template>
       </el-table-column>
     </el-table>
-    
-    <pagination
-      v-show="total>0"
-      :total="total"
-      :page.sync="queryParams.pageNum"
-      :limit.sync="queryParams.pageSize"
-      @pagination="getList"
-    />
+
+    <pagination v-show="total > 0" :total="total" :page.sync="queryParams.pageNum" :limit.sync="queryParams.pageSize"
+      @pagination="getList" />
 
     <!-- 添加或修改投标管理对话框 -->
-    <el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
-      <el-form ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-dialog :title="title" :visible.sync="open" :width="dialogProperty.dialogWidth" append-to-body :close-on-click-modal="false">
+      <el-descriptions class="margin-top" :column="dialogProperty.column" border>
+        <el-descriptions-item :span="3">
+          <template slot="label">
+            投标项目名称
+          </template>
+          <el-input v-model="form.projectName"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            招标业主
+          </template>
+          <el-input v-model="form.partyA"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            业主联系人
+          </template>
+          <el-input v-model="form.aPerson"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            业主联系电话
+          </template>
+          <el-input v-model="form.aPhone"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            招标代理
+          </template>
+          <el-input v-model="form.agent"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            代理联系人
+          </template>
+          <el-input v-model="form.agentPerson"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            代理联系电话
+          </template>
+          <el-input v-model="form.agentPhone"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            招标地点
+          </template>
+          <el-input v-model="form.place"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            投标部门
+          </template>
+          <el-input v-model="form.dept"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            投标委托人
+          </template>
+          <el-input v-model="form.trustee"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            业主预算
+          </template>
+          <el-input v-model="form.budget">
+            <span slot="append">元</span>
+          </el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            拟报价金额
+          </template>
+          <el-input v-model="form.quote">
+            <span slot="append">元</span>
+          </el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            保证金
+          </template>
+          <el-input v-model="form.deposit">
+            <span slot="append">元</span>
+          </el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            投标时间
+          </template>
+          <el-date-picker clearable v-model="form.tenderTime" type="date" value-format="yyyy-MM-dd"
+            placeholder="请选择投标时间">
+          </el-date-picker>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            标书购买截止时间
+          </template>
+          <el-date-picker clearable v-model="form.bidBuyDeadline" type="date" value-format="yyyy-MM-dd"
+            placeholder="请选择标书购买截止时间">
+          </el-date-picker>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            招标信息网址
+          </template>
+          <el-input v-model="form.bidWebsite"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item :span="3">
+          <template slot="label">
+            招标文件
+          </template>
+          <el-input v-model="form.bidDocument"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item :span="3">
+          <template slot="label">
+            项目内容简述
+          </template>
+          <el-input v-model="form.projectBriefly"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            商务标书编写人
+          </template>
+          <el-input v-model="form.businessWriter"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            商务标书要求提交时间
+          </template>
+          <el-date-picker clearable v-model="form.businessDeadline" type="date" value-format="yyyy-MM-dd"
+            placeholder="请选择商务标书要求提交时间">
+          </el-date-picker>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            技术标书编写人
+          </template>
+          <el-input v-model="form.techWriter"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            技术标书要求提交时间
+          </template>
+          <el-date-picker clearable v-model="form.techDeadline" type="date" value-format="yyyy-MM-dd"
+            placeholder="请选择技术标书要求提交时间">
+          </el-date-picker>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            标书合稿人
+          </template>
+          <el-input v-model="form.tenderCombiner"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            标书检查人
+          </template>
+          <el-input v-model="form.tenderChecker"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            标书打印装订人
+          </template>
+          <el-input v-model="form.tenderPrinter"></el-input>
+        </el-descriptions-item>
+        <el-descriptions-item>
+          <template slot="label">
+            标书文件
+          </template>
+          <el-input v-model="form.tenderDocument"></el-input>
+        </el-descriptions-item>
+      </el-descriptions>
+
+      <!-- <el-form ref="form" :model="form" :rules="rules" label-width="160px" style="padding-right: 50px;">
         <el-form-item label="投标项目名称" prop="projectName">
           <el-input v-model="form.projectName" placeholder="请输入投标项目名称" />
         </el-form-item>
         <el-form-item label="标书文件" prop="tenderDocument">
           <el-input v-model="form.tenderDocument" placeholder="请输入标书文件" />
         </el-form-item>
-      </el-form>
-      <div slot="footer" class="dialog-footer">
+      </el-form> -->
+      <div slot="footer" class="dialog-footer" style="text-align: center;">
         <el-button type="primary" @click="submitForm">确 定</el-button>
         <el-button @click="cancel">取 消</el-button>
       </div>
       title: "",
       // 是否显示弹出层
       open: false,
+      // 对话框属性
+      dialogProperty: {
+        dialogWidth: '1200px',
+        column: 3,
+      },
       // 查询参数
       queryParams: {
         pageNum: 1,
   },
   created() {
     this.getList();
+    console.log(this.$store.state.app.device);
+    if (this.$store.state.app.device == 'mobile') {
+      this.dialogProperty.column = 1
+      this.dialogProperty.dialogWidth = '90%'
+    }
   },
   methods: {
     /** 查询投标管理列表 */
     // 多选框选中数据
     handleSelectionChange(selection) {
       this.ids = selection.map(item => item.tenderId)
-      this.single = selection.length!==1
+      this.single = selection.length !== 1
       this.multiple = !selection.length
     },
     /** 新增按钮操作 */
     handleAdd() {
       this.reset();
       this.open = true;
-      this.title = "添加投标管理";
+      this.title = "添加投标信息";
     },
     /** 修改按钮操作 */
     handleUpdate(row) {
       getTender(tenderId).then(response => {
         this.form = response.data;
         this.open = true;
-        this.title = "修改投标管理";
+        this.title = "修改投标信息";
       });
     },
     /** 提交按钮 */
     /** 删除按钮操作 */
     handleDelete(row) {
       const tenderIds = row.tenderId || this.ids;
-      this.$modal.confirm('是否确认删除投标管理编号为"' + tenderIds + '"的数据项？').then(function() {
+      this.$modal.confirm('是否确认删除投标管理编号为"' + tenderIds + '"的数据项？').then(function () {
         return delTender(tenderIds);
       }).then(() => {
         this.getList();
         this.$modal.msgSuccess("删除成功");
-      }).catch(() => {});
+      }).catch(() => { });
     },
     /** 导出按钮操作 */
     handleExport() {
   }
 };
 </script>
+<style lang="scss" scoped>
+::v-deep .el-descriptions-item__label.is-bordered-label {
+  color: #121212;
+  // background: rgba($color: #46a6ff, $alpha: 0.1);
+  width: 120px;
+  text-align: center;
+}
+
+::v-deep .el-descriptions .is-bordered .el-descriptions-item__cell {
+  border: 1px solid #2d3f62;
+}
+
+::v-deep .el-form-item--medium .el-form-item__label {
+  font-weight: 500;
+}
+</style>