''

liukangdong

2024-06-21 b621a252c58ad2a0fe751076fe20859906f67810

''

 admin/src/views/platform/components/PlatformQueuing.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,141 @@
<template>
  <GlobalWindow
    title="月台叫号-xx号月台"
    :visible.sync="isShowModal"
    width="800px"
    :confirm-working="subLoading"
    @confirm="handleSub"
  >
    <div class="queuing_modal">
      <div class="df_ac mb20">
        <span>搜索车辆：</span>
        <el-input
          class="flex1 mr20"
          v-model="param.aa"
          placeholder="请输入车牌号"
        ></el-input>
        <el-button type="primary">查找</el-button>
        <el-button>重置</el-button>
      </div>
      <div class="list">
        <div class="item">
          <div class="head df_sb">
            <div class="plate">皖A12122</div>
            <div class="status">已签到</div>
          </div>
          <div class="info">
            <div class="ite">
              <span>运输单号：</span>
              <span>12312</span>
            </div>
            <div class="ite">
              <span>驾驶员：</span>
              <span>12312</span>
            </div>
            <div class="ite">
              <span>手机号：</span>
              <span>12312</span>
            </div>
            <div class="ite">
              <span>总运输量：</span>
              <span>12312</span>
            </div>
            <div class="ite" style="width: 66%">
              <span>运输公司：</span>
              <span>12312</span>
            </div>
          </div>
          <div class="footer df_sb">
            <div class="detail">运单详情</div>
            <el-button type="primary">叫号</el-button>
          </div>
        </div>
      </div>
    </div>
  </GlobalWindow>
</template>

<script>
import GlobalWindow from '@/components/common/GlobalWindow'
import { getPlatform, PlatformEdit, PlatformDel } from '@/api'
export default {
  components: {
    GlobalWindow
  },
  data () {
    return {
      isShowModal: false,
      subLoading: false,
      param: {}

    }
  },
  methods: {
    handleSub () {
      const { param } = this
      this.subLoading = true
      PlatformEdit({
        ...param
      }).then(res => {
        this.subLoading = false
        this.isShowEdit = false
        this.$tip.success('提交成功')
        this.getList()
      }, () => {
        this.subLoading = false
      })
    },
  }

}
</script>

<style lang="scss" scoped>
@import "@/assets/style/variables.scss";
.queuing_modal {
  padding: 10px 30px;
  .list {
    .item {
      background: #f4fafb;
      border-radius: 2px;
      border: 1px solid #dfe2e8;
      margin-bottom: 10px;
      padding: 16px;
      .head {
        margin-bottom: 15px;
        .plate {
          width: 90px;
          text-align: center;
          font-size: 15px;
          color: #111111;
          padding: 4px 5px;
          font-weight: 700;
          border: 1px solid #279baa;
          background-color: #fff;
        }
        .status {
          color: $primaryColor;
        }
      }
      .info {
        display: flex;
        flex-wrap: wrap;
        .ite {
          width: 33.3%;
          margin-bottom: 8px;
          span {
            &:nth-child(1) {
              color: #666666;
            }
          }
        }
      }
      .footer {
        .detail {
          color: $primaryColor;
        }
      }
    }
  }
}
</style>

 admin/src/views/platform/components/WaybillDetail.vue

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,161 @@
<template>
  <GlobalWindow
    title="运单详情"
    center
    :visible.sync="isShowModal"
    width="420px"
    :confirm-working="subLoading"
    @confirm="isShowDetail = false"
  >
    <div class="detail_modal">
      <div class="head">
        <div class="plate">皖A12122</div>
        <div class="list">
          <div class="item">
            <span>运输单号：</span>
            <span>22222</span>
          </div>
          <div class="item">
            <span>总运输量：</span>
            <span>22222</span>
          </div>
          <div class="item">
            <span>驾驶员：</span>
            <span>22222</span>
          </div>
        </div>
      </div>
      <div class="title">合同列表</div>
      <div class="content">
        <div class="item">
          <div class="contract">合同号：1292992</div>
          <div class="placeholder6">收货地：address</div>
          <div class="list">
            <div class="line">
              <div class="left"><span>物料名称：</span><span>黄山</span></div>
              <div class="right"><span>数量：</span><span>100</span></div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </GlobalWindow>
</template>

<script>
import GlobalWindow from '@/components/common/GlobalWindow'
import { getPlatform, PlatformEdit, PlatformDel } from '@/api'
export default {
  components: {
    GlobalWindow
  },
  data() {
    return {
      isShowModal: false,
      subLoading: false,
      param: {}

    }
  },
  methods: {
    handleSub() {
      const { param } = this
      this.subLoading = true
      PlatformEdit({
        ...param
      }).then(res => {
        this.subLoading = false
        this.isShowEdit = false
        this.$tip.success('提交成功')
        this.getList()
      }, () => {
        this.subLoading = false
      })
    }
  }

}
</script>

<style lang="scss" scoped>
@import "@/assets/style/variables.scss";
.detail_modal {
  font-size: 12px;
  color: #282828;
  .head {
    background: rgba(39, 155, 170, 0.05);
    border-radius: 4px;
    border: 1px solid #dfe2e8;
    padding: 16px;
    .plate {
      width: 90px;
      text-align: center;
      font-size: 15px;
      color: #111111;
      padding: 4px 5px;
      font-weight: 700;
      border: 1px solid #279baa;
      background-color: #fff;
    }
    .list {
      display: flex;
      flex-wrap: wrap;
      margin-top: 16px;
      .item {
        width: 50%;
        margin-bottom: 8px;
        span {
          &:nth-child(1) {
            color: #666666;
          }
        }
      }
    }
  }
  .title {
    margin: 16px 0;
    font-weight: 500;
    font-size: 16px;
    color: #222222;
  }
  .content {
    .item {
      border-radius: 4px;
      border: 1px solid #dfe2e8;
      padding: 16px;
      .list {
        background: #f7f7f7;
        border-radius: 4px;
        padding: 12px 16px;
        margin-top: 10px;
      }
      .contract {
        font-weight: 500;
        font-size: 15px;
        color: #279baa;
        margin-bottom: 4px;
      }
      .line {
        display: flex;
        margin-bottom: 8px;
        &:nth-last-child(1) {
          margin: 0;
        }
        div {
          span {
            &:nth-child(1) {
              color: #666666;
            }
          }
        }
        .left {
          flex: 6;
        }
        .right {
          flex: 4;
        }
      }
    }
  }
}
</style>

 admin/src/views/platform/index.vue

@@ -63,7 +63,7 @@
            </div>
            <div class="line">
              <div class="left">
                <span class="primaryColor pointer" @click="isShowDetail = true"
                <span class="primaryColor pointer" @click="handleDetail"
                  >运单详情</span
                >
              </div>
@@ -112,108 +112,22 @@
      </span>
    </el-dialog>
    <!-- è¿å•è¯¦æƒ… -->
    <el-dialog
      title="运单详情"
      center
      :visible.sync="isShowDetail"
      width="420px"
    >
      <div class="detail_modal">
        <div class="head">
          <div class="plate">皖A12122</div>
          <div class="list">
            <div class="item">
              <span>运输单号：</span>
              <span>22222</span>
            </div>
            <div class="item">
              <span>总运输量：</span>
              <span>22222</span>
            </div>
            <div class="item">
              <span>驾驶员：</span>
              <span>22222</span>
            </div>
          </div>
        </div>
        <div class="title">合同列表</div>
        <div class="content">
          <div class="item">
            <div class="contract">合同号：1292992</div>
            <div class="placeholder6">收货地：address</div>
            <div class="list">
              <div class="line">
                <div class="left"><span>物料名称：</span><span>黄山</span></div>
                <div class="right"><span>数量：</span><span>100</span></div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <span slot="footer" class="dialog-footer">
        <el-button @click="isShowDetail = false">关闭</el-button>
      </span>
    </el-dialog>
    <!--  -->
    <el-drawer
      title="月台叫号-xx号月台"
      :visible.sync="isShowQueuing"
      size="720px"
    >
      <div class="queuing_modal">
        <div class="df_ac mb20">
          <span>搜索车辆：</span>
          <el-input
            class="flex1 mr20"
            v-model="queuingForm.aa"
            placeholder="请输入车牌号"
          ></el-input>
          <el-button type="primary">查找</el-button>
          <el-button>重置</el-button>
        </div>
        <div class="list">
          <div class="item">
            <div class="head df_sb">
              <div class="plate">皖A12122</div>
              <div class="status">已签到</div>
            </div>
            <div class="info">
              <div class="ite">
                <span>运输单号：</span>
                <span>12312</span>
              </div>
              <div class="ite">
                <span>驾驶员：</span>
                <span>12312</span>
              </div>
              <div class="ite">
                <span>手机号：</span>
                <span>12312</span>
              </div>
              <div class="ite">
                <span>总运输量：</span>
                <span>12312</span>
              </div>
              <div class="ite" style="width: 66%">
                <span>运输公司：</span>
                <span>12312</span>
              </div>
            </div>
            <div class="footer df_sb">
              <div class="detail">运单详情</div>
              <el-button type="primary">叫号</el-button>
            </div>
          </div>
        </div>
        <el-button class="mt30" @click="isShowQueuing = false">关闭</el-button>
      </div>
    </el-drawer>
    <!-- å«å· -->
    <PlatformQueuing ref="PlatformQueuingRef" v-if="isShowQueuing" @success="getList" @close="isShowQueuing = false" />
    <WaybillDetail ref="WaybillDetailRef" v-if="isShowDetail" @success="getList" @close="isShowDetail = false" />
  </div>
</template>

<script>
import { getPlatform, getPlatformJob } from '@/api'
import PlatformQueuing from './components/PlatformQueuing.vue'
import WaybillDetail from './components/WaybillDetail.vue'
export default {
  components: {
    PlatformQueuing,
    WaybillDetail
  },
  data () {
    return {
      platformId: '',
@@ -224,8 +138,7 @@
      setParam: {},
      isShowDetail: false, // è¿å•è¯¦æƒ…
      detail: {},
      isShowQueuing: false,
      queuingForm: {}
      isShowQueuing: false
    }
  },
  created () {
@@ -235,6 +148,15 @@
  methods: {
    handleQueuing (row) {
      this.isShowQueuing = true
      this.$nextTick(() => {
        this.$refs.PlatformQueuingRef.isShowModal = true
      })
    },
    handleDetail () {
      this.isShowDetail = true
      this.$nextTick(() => {
        this.$refs.WaybillDetailRef.isShowModal = true
      })
    },
    getList () {
      const { platformId } = this
@@ -392,130 +314,5 @@
  }
}
/*  */
.detail_modal {
  font-size: 12px;
  color: #282828;
  .head {
    background: rgba(39, 155, 170, 0.05);
    border-radius: 4px;
    border: 1px solid #dfe2e8;
    padding: 16px;
    .plate {
      width: 90px;
      text-align: center;
      font-size: 15px;
      color: #111111;
      padding: 4px 5px;
      font-weight: 700;
      border: 1px solid #279baa;
      background-color: #fff;
    }
    .list {
      display: flex;
      flex-wrap: wrap;
      margin-top: 16px;
      .item {
        width: 50%;
        margin-bottom: 8px;
        span {
          &:nth-child(1) {
            color: #666666;
          }
        }
      }
    }
  }
  .title {
    margin: 16px 0;
    font-weight: 500;
    font-size: 16px;
    color: #222222;
  }
  .content {
    .item {
      border-radius: 4px;
      border: 1px solid #dfe2e8;
      padding: 16px;
      .list {
        background: #f7f7f7;
        border-radius: 4px;
        padding: 12px 16px;
        margin-top: 10px;
      }
      .contract {
        font-weight: 500;
        font-size: 15px;
        color: #279baa;
        margin-bottom: 4px;
      }
      .line {
        display: flex;
        margin-bottom: 8px;
        &:nth-last-child(1) {
          margin: 0;
        }
        div {
          span {
            &:nth-child(1) {
              color: #666666;
            }
          }
        }
        .left {
          flex: 6;
        }
        .right {
          flex: 4;
        }
      }
    }
  }
}
/*  */
.queuing_modal {
  padding: 10px 30px;
  .list {
    .item {
      background: #f4fafb;
      border-radius: 2px;
      border: 1px solid #dfe2e8;
      margin-bottom: 10px;
      padding: 16px;
      .head {
        margin-bottom: 15px;
        .plate {
          width: 90px;
          text-align: center;
          font-size: 15px;
          color: #111111;
          padding: 4px 5px;
          font-weight: 700;
          border: 1px solid #279baa;
          background-color: #fff;
        }
        .status {
          color: $primaryColor;
        }
      }
      .info {
        display: flex;
        flex-wrap: wrap;
        .ite {
          width: 33.3%;
          margin-bottom: 8px;
          span {
            &:nth-child(1) {
              color: #666666;
            }
          }
        }
      }
      .footer {
        .detail {
          color: $primaryColor;
        }
      }
    }
  }
}
</style>

 admin/src/views/platform/set/application.vue

@@ -7,11 +7,11 @@
      ref="ruleForm"
      label-width="140px"
    >
      <el-form-item label="市公司审批人">
      <!-- <el-form-item label="市公司审批人">
        <el-select v-model="param.aa" class="w400" placeholder="请选择，多选">
          <!-- <el-option></el-option> -->
          <el-option></el-option>
        </el-select>
      </el-form-item>
      </el-form-item> -->
      <el-form-item label="市公司日作业量">
        <el-input v-model="param.bbb" class="w400" placeholder="请输入"></el-input>
        <span>万支</span>
@@ -22,6 +22,10 @@
      <el-form-item label="物流车园区导览图">
        <RichEditor v-model="param.context" style="width: 900px" placeholder="请输入内容" :default="param.context" />
      </el-form-item>
      <el-form-item>
          <el-button type="primary">保存配置项</el-button>
      </el-form-item>

    </el-form>
  </div>
</template>

 admin/src/views/platform/set/group.vue

@@ -41,10 +41,12 @@
      @current-change="getList"
      :pagination="pagination"
    />
    <el-dialog
    <GlobalWindow
      :title="param.id ? '编辑月台' : '新增月台'"
      :visible.sync="isShowEdit"
      width="800px"
      :confirm-working="subLoading"
      @confirm="handleSub"
    >
      <el-form
        :model="param"
@@ -75,26 +77,25 @@
          </el-transfer>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="isShowEdit = false">取消</el-button>
        <el-button type="primary" @click="handleSub">确定</el-button>
      </span>
    </el-dialog>
    </GlobalWindow>
  </div>
</template>

<script>
import Pagination from '@/components/common/Pagination'
import QueryForm from '@/components/common/QueryForm'
import GlobalWindow from '@/components/common/GlobalWindow'
export default {
  components: {
    Pagination,
    QueryForm
    QueryForm,
    GlobalWindow
  },
  data () {
    return {
      filters: {},
      loading: false,
      subLoading: false,
      queryFormConfig: {
        formItems: [
          {
@@ -127,6 +128,9 @@
    }
  },
  methods: {
    handleSub () {
      this.isShowEdit = false
    },
    getList (page) { },
    clear () { },
    handleEdit (row) {

 admin/src/views/platform/set/index.vue

@@ -82,10 +82,12 @@
      @current-change="getList"
      :pagination="pagination"
    />
    <el-dialog
    <GlobalWindow
      :title="param.id ? '编辑月台配置' : '新增月台配置'"
      :visible.sync="isShowEdit"
      width="600px"
      :confirm-working="subLoading"
      @confirm="handleSub"
    >
      <el-form
        :model="param"
@@ -152,27 +154,26 @@
          <span class="ml10">分钟</span>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="isShowEdit = false">取消</el-button>
        <el-button type="primary" @click="handleSub">确定</el-button>
      </span>
    </el-dialog>
    </GlobalWindow>
  </div>
</template>

<script>
import Pagination from '@/components/common/Pagination'
import QueryForm from '@/components/common/QueryForm'
import GlobalWindow from '@/components/common/GlobalWindow'
import { getPlatform, PlatformEdit, PlatformDel } from '@/api'
export default {
  components: {
    Pagination,
    QueryForm
    QueryForm,
    GlobalWindow
  },
  data () {
    return {
      filters: {},
      loading: false,
      subLoading: false,
      queryFormConfig: {
        formItems: [
          {
@@ -218,16 +219,6 @@
          this.getList()
          this.$tip.success('删除成功')
        })
      })
    },
    handleSub () {
      const { param } = this
      PlatformEdit({
        ...param
      }).then(res => {
        this.isShowEdit = false
        this.$tip.success('提交成功')
        this.getList()
      })
    },
    changeStatus (item) {

 pda/pages/index/index.vue

@@ -4,28 +4,28 @@
      <image src="@/static/banner_diaodu@2x.png" mode=""></image>

    </view>

    <view class="module">

      <view class="item">

      <view class="item" @click="jump('/pages/index/center')">

        <image src="@/static/ic_yuetaidiaodu@2x.png" mode=""></image>

        <view class="text">月台调度中心</view>

      </view>

      <view class="item">

      <view class="item" @click="jump('/pages/index/queueup')">

        <image src="@/static/ic_cheliangpaidui@2x.png" mode=""></image>

        <view class="text">车队排队情况</view>

      </view>

      <view class="item">

      <view class="item" @click="jump('/pages/index/control')">

        <image src="@/static/ic_qiyong@2x.png" mode=""></image>

        <view class="text">月台启用停用</view>

      </view>

      <view class="item">

      <view class="item" @click="jump('/pages/index/set')">

        <image src="@/static/ic_peizhiyuetai@2x.png" mode=""></image>

        <view class="text">配置显示月台</view>

      </view>

    </view>

    <!-- footer -->

    <view class="main_footer">

            <image src="@/static/logo@2x.png" mode=""></image>

            <text>安徽安泰物流有限责任公司版权所有</text>

        </view>

      <image src="@/static/logo@2x.png" mode=""></image>

      <text>安徽安泰物流有限责任公司版权所有</text>

    </view>

  </view>

</template>



@@ -40,7 +40,11 @@


  },

  methods: {



    jump(path) {

      uni.navigateTo({

        url: path

      })

    },

  }

}

</script>

@@ -87,18 +91,18 @@
      }

    }

  }

    .main_footer{

        width: 100%;

        position: fixed;

        bottom: 84rpx;

        display: flex;

        justify-content: center;

        font-size: 24rpx;

        color: #666666;

        image{

            width: 40rpx;

            height: 40rpx;

        }

    }

  .main_footer {

    width: 100%;

    position: fixed;

    bottom: 84rpx;

    display: flex;

    justify-content: center;

    font-size: 24rpx;

    color: #666666;

    image {

      width: 40rpx;

      height: 40rpx;

    }

  }

}

</style>