ll

liukangdong

2024-10-10 c72cb6959cbf43520fbc88f390e2e21da7fbfbf4

ll

 admin/public/favicon.ico

 admin/src/components/business/OperaCarsWindow.vue

@@ -16,6 +16,7 @@
          label: 'name',
          value: 'id',
          children: 'childCategoryList',
          checkStrictly: true
        }"></el-cascader>
      </el-form-item>
      <el-form-item label="选择组织：" prop="groupId">

 admin/src/components/business/OperaDeviceLedWindow.vue

@@ -10,7 +10,7 @@
                <el-input v-model="form.title" placeholder="请输入LED屏显示内容" v-trim/>
            </el-form-item>
            <el-form-item label="播放速度" prop="speed">
                <el-input type="number" v-model="form.speed" placeholder="请输入播放速度(大于0数字）" v-trim/>
                <el-input type="number" v-model="form.speed" placeholder="请输入播放速度，数字越小播放越快，建议速度8" v-trim/>
            </el-form-item>
        </el-form>
    </GlobalWindow>

 admin/src/components/business/OperaPlatformApproveTemplWindow.vue

@@ -1,11 +1,5 @@
<template>
  <GlobalWindow
      :title="title"
      width="100%"
      :visible.sync="visible"
      :confirm-working="isWorking"
      @confirm="confirm"
  >
  <GlobalWindow :title="title" width="100%" :visible.sync="visible" :confirm-working="isWorking" @confirm="confirm">
    <TableLayout>
      <template v-slot:table-wrap>
        <div class="config">
@@ -23,14 +17,10 @@
                <img src="@/assets/images/peizhi_ar@2x.png" alt="" />
              </div>
              <div v-for="(item, index) in apprList" :key="index">
                <div
                    class="item yellow"
                    :class="{
                <div class="item yellow" :class="{
                  active: activeIndex == index,
                  blue: item.type == '1',
                }"
                    @click="flowClick(index)"
                >
                }" @click="flowClick(index)">
                  <div class="head">{{ item.remark }}</div>
                  <div class="content">
                    <!-- 审批 -->
@@ -40,25 +30,19 @@
                      </template>
                      <template v-if="item.memberType == '1'">
                        <div v-if="item.objIds && item.objIds.length === 1">
                        <span
                        >{{ item.objIds[0].name }}
                          {{ item.objIds[0].companyName }}</span
                        >
                          <span>{{ item.objIds[0].name }}
                            {{ item.objIds[0].companyName }}</span>
                          <span v-if="item.approveType == 0 && item.type == '0'">
                          或签</span
                          >
                            或签</span>
                          <span v-if="item.approveType == 1 && item.type == '0'">
                          会签</span
                          >
                            会签</span>
                        </div>
                        <div v-else-if="item.objIds && item.objIds.length > 1">
                          <span>{{ item.objIds[0].name }} 等</span>
                          <span v-if="item.approveType == 0 && item.type == '0'">
                          或签</span
                          >
                            或签</span>
                          <span v-if="item.approveType == 1 && item.type == '0'">
                          会签</span
                          >
                            会签</span>
                        </div>
                        <div v-else>请选择</div>
                        <i class="el-icon-arrow-right"></i>
@@ -67,19 +51,14 @@
                    <!-- 抄送 -->
                    <template v-if="item.type == 1">
                      <div v-if="item.objIds && item.objIds.length === 1">
                        <span
                        >{{ item.objIds[0].name }}
                          {{ item.objIds[0].companyName }}</span
                        >
                        <span>{{ item.objIds[0].name }}
                          {{ item.objIds[0].companyName }}</span>
                      </div>
                      <div v-else-if="item.objIds && item.objIds.length > 1">
                        <span>{{ item.objIds[0].name }} 等</span>
                      </div>
                      <div v-else>请选择</div>
                      <i
                          v-if="item.memberType == '1'"
                          class="el-icon-arrow-right"
                      ></i>
                      <i v-if="item.memberType == '1'" class="el-icon-arrow-right"></i>
                    </template>
                  </div>
                </div>
@@ -88,11 +67,7 @@
                    <div class="line"></div>
                    <img src="@/assets/images/peizhi_ar@2x.png" alt="" />
                  </template>
                  <i
                      v-if="apprList.length - 2 === index"
                      @click="handleAddAppr()"
                      class="el-icon-circle-plus add"
                  ></i>
                  <i v-if="apprList.length - 2 === index" @click="handleAddAppr()" class="el-icon-circle-plus add"></i>
                </div>
              </div>
            </div>
@@ -102,171 +77,114 @@
              <div class="config_data_item_label">选择该节点的审批人</div>
              <div class="df_ac mb10">
                <div>审批节点名称</div>
                <el-input
                    class="w200 ml10"
                    v-model="apprList[activeIndex].remark"
                ></el-input>
                <el-input class="w200 ml10" v-model="apprList[activeIndex].remark"></el-input>
              </div>
              <!-- 抄送人 -->
              <template v-if="apprList[activeIndex].type == '1'">
                <div class="config_data_item_reviewed_content">
                  <div
                      v-for="mem in apprList[activeIndex].objIds"
                      :key="mem.id"
                      class="config_data_item_reviewed_content_item"
                  >
                  <div v-for="mem in apprList[activeIndex].objIds" :key="mem.id"
                    class="config_data_item_reviewed_content_item">
                    <span>{{ mem.name }}</span>
                    <i class="el-icon-close"></i>
                  </div>
                  <span class="add" @click="selStaff">+添加</span>
                </div>
              </template>
              <el-radio-group
                  v-if="apprList[activeIndex].type == '0'"
                  v-model="apprList[activeIndex].memberType"
              >
<!--                <el-radio :label="0">申请人</el-radio>-->
              <el-radio-group v-if="apprList[activeIndex].type == '0'" v-model="apprList[activeIndex].memberType">
                <!--                <el-radio :label="0">申请人</el-radio>-->
                <el-radio :label="1">指定人员</el-radio>
                <el-radio :label="2">部门主管</el-radio>
              </el-radio-group>
              <div
                  class="config_data_item_reviewed"
                  v-if="apprList[activeIndex].memberType == 1"
              >
              <div class="config_data_item_reviewed" v-if="apprList[activeIndex].memberType == 1">
                <div class="config_data_item_reviewed_label">
                  <span>指定审核人</span>
                  <span>不超过20人</span>
                </div>
                <div class="config_data_item_reviewed_content">
                  <div
                      v-for="(mem, memIndex) in apprList[activeIndex].objIds"
                      :key="mem.id"
                      class="config_data_item_reviewed_content_item"
                  >
                  <div v-for="(mem, memIndex) in apprList[activeIndex].objIds" :key="mem.id"
                    class="config_data_item_reviewed_content_item">
                    <span>{{ mem.name }}</span>
                    <i class="el-icon-close" @click="memDel(memIndex)"></i>
                  </div>
                  <span class="add" @click="selStaff">+添加</span>
                </div>
              </div>
              <div
                  class="config_data_item_reviewed"
                  v-if="apprList[activeIndex].memberType == 2"
              >
              <div class="config_data_item_reviewed" v-if="apprList[activeIndex].memberType == 2">
                <div class="config_data_item_reviewed_label">
                  <span>部门主管</span>
                </div>
                <div class="config_data_item_reviewed_r">
                  <span>申请人的</span>
                  <el-select
                      v-model="apprList[activeIndex].objLevel"
                      placeholder="请选择"
                      style="margin: 0 20px 0 10px"
                  >
                  <el-select v-model="apprList[activeIndex].objLevel" placeholder="请选择" style="margin: 0 20px 0 10px">
                    <el-option label="直接主管" :value="0" />
                    <el-option label="二级主管" :value="1" />
                    <el-option label="三级主管" :value="2" />
                    <el-option label="四级主管" :value="4" />
                  </el-select>
                  <el-checkbox
                      v-model="apprList[activeIndex].noleaderOpt"
                      :true-label="1"
                      :false-label="0"
                  >找不到主管时，由上级主管代审核</el-checkbox>
                  <el-checkbox v-model="apprList[activeIndex].noleaderOpt" :true-label="1"
                    :false-label="0">找不到主管时，由上级主管代审核</el-checkbox>
                </div>
              </div>
            </div>
            <div
                class="config_data_item"
                v-if="
            <div class="config_data_item" v-if="
              (apprList[activeIndex].memberType == 1 ||
                apprList[activeIndex].memberType == 2) &&
              apprList[activeIndex].type == '0'
            "
            >
            ">
              <div class="config_data_item_label">
                审批方式
                <span>审批人为多个时，采用的审批方式</span>
              </div>
              <el-radio-group
                  v-model="apprList[activeIndex].approveType"
                  style="display: flex; flex-direction: column"
              >
                <el-radio :label="0" style="margin-bottom: 20px"
                >或签（其中一名审批人同意或拒绝即可）</el-radio
                >
              <el-radio-group v-model="apprList[activeIndex].approveType" style="display: flex; flex-direction: column">
                <el-radio :label="0" style="margin-bottom: 20px">或签（其中一名审批人同意或拒绝即可）</el-radio>
                <el-radio :label="1">会签（所有审批人都同意才可通过）</el-radio>
              </el-radio-group>
            </div>
            <div class="config_data_submit">
              <el-button
                  @click="onSubmit"
                  :loading="subLoading"
                  style="background: #435ebe"
                  type="primary"
              >保存配置项</el-button
              >
              <el-button
                  v-if="activeIndex !== 0 && activeIndex !== apprList.length - 1"
                  type="danger"
                  plain
                  @click="handleDel"
              >删除节点</el-button
              >
              <el-button @click="onSubmit" :loading="subLoading" style="background: #435ebe"
                type="primary">保存配置项</el-button>
              <el-button v-if="activeIndex !== 0 && activeIndex !== apprList.length - 1" type="danger" plain
                @click="handleDel">删除节点</el-button>
            </div>
          </div>
        </div>
      </template>
      <!--  -->
      <el-dialog title="选择员工" :visible.sync="isShowTransfer" width="1000px" style="z-index: 99999" append-to-body>
      <el-dialog title="选择员工" :visible.sync="isShowTransfer" width="900px" style="z-index: 99999" append-to-body>
        <div class="staff_modal">
          <div class="left">
            <div
                style="
            <div style="
              width: 100%;
              height: 50px;
              background: rgba(242, 242, 242, 1);
              line-height: 50px;
              text-align: center;
              font-size: 14px;
            "
            >
            ">
              企业组织架构
            </div>
            <div style="width: 100%; height: 100%; overflow-y: scroll">
              <Tree
                  :list="companyTree"
                  :defaultProps="{
              <Tree :list="companyTree" :defaultProps="{
                name: 'name',
                status: 'fsStatus',
                children: 'childList',
                id: 'id',
              }"
                  @callback="callback"
              />
              }" @callback="callback" />
            </div>
          </div>
          <el-transfer
              filterable
              :title="['未选', '已选']"
              openAll
              :props="{ label: 'name', key: 'keyTemp' }"
              filter-placeholder="搜索员工"
              v-model="searchForm.objIds"
              :data="memberList"
              class="transfer"
          >
          <el-transfer filterable  :titles="['未选', '已选']" openAll :props="{ label: 'name', key: 'keyTemp' }"
            filter-placeholder="搜索员工" v-model="searchForm.objIds" :data="memberList" class="transfer">
          </el-transfer>
        </div>
        <span slot="footer" class="dialog-footer">
        <el-button @click="isShowTransfer = false">取 消</el-button>
        <el-button type="primary" @click="TransferSub">确 定</el-button>
      </span>
          <el-button @click="isShowTransfer = false">取 消</el-button>
          <el-button type="primary" @click="TransferSub">确 定</el-button>
        </span>
      </el-dialog>
    </TableLayout>
    <span slot="footer" class="dialog-footer">
        <el-button @click="visible= false">返回</el-button>
      </span>
      <el-button @click="visible = false">返回</el-button>
    </span>
  </GlobalWindow>
</template>

@@ -274,7 +192,7 @@
import BaseOpera from '@/components/base/BaseOpera'
import TableLayout from '@/layouts/TableLayout'
import Tree from '@/components/common/Tree'
import {approveTemplSave, approveTemplById} from '@/api'
import { approveTemplSave, approveTemplById } from '@/api'
import { fetchList } from '@/api/business/company'
import { fetchList as memberListPost } from '@/api/business/member'
import GlobalWindow from '@/components/common/GlobalWindow'
@@ -282,14 +200,14 @@
  name: 'OperaPlatformReasonWindow',
  extends: BaseOpera,
  components: { Tree, GlobalWindow, TableLayout },
  data () {
  data() {
    return {
      model:{},
      model: {},
      reasonId: null,
      activeType: '6',
      subLoading: false,
      apprList: [
        { remark: '审批人', active: false,memberType:1, type: '1', objIds: [] },
        { remark: '审批人', active: false, memberType: 1, type: '1', objIds: [] },
        { remark: '抄送人', active: false, type: '1', objIds: [] }
      ],
      activeIndex: 0,
@@ -300,18 +218,18 @@
      companyTree: []
    }
  },
  created () {
  created() {

  },
  methods: {
    open (title, row) {
    open(title, row) {
      this.title = title + '【' + row.reason + '】'
      this.visible = true
      this.reasonId = row.id
      this.model = row
      this.getfindCompanyTreePage()
      this.apprList = [
        { remark: '审批人', active: false, type: '0',memberType:1, objIds: [] },
        { remark: '审批人', active: false, type: '0', memberType: 1, objIds: [] },
        { remark: '抄送人', active: false, type: '1', objIds: [] }
      ]
      this.param = {}
@@ -321,7 +239,7 @@
      this.companyTree = []
      this.initDate()
    },
    flowClick (i) {
    flowClick(i) {
      this.activeIndex = i
      this.apprList.forEach((item, index) => {
        if (i === index) {
@@ -339,8 +257,8 @@
        }
      })
    },
    initDate () {
      if(this.model.approveTemplId){
    initDate() {
      if (this.model.approveTemplId) {
        approveTemplById(this.model.approveTemplId).then(res => {
          if (res && res.paramList) {
            const arr = res.paramList || []
@@ -353,7 +271,7 @@
                    companyName: i.companyName
                  }
                })
              }else{
              } else {
                item.objIds = []
              }
            })
@@ -365,7 +283,7 @@
        })
      }
    },
    onSubmit () {
    onSubmit() {
      const { apprList, activeType } = this
      const temp = JSON.parse(JSON.stringify(apprList))
      temp.forEach((item, index) => {
@@ -379,7 +297,7 @@
      this.subLoading = true
      approveTemplSave({
        type: activeType,
        reasonId:this.model.id,
        reasonId: this.model.id,
        paramList: temp
      }).then(res => {
        this.subLoading = false
@@ -389,17 +307,17 @@
        this.subLoading = false
      })
    },
    handleDel () {
    handleDel() {
      const { activeIndex } = this
      this.apprList.splice(activeIndex, 1)
      this.activeIndex = 0
    },
    handleAddAppr () {
      this.apprList.splice(this.apprList.length - 1, 0, { remark: '审批人', active: false,memberType:1, type: 0, objIds: [] })
    handleAddAppr() {
      this.apprList.splice(this.apprList.length - 1, 0, { remark: '审批人', active: false, memberType: 1, type: 0, objIds: [] })
      // this.apprList.push({ remark: '审批人', active: false, type: '0' })
    },
    // 获取组织树
    getfindCompanyTreePage () {
    getfindCompanyTreePage() {
      fetchList()
        .then(res => {
          if (res && res.length > 0) {
@@ -411,7 +329,7 @@
          }
        })
    },
    getMemberList () {
    getMemberList() {
      memberListPost({
        model: {
          companyId: this.searchForm.companyId || '',
@@ -433,13 +351,13 @@
        // console.log('defaultProps', res)
      })
    },
    callback (row) {
    callback(row) {
      console.log(row)
      this.$set(this.searchForm, 'companyId', row.id)
      this.$set(this.searchForm, 'erpOrgId', row.erpId)
      this.getMemberList()
    },
    TransferSub () {
    TransferSub() {
      const { activeIndex } = this
      if (this.searchForm.objIds && this.searchForm.objIds.length > 0) {
        if (this.searchForm.objIds.length > 20) return this.$message.warning('最多选择20人')
@@ -460,7 +378,7 @@
      this.isShowTransfer = false
      console.log(this.searchForm.objIds)
    },
    memDel (memIndex) {
    memDel(memIndex) {
      const { activeIndex } = this
      this.apprList.forEach((item, index) => {
        if (activeIndex === index) {
@@ -472,11 +390,11 @@
        }
      })
    },
    selStaff () {
    selStaff() {
      this.isShowTransfer = true
      this.getMemberList()
    },
    seleItem (i) {
    seleItem(i) {
      this.list.forEach((item, index) => {
        item.active = index === i
      })
@@ -485,175 +403,205 @@
}
</script>
<style lang="scss" scoped>
.labelTip{
.labelTip {
  font-size: 12px;
  color: #666666;
}

.config {
 width: 100%;
 padding-bottom: 20px;
 box-sizing: border-box;
 height: calc(100vh - 140px);
 display: flex;
 align-items: center;
 justify-content: space-between;
.config_list {
  width: 543px;
  height: 100%;
  flex-shrink: 0;
  border-radius: 2px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #eeeeee;
  background: #f7f7f7;
.config_list_head {
  width: 100%;
  height: 40px;
  padding-bottom: 20px;
  box-sizing: border-box;
  height: calc(100vh - 140px);
  display: flex;
  align-items: center;
  justify-content: space-between;
span {
  font-size: 18px;
  font-weight: 500;
  color: #222222;

  .config_list {
    width: 543px;
    height: 100%;
    flex-shrink: 0;
    border-radius: 2px;
    padding: 20px;
    box-sizing: border-box;
    border: 1px solid #eeeeee;
    background: #f7f7f7;

    .config_list_head {
      width: 100%;
      height: 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;

      span {
        font-size: 18px;
        font-weight: 500;
        color: #222222;
      }
    }

    .config_content {
      width: 100%;
      height: calc(100% - 40px);
      padding-top: 45px;
      box-sizing: border-box;
      overflow-y: scroll;
      display: flex;
      align-items: center;
      flex-direction: column;

      &::-webkit-scrollbar {
        width: 0;
      }

      .active {
        border: 2px solid #4456ac !important;
      }

      .yellow {
        background: #e89e42 !important;
      }

      .blue {
        background: #5094f3 !important;
      }

      .arrows {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: relative;

        .line {
          width: 1px;
          height: 60px;
          background-color: #ccc;
        }

        .add {
          font-size: 40px;
          color: #2080f7;
          position: absolute;
          cursor: pointer;
          z-index: 999;
          top: 10px;
        }

        img {
          width: 12px;
        }
      }

      .item {
        width: 200px;
        cursor: pointer;
        border: 2px solid #f7f7f7;
        height: 80px;
        background: #4456ac;
        border-radius: 2px;
        position: relative;
        display: flex;
        flex-direction: column;

        .head {
          height: 32px;
          line-height: 32px;
          padding: 2px 12px;
          color: #fff;
        }

        .content {
          flex: 1;
          background-color: #fff;
          display: flex;
          align-items: center;
          padding: 0 12px;
          justify-content: space-between;
        }

        &:last-child {
          margin: 0 !important;
        }
      }
    }
  }

  .config_data {
    flex: 1;
    height: 100%;
    margin-left: 20px;

    .config_data_submit {
      margin-top: 50px;
    }

    .config_data_item {
      width: 100%;
      display: flex;
      flex-direction: column;
      margin-bottom: 30px;

      &:last-child {
        margin: 0 !important;
      }

      .config_data_item_label {
        font-size: 16px;
        font-weight: 500;
        color: #222222;
        margin-bottom: 20px;

        span {
          font-size: 12px;
          font-weight: 400;
          color: #999999;
          margin-left: 10px;
        }
      }

      .config_data_item_reviewed {
        width: 100%;
        margin-top: 20px;

        .config_data_item_reviewed_r {
          margin-top: 10px;
          width: 100%;
          display: flex;
          align-items: center;

          span {
            flex-shrink: 0;
            font-size: 14px;
            font-weight: 400;
            color: #666666;
          }
        }

        .config_data_item_reviewed_label {
          display: flex;
          align-items: center;

          span {
            &:nth-child(1) {
              font-size: 14px;
              font-weight: 400;
              color: #222222;
            }

            &:nth-child(2) {
              font-size: 12px;
              font-weight: 400;
              color: #999999;
              margin-left: 8px;
            }
          }
        }
      }
    }
  }
}
}
.config_content {
  width: 100%;
  height: calc(100% - 40px);
  padding-top: 45px;
  box-sizing: border-box;
  overflow-y: scroll;
  display: flex;
  align-items: center;
  flex-direction: column;
&::-webkit-scrollbar {
   width: 0;
 }
.active {
  border: 2px solid #4456ac !important;
}
.yellow {
  background: #e89e42 !important;
}
.blue {
  background: #5094f3 !important;
}
.arrows {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
.line {
  width: 1px;
  height: 60px;
  background-color: #ccc;
}
.add {
  font-size: 40px;
  color: #2080f7;
  position: absolute;
  cursor: pointer;
  z-index: 999;
  top: 10px;
}
img {
  width: 12px;
}
}
.item {
  width: 200px;
  cursor: pointer;
  border: 2px solid #f7f7f7;
  height: 80px;
  background: #4456ac;
  border-radius: 2px;
  position: relative;
  display: flex;
  flex-direction: column;
.head {
  height: 32px;
  line-height: 32px;
  padding: 2px 12px;
  color: #fff;
}
.content {
  flex: 1;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 12px;
  justify-content: space-between;
}
&:last-child {
   margin: 0 !important;
 }
}
}
}
.config_data {
  flex: 1;
  height: 100%;
  margin-left: 20px;
.config_data_submit {
  margin-top: 50px;
}
.config_data_item {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
&:last-child {
   margin: 0 !important;
 }
.config_data_item_label {
  font-size: 16px;
  font-weight: 500;
  color: #222222;
  margin-bottom: 20px;
span {
  font-size: 12px;
  font-weight: 400;
  color: #999999;
  margin-left: 10px;
}
}
.config_data_item_reviewed {
  width: 100%;
  margin-top: 20px;
.config_data_item_reviewed_r {
  margin-top: 10px;
  width: 100%;
  display: flex;
  align-items: center;
span {
  flex-shrink: 0;
  font-size: 14px;
  font-weight: 400;
  color: #666666;
}
}
.config_data_item_reviewed_label {
  display: flex;
  align-items: center;
span {
&:nth-child(1) {
   font-size: 14px;
   font-weight: 400;
   color: #222222;
 }
&:nth-child(2) {
   font-size: 12px;
   font-weight: 400;
   color: #999999;
   margin-left: 8px;
 }
}
}
}
}
}
}

.config_data_item_reviewed_content {
  width: 400px;
  margin-top: 10px;
@@ -665,46 +613,62 @@
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
.add {
  font-size: 12px;
  font-weight: 400;
  color: #435ebe;
  cursor: pointer;
  margin-top: 3px;

  .add {
    font-size: 12px;
    font-weight: 400;
    color: #435ebe;
    cursor: pointer;
    margin-top: 3px;
  }

  .config_data_item_reviewed_content_item {
    padding: 3px 5px;
    background: #f4f7fc;
    border-radius: 2px;
    box-sizing: border-box;
    margin-right: 10px;
    margin-bottom: 10px;

    span {
      font-size: 12px;
      font-weight: 400;
      color: #333333;
    }

    i {
      color: #949ba2;
      margin-left: 10px;
      cursor: pointer;
    }
  }
}
.config_data_item_reviewed_content_item {
  padding: 3px 5px;
  background: #f4f7fc;
  border-radius: 2px;
  box-sizing: border-box;
  margin-right: 10px;
  margin-bottom: 10px;
span {
  font-size: 12px;
  font-weight: 400;
  color: #333333;
}
i {
  color: #949ba2;
  margin-left: 10px;
  cursor: pointer;
}
}
}

.staff_modal {
  display: flex;
.left {
  width: 300px;
  margin-right: 20px;
}
.transfer {
  height: 600px;
::v-deep .el-transfer-panel__body {
  height: 500px;
}
::v-deep .el-transfer-panel__list.is-filterable {
  height: 480px;
}
}

  .left {
    width: 240px;
    margin-right: 20px;
  }

  .transfer {
    height: 600px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    ::v-deep .el-transfer-panel{
      flex: 1;
      height: 100%;
    }
    ::v-deep .el-transfer-panel__body {
      height: 500px;
    }

    ::v-deep .el-transfer-panel__list.is-filterable {
      height: 480px;
    }
  }
}
</style>

 admin/src/layouts/TableLayout1.vue

@@ -8,10 +8,10 @@
        </div>-->
        <Profile :roles="roles" :permissions="permissions">
            <div style="width: 100%; height: 100%; padding: 0 16px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between;">
                <div style="width: 300px; height: 100%; flex-shrink: 0; background: #ffffff;">
                <div style="width: 240px; height: 100%; flex-shrink: 0; background: #ffffff;">
                    <slot name="menu"></slot>
                </div>
                <div style="width: calc(100% - 310px); height: 100%">
                <div style="width: calc(100% - 250px); height: 100%">
                    <!-- 搜索表单部分 -->
                    <div class="table-search-form" style="padding: 0 !important;">
                        <div class="form-wrap">

 admin/src/views/platform/LogisticsRecord/leaveAuth.vue

@@ -122,7 +122,7 @@
          {
            filed: 'selDate',
            type: 'datetimerange',
            label: '操作时间',
            label: '作业完成时间搜索',
            pickerOptions: {}
          },
          {

 admin/src/views/platform/platformGroup.vue

@@ -26,8 +26,8 @@
            <span v-if="row.type == 2">市公司卸货</span>
          </template>
        </el-table-column>
        <el-table-column prop="waitCallTime" label="叫号等待时间（分钟）" min-width="100px"  align="center"></el-table-column>
        <el-table-column prop="editDate" label="最近更新时间" min-width="140px"  align="center"></el-table-column>
        <el-table-column prop="waitCallTime" label="叫号等待时间（分钟）" min-width="140px"  align="center"></el-table-column>
        <el-table-column prop="editDate" label="最近更新时间" min-width="150px"  align="center"></el-table-column>
        <el-table-column
          v-if="containPermissions(['business:platformgroup:update', 'business:platformgroup:delete'])"
          label="操作"

 admin/src/views/vehicle/components/OperaCategoryWindow.vue

@@ -1,13 +1,13 @@
<template>
  <GlobalWindow :title="title" :visible.sync="visible" :confirm-working="isWorking" width="600px" @close="close" @confirm="confirm">
    <el-form :model="form" ref="form" :rules="rules">
      <el-form-item label="一级分类" prop="parentId">
      <el-form-item label="所属分类" prop="parentId">
        <el-select v-model="form.parentId" placeholder="不填为则一级分类">
          <el-option v-for="op in dataList" :key="op.id" :label="op.name" :value="op.id"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="二级分类" prop="name">
        <el-input v-model="form.name" placeholder="请输入二级分类" v-trim />
      <el-form-item label="分类名称" prop="name">
        <el-input v-model="form.name" placeholder="请输入分类名称" v-trim />
      </el-form-item>
      <!-- <el-form-item label="状态" prop="status">
        <el-select v-model="form.status" placeholder="请选择">

 screen/src/views/PlatformCall.vue

@@ -1,5 +1,5 @@
<script setup>
import { ref, onMounted } from 'vue'
import { ref, onMounted, nextTick } from 'vue'
import dayjs from 'dayjs'
import UQRCode from 'uqrcodejs'
import { getLargeScreenData } from '@/utils/request'
@@ -22,7 +22,8 @@
    if (res.data && res.data.allList) {
      contentList.value = res.data.allList.map(item => {
        if (item.optTime) {
          item.optTimeTemp = dayjs.duration(item.optTime).format('HH小时mm分')
          item.optTimeTemp = dayjs(item.optTime).format('HH:mm')
          // item.optTimeTemp = dayjs.duration(Math.abs(new Date().getTime() - item.optTime)).format('HH:mm')
        }
        return item
      })
@@ -106,7 +107,7 @@
  var qr = new UQRCode()
  // 设置二维码内容
  qr.data = qrcode.value
  qr.size = 220
  qr.size = 210
  // 调用制作二维码方法
  qr.make()
  var canvas = document.getElementById("qrcode")
@@ -139,6 +140,51 @@
  newDate.value = dayjs().format('YYYY-MM-DD')
  newTime.value = dayjs().format('HH:mm')
}, 1000)

const isFullscreen = ref(false);
const handleFull = () => {
  if(!isFullscreen.value){
    handleFullScreen()
  }else{
    cancelFullscreen()
  }
}
setTimeout(() => {
  handleFull()
}, 1000)
const handler = () => {
  isFullscreen.value = document.fullscreenElement !== null;
  if (!isFullscreen) {
    // 退出全屏时候解除监听，不然每次监听都会添加一次绑定 
    document.removeEventListener("fullscreenchange", handler);
  }
};
document.addEventListener("fullscreenchange", handler);
const handleFullScreen = () => {
  let elem = document.documentElement
  // 尝试启用全屏模式
  if (elem.requestFullscreen) {
    elem.requestFullscreen()
  } else if (elem.mozRequestFullScreen) { // 兼容 Firefox
    elem.mozRequestFullScreen()
  } else if (elem.webkitRequestFullscreen) { // 兼容 Chrome, Safari 和 Opera
    elem.webkitRequestFullscreen()
  } else if (elem.msRequestFullscreen) { // 兼容 IE/Edge
    elem.msRequestFullscreen()
  }
}
function cancelFullscreen() {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.msExitFullscreen) {
    document.msExitFullscreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  }
}

</script>
<template>
  <div class="main_app">
@@ -203,14 +249,14 @@
        </div>
        <div class="qrcode_wrap">
          <div class="qrcode">
            <canvas id="qrcode" width="220" height="220"></canvas>
            <canvas id="qrcode" width="210" height="210"></canvas>
          </div>
          <div class="title">请扫码签到</div>
        </div>
      </div>
    </div>
    <div class="main_footer">
      <img src="@/assets/images/call/ic_news@2x.png" class="icon" alt="">
      <img @click="handleFull" src="@/assets/images/call/ic_news@2x.png" class="icon" alt="">
      <div class="title">请根据队列提示信息，依次等候进场</div>
      <div class="icon"></div>
    </div>
@@ -218,9 +264,10 @@
</template>

<style lang="scss" scoped>
div{
div {
  box-sizing: border-box;
}

.main_app {
  color: #fff;
  position: fixed;
@@ -231,10 +278,10 @@
  overflow: hidden;
  background-color: #092030;
  position: relative;
  z-index: -2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

  .main_header {
    width: 100%;
    height: 112px;
@@ -243,7 +290,7 @@
    align-items: center;
    justify-content: space-between;
    padding: 0 50px;

    z-index: 11;
    .title {
      font-weight: 800;
      font-size: 48px;
@@ -288,15 +335,18 @@
    display: flex;
    padding: 30px 20px;
    position: relative;

    .list {
      flex: 5;
      margin-right: 20px;
      display: flex;
      flex-direction: column;

      .line {
        display: flex;
        align-items: center;
        flex: 1;
        height: 11.1%;

        &:nth-of-type(2n) {
          background: rgba(255, 255, 255, 0);
        }
@@ -311,13 +361,15 @@
          align-items: center;
          flex-direction: column;
          font-weight: 500;
          font-size: 36px;
          font-size: 30px;
          flex: 10;
          height: 100%;
          .time_place{

          .time_place {
            font-weight: 500;
            font-size: 24px;
            font-size: 22px;
          }

          .status {
            /* padding: 0 28px; */
            width: 170px;
@@ -348,8 +400,10 @@
      }

      .header {
        font-size: bold;
        font-size: 40px;
        .item {
          font-size: bold;
          font-size: 36px;
        }
        background: linear-gradient(180deg, #00B5D1 0%, #003C57 100%) !important;
      }
    }
@@ -359,13 +413,14 @@
      flex: 2;
      display: flex;
      flex-direction: column;
      border: 1px solid red;

      .tip_wrap {
        margin-bottom: 20px;
        width: 100%;
        position: relative;
        /* flex-shrink: 0; */
        flex: 1;

        .current_plat {
          display: flex;
          flex-direction: column;
@@ -373,14 +428,14 @@
          justify-content: center;
          padding: 30px 40px;
          color: #FFA000;

          height: 100%;
          .id_card {
            font-weight: bold;
            font-weight: 500;
            font-size: 68px;
          }

          .no {
            margin: 10px 0;
            margin: 8px 0;
            font-weight: 500;
            font-size: 52px;
          }
@@ -392,24 +447,27 @@

          .plat {
            color: #fff;
            margin: 0 10px;
            margin: 0 6px;
          }
        }

        .empty {
          padding: 30px 40px;
          display: flex;
          flex-direction: column;
          justify-content: center;
          font-weight: 500;
          font-size: 30px;

          font-size: 26px;
          height: 100%;
          .title {
            text-align: center;
            font-weight: bold;
            font-size: 36px;
            margin-bottom: 20px;
            font-size: 32px;
            margin-bottom: 16px;
          }

          .line {
            margin-bottom: 10px;
            margin-bottom: 8px;
            padding-left: 32px;
          }
        }

@@ -446,9 +504,9 @@
        }

        .title {
          margin-top: 20px;
          margin-top: 16px;
          font-weight: bold;
          font-size: 34px;
          font-size: 28px;
          color: #111111;
        }
      }

 screen/vite.config.js

@@ -16,6 +16,9 @@
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  build: {
    outDir: 'platform_screen'
  },
  server: {
    proxy: {
      "/gateway_interface": {