|
|
@@ -1,22 +1,12 @@
|
|
|
<template>
|
|
|
- <div class="edityy">
|
|
|
- <div
|
|
|
- style="width: 100%; height: 0rpx; position: relative; background: white"
|
|
|
- >
|
|
|
- <div class="status qd">待签到</div>
|
|
|
- <!-- <div class="status rz">待入厂</div>
|
|
|
- <div class="status zx">装卸中</div>
|
|
|
- <div class="status wc">已完成</div>
|
|
|
- <div class="status gq">已过期</div>
|
|
|
- <div class="status qx">已取消</div> -->
|
|
|
- </div>
|
|
|
+ <div class="qy_yy_edit">
|
|
|
<div class="form bd_bottom">
|
|
|
<div class="form-label">
|
|
|
<span class="form-requird">*</span>
|
|
|
<span>供应商</span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <input type="text" placeholder="请输入" v-model="formData.userName" />
|
|
|
+ <div @click="oepnGysPopup()">
|
|
|
+ {{ form.gysName ? form.gysName : "请选择" }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form bd_bottom pdt32 pdb32" style="display: block">
|
|
|
@@ -25,47 +15,42 @@
|
|
|
<span>车牌号</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <car-number v-model="carNumber"></car-number>
|
|
|
+ <car-number ref="carNum" v-model="carNumber"></car-number>
|
|
|
</div>
|
|
|
- <div class="historyList">
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>苏B51WK7</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>苏B51WK7</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>苏B51WK7</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>苏B51WK7</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
+ <div class="form bd_bottom">
|
|
|
+ <div class="form-label">
|
|
|
+ <span class="form-requird">*</span>
|
|
|
+ <span>常用车辆</span>
|
|
|
</div>
|
|
|
+ <div class="form-value width435px">
|
|
|
+ <picker
|
|
|
+ @change="selectUsedCar"
|
|
|
+ :value="index"
|
|
|
+ :range="usedCarList"
|
|
|
+ range-key="label"
|
|
|
+ >
|
|
|
+ <!-- <view class="uni-input">{{ array[index] }}</view> -->
|
|
|
+ {{ usedCar ? usedCar : "请选择" }}
|
|
|
+ </picker>
|
|
|
+ </div>
|
|
|
+ <van-icon name="arrow" />
|
|
|
</div>
|
|
|
<div class="form bd_bottom">
|
|
|
<div class="form-label">
|
|
|
<span class="form-requird">*</span>
|
|
|
<span>车辆类型</span>
|
|
|
</div>
|
|
|
- <div class="form-value">
|
|
|
- <input
|
|
|
- type="text"
|
|
|
- :readonly="true"
|
|
|
- placeholder="请选择"
|
|
|
- v-model="formData.userName"
|
|
|
- />
|
|
|
+ <div class="form-value width435px">
|
|
|
+ <picker
|
|
|
+ @change="selectCarType"
|
|
|
+ :value="index"
|
|
|
+ :range="dockCarTypeList"
|
|
|
+ range-key="label"
|
|
|
+ >
|
|
|
+ <!-- <view class="uni-input">{{ array[index] }}</view> -->
|
|
|
+ {{ form.carType ? form.carType : "请选择" }}
|
|
|
+ </picker>
|
|
|
</div>
|
|
|
<van-icon name="arrow" />
|
|
|
</div>
|
|
|
@@ -80,36 +65,10 @@
|
|
|
type="text"
|
|
|
readonly
|
|
|
placeholder="请选择"
|
|
|
- v-model="formData.userName"
|
|
|
+ v-model="form.driverName"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="historyList">
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>宣师傅</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>陈师傅</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>刘师傅</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>于师傅</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<div class="form bd_bottom" style="display: block">
|
|
|
<div style="display: flex">
|
|
|
@@ -122,36 +81,10 @@
|
|
|
type="text"
|
|
|
readonly
|
|
|
placeholder="请选择"
|
|
|
- v-model="formData.userName"
|
|
|
+ v-model="form.driverUsername"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="historyList">
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>13921516068</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>13921516068</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>13921516068</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="historyList-item mt32">
|
|
|
- <div>13921516068</div>
|
|
|
- <div class="btn">
|
|
|
- <van-icon name="clear" color="rgba(138, 5, 84, 1)" />
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
</div>
|
|
|
<div class="form bd_bottom mt32">
|
|
|
<div class="form-label">
|
|
|
@@ -159,7 +92,7 @@
|
|
|
<span>装卸类型:</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <input type="text" placeholder="请输入" v-model="formData.userName" />
|
|
|
+ {{ form.loadType }}
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="form bd_bottom">
|
|
|
@@ -168,35 +101,38 @@
|
|
|
<span>件数/托盘数:</span>
|
|
|
</div>
|
|
|
<div>
|
|
|
- <input type="text" placeholder="请输入" v-model="formData.userName" />
|
|
|
+ <input type="text" placeholder="请输入" v-model="form.loadNum" />
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="form bd_bottom">
|
|
|
+ <div class="form bd_bottom" v-if="mtId">
|
|
|
<div class="form-label">
|
|
|
<span class="form-requird">*</span>
|
|
|
<span>预约日期:</span>
|
|
|
</div>
|
|
|
- <div>
|
|
|
- <input
|
|
|
- style="width: 400rpx"
|
|
|
- type="text"
|
|
|
- placeholder="请输入"
|
|
|
- v-model="formData.userName"
|
|
|
- />
|
|
|
+ <div class="uni-input">
|
|
|
+ <picker @change="selectYYDate" :value="index" :range="yydateList">
|
|
|
+ <!-- <view class="uni-input">{{ array[index] }}</view> -->
|
|
|
+ {{ form.reservationDate ? form.reservationDate : "请选择" }}
|
|
|
+ </picker>
|
|
|
+ <!-- {{form.reservationDate?form.reservationDate:''}} -->
|
|
|
</div>
|
|
|
<van-icon name="arrow" />
|
|
|
</div>
|
|
|
|
|
|
<div class="bottom-form mt32">
|
|
|
<div class="mt-select">
|
|
|
- <div class="select-item">1号码头</div>
|
|
|
- <div class="select-item">1号码头</div>
|
|
|
- <div class="select-item">1号码头</div>
|
|
|
- <div class="select-item">1号码头</div>
|
|
|
- <div class="select-item">1号码头</div>
|
|
|
- <div class="select-item">1号码头</div>
|
|
|
- <div class="select-item">1号码头</div>
|
|
|
- <div class="select-item">1号码头</div>
|
|
|
+ <div
|
|
|
+ class="select-item"
|
|
|
+ :style="{
|
|
|
+ background: item.value == mtId ? '#8A0554' : '#f5f7fa',
|
|
|
+ color: item.value == mtId ? 'white' : 'black',
|
|
|
+ }"
|
|
|
+ v-for="item in mtList"
|
|
|
+ @click="getMtId(item)"
|
|
|
+ :key="item.value"
|
|
|
+ >
|
|
|
+ {{ item.label }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="sj-select-title">
|
|
|
<div class="sj-label">
|
|
|
@@ -211,115 +147,325 @@
|
|
|
<div class="purple-legend"></div>
|
|
|
<div>已占用</div>
|
|
|
</div>
|
|
|
+ <div class="legend">
|
|
|
+ <div class="ysd-legend"></div>
|
|
|
+ <div>已锁定</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<div class="sj-select">
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
- <div class="select-item">9:00</div>
|
|
|
+ <div
|
|
|
+ :class="
|
|
|
+ item.statusStr == '已预约'
|
|
|
+ ? 'select-item yyyStatus'
|
|
|
+ : item.statusStr == '已锁定'
|
|
|
+ ? 'select-item ysdStatus'
|
|
|
+ : 'select-item '
|
|
|
+ "
|
|
|
+ @click="timeSelect(item)"
|
|
|
+ v-for="item in kxTimeList"
|
|
|
+ >
|
|
|
+ {{ item.timeStart }}~{{ item.timeEnd }}
|
|
|
+ <van-icon
|
|
|
+ name="success"
|
|
|
+ v-if="
|
|
|
+ form.dockSettingDetailId == item.dockSettingDetailId &&
|
|
|
+ form.dockSettingId == item.dockSettingId &&
|
|
|
+ form.timeEnd == item.timeEnd &&
|
|
|
+ form.timeStart == item.timeStart
|
|
|
+ "
|
|
|
+ />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
|
|
|
<div class="foot-btn">
|
|
|
<van-button color="rgba(0, 0, 0, 0.05)" type="default" class="cancel">
|
|
|
取消
|
|
|
</van-button>
|
|
|
- <van-button color="rgba(138, 5, 84, 1)" type="primary">
|
|
|
+ <van-button
|
|
|
+ color="rgba(138, 5, 84, 1)"
|
|
|
+ type="primary"
|
|
|
+ @click="updateReservationByBiz()"
|
|
|
+ >
|
|
|
提交
|
|
|
</van-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
-
|
|
|
- <script>
|
|
|
+
|
|
|
+<script>
|
|
|
import CarNumber from "@/components/codecook-carnumber/codecook-carnumber.vue";
|
|
|
+import {
|
|
|
+ getDockCarType,
|
|
|
+ getCarNoByBizAndUser,
|
|
|
+ getBizByUsername,
|
|
|
+ getDockSelectList,
|
|
|
+ getDockLoadType,
|
|
|
+ getAvailableDateList,
|
|
|
+ getDockTimeList,
|
|
|
+ updateReservationByBiz,
|
|
|
+ getHistoryContactPhoneByUserId,
|
|
|
+ getCarDataByBiz,
|
|
|
+} from "@/js_sdk/chooseCarApi.js";
|
|
|
+import { getReservationVoById } from "@/js_sdk/sjTools.js";
|
|
|
|
|
|
+import { getUserLocalStorageInfo } from "@/js_sdk/localUserInfo.js";
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
formData: {},
|
|
|
carNumber: "",
|
|
|
+ gysList: [],
|
|
|
+ dockCarTypeList: [],
|
|
|
+ form: {},
|
|
|
+ mtList: [],
|
|
|
+ yydateList: [],
|
|
|
+ mtId: "",
|
|
|
+ yydateList: [],
|
|
|
+ usedCarList: [],
|
|
|
+ kxTimeList: [],
|
|
|
+ usedCar: "",
|
|
|
};
|
|
|
},
|
|
|
components: {
|
|
|
CarNumber,
|
|
|
},
|
|
|
- mounted() {
|
|
|
- // demo();
|
|
|
+ onLoad(e) {
|
|
|
+ console.log(e);
|
|
|
+ this.getReservationVoById(e.id);
|
|
|
+ this.getDockCarType();
|
|
|
+ // this.form.bizId = getUserLocalStorageInfo().biz.id;
|
|
|
+ // this.form.loadType = e.zxtype.replace("预约", "");
|
|
|
+ // this.form.carType = e.carTypeLabel;
|
|
|
+ // this.form.gysName = getUserLocalStorageInfo().user.dispName;
|
|
|
+ this.getDockSelectList();
|
|
|
+ this.againRenderData();
|
|
|
+ this.getCarDataByBiz();
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ async getReservationVoById(id) {
|
|
|
+ this.form.id = id;
|
|
|
+ let { data } = await getReservationVoById({ id: id });
|
|
|
+ console.log(data);
|
|
|
+ // this.carNumber = data.carNo;
|
|
|
+ this.form.carType = data.carType;
|
|
|
+ this.form.driverName = data.driverName;
|
|
|
+ this.form.bizId = data.bizId;
|
|
|
+ this.form.carType = data.carType;
|
|
|
+ this.form.loadType = data.loadType;
|
|
|
+ this.form.reservationDate = data.reservationDate;
|
|
|
+ this.form.dockId = data.dockId;
|
|
|
+ this.mtId = data.dockId;
|
|
|
+ this.form.driverUsername = data.driverUsername;
|
|
|
+ this.form.loadNum = data.loadNum;
|
|
|
+ // this.form.driverContactPhone = data.driverContactPhone;
|
|
|
+ this.form.dockId = data.dockId;
|
|
|
+ this.form.gysName = data.businessName;
|
|
|
+ this.usedCar = `${data.carNo}-${data.driverName}-${data.driverUsername}`;
|
|
|
+ this.$refs.carNum.setCarNumValue(data.carNo);
|
|
|
+ // label: `${e.car_no}-${e.driver_name}-${e.driver_username}`,
|
|
|
+ this.checkTimeData = {
|
|
|
+ ...{
|
|
|
+ dockSettingDetailId: data.dockSettingDetailId,
|
|
|
+ dockSettingId: data.dockSettingId,
|
|
|
+ timeEnd: data.timeEnd,
|
|
|
+ timeStart: data.timeStart,
|
|
|
+ dockId: data.dockId,
|
|
|
+ },
|
|
|
+ };
|
|
|
+ this.form.dockSettingDetailId = data.dockSettingDetailId;
|
|
|
+ this.form.dockSettingId = data.dockSettingId;
|
|
|
+ this.form.timeEnd = data.timeEnd;
|
|
|
+ this.form.timeStart = data.timeStart;
|
|
|
+ this.$refs.carNum.setCarNumValue(data.carNo);
|
|
|
+ this.getDockSelectList();
|
|
|
+ this.getAvailableDateList();
|
|
|
+ // this.getCarNoByBizAndUser();
|
|
|
+ this.getDockTimeList();
|
|
|
+ },
|
|
|
+ async getDockTimeList() {
|
|
|
+ let { data } = await getDockTimeList({
|
|
|
+ dateStr: this.form.reservationDate,
|
|
|
+ dockId: this.mtId,
|
|
|
+ bizId: this.form.bizId,
|
|
|
+ });
|
|
|
+ this.kxTimeList = data;
|
|
|
+ },
|
|
|
+ async updateReservationByBiz() {
|
|
|
+ let res = await updateReservationByBiz({
|
|
|
+ ...this.form,
|
|
|
+ userId: getUserLocalStorageInfo().user.id,
|
|
|
+ driverId: getUserLocalStorageInfo().user.id,
|
|
|
+ carNo: this.carNumber,
|
|
|
+ });
|
|
|
+ if (res.errmsg == "成功") {
|
|
|
+ this.$showToast("预约成功");
|
|
|
+ uni.navigateBack({ delta: 2 });
|
|
|
+ }
|
|
|
+ console.log(res);
|
|
|
+ },
|
|
|
+ timeSelect(item) {
|
|
|
+ if (item.statusStr == "已锁定") {
|
|
|
+ this.$showToast("该时段已被锁定,请勿选择");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ if (item.statusStr == "已预约") {
|
|
|
+ if (
|
|
|
+ item.dockSettingDetailId == this.checkTimeData.dockSettingDetailId &&
|
|
|
+ item.dockSettingId == this.checkTimeData.dockSettingId &&
|
|
|
+ item.timeEnd == this.checkTimeData.timeEnd &&
|
|
|
+ item.timeStart == this.checkTimeData.timeStart &&
|
|
|
+ item.dockId == this.checkTimeData.dockId
|
|
|
+ ) {
|
|
|
+ } else {
|
|
|
+ this.$showToast("该时段已被预约,请重新选择");
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ console.log(item);
|
|
|
+ this.form.dockSettingDetailId = item.dockSettingDetailId;
|
|
|
+ this.form.dockSettingId = item.dockSettingId;
|
|
|
+ this.form.timeEnd = item.timeEnd;
|
|
|
+ this.form.dockId = item.dockId;
|
|
|
+ this.form.timeStart = item.timeStart;
|
|
|
+ let form = { ...this.form };
|
|
|
+ this.form = {};
|
|
|
+ this.form = form;
|
|
|
+ },
|
|
|
+ selectUsedCar({ detail }) {
|
|
|
+ console.log(detail.value);
|
|
|
+ let usedCarList = JSON.parse(
|
|
|
+ JSON.stringify(this.usedCarList[detail.value])
|
|
|
+ );
|
|
|
+ this.form.driverName = usedCarList.driver_name;
|
|
|
+ this.form.driverUsername = usedCarList.driver_username;
|
|
|
+ // this.form.driverUsername = usedCarList.driver_username0
|
|
|
+ this.usedCar = usedCarList.label;
|
|
|
+ this.$refs.carNum.setCarNumValue(usedCarList.car_no);
|
|
|
+ console.log(this.usedCarList[detail.value]);
|
|
|
+ },
|
|
|
+ async getCarDataByBiz() {
|
|
|
+ let { data } = await getCarDataByBiz({
|
|
|
+ bizId: getUserLocalStorageInfo().biz.id,
|
|
|
+ });
|
|
|
+ this.usedCarList = data.map((e) => {
|
|
|
+ return {
|
|
|
+ label: `${e.car_no}-${e.driver_name}-${e.driver_username}`,
|
|
|
+ car_no: e.car_no,
|
|
|
+ driver_name: e.driver_name,
|
|
|
+ driver_username: e.driver_username,
|
|
|
+ };
|
|
|
+ });
|
|
|
+ console.log("getCarDataByBiz", data);
|
|
|
+ },
|
|
|
+ async getDockCarType() {
|
|
|
+ let { data } = await getDockCarType();
|
|
|
+ this.dockCarTypeList = data;
|
|
|
+ console.log(data);
|
|
|
+ },
|
|
|
+ async selectYYDate({ detail }) {
|
|
|
+ console.log(this.yydateList[detail.value]);
|
|
|
+ this.form.reservationDate = this.yydateList[detail.value];
|
|
|
+ let form = { ...this.form };
|
|
|
+ this.form = {};
|
|
|
+ this.form = form;
|
|
|
+ let { data } = await getDockTimeList({
|
|
|
+ dateStr: this.form.reservationDate,
|
|
|
+ dockId: this.mtId,
|
|
|
+ bizId: this.form.bizId,
|
|
|
+ });
|
|
|
+ this.kxTimeList = data;
|
|
|
+ this.form.dockSettingDetailId = "";
|
|
|
+ this.form.dockSettingId = "";
|
|
|
+ this.form.timeEnd = "";
|
|
|
+ this.form.dockId = "";
|
|
|
+ this.form.timeStart = "";
|
|
|
+ },
|
|
|
+ async getMtId(item) {
|
|
|
+ this.kxTimeList = [];
|
|
|
+ this.form.reservationDate = "";
|
|
|
+ console.log(item);
|
|
|
+ let { data } = await getAvailableDateList({ dockId: item.value });
|
|
|
+ this.mtId = item.value;
|
|
|
+ this.yydateList = data;
|
|
|
+ },
|
|
|
+ async getAvailableDateList() {
|
|
|
+ let { data } = await getAvailableDateList({ dockId: this.form.dockId });
|
|
|
+ this.yydateList = data;
|
|
|
+ },
|
|
|
+ selectCarType({ detail }) {
|
|
|
+ console.log(detail);
|
|
|
+ this.form.carType = this.dockCarTypeList[detail.value].label;
|
|
|
+ console.log(this.dockCarTypeList[detail.value]);
|
|
|
+ let form = { ...this.form };
|
|
|
+ this.form = {};
|
|
|
+ this.form = form;
|
|
|
+ this.getDockSelectList();
|
|
|
+ },
|
|
|
+ async getDockSelectList() {
|
|
|
+ let { data } = await getDockSelectList({
|
|
|
+ carType: this.form.carType,
|
|
|
+ loadType: this.form.loadType,
|
|
|
+ });
|
|
|
+ this.mtList = data;
|
|
|
+ },
|
|
|
+ againRenderData() {
|
|
|
+ let form = { ...this.form };
|
|
|
+ this.form = {};
|
|
|
+ this.form = form;
|
|
|
+ },
|
|
|
},
|
|
|
- methods: {},
|
|
|
};
|
|
|
</script>
|
|
|
-
|
|
|
- <style lang="scss">
|
|
|
-.edityy {
|
|
|
- .status {
|
|
|
- width: 144rpx;
|
|
|
- height: 56rpx;
|
|
|
- text-align: center;
|
|
|
- line-height: 56rpx;
|
|
|
- border-top-right-radius: 5%;
|
|
|
- border-bottom-left-radius: 50%;
|
|
|
- position: absolute;
|
|
|
- top: -1rpx;
|
|
|
- right: 0;
|
|
|
- font-weight: 400;
|
|
|
- font-size: 28rpx;
|
|
|
- }
|
|
|
- .qd {
|
|
|
- background: rgba(3, 101, 249, 0.2);
|
|
|
- color: #0365f9;
|
|
|
- }
|
|
|
- .rc {
|
|
|
- background: rgba(255, 184, 0, 0.3);
|
|
|
- color: #d99f00;
|
|
|
- }
|
|
|
- .zx {
|
|
|
- background: rgba(138, 5, 84, 0.2);
|
|
|
- color: #8a0554;
|
|
|
- }
|
|
|
- .wc {
|
|
|
- background: rgba(34, 181, 101, 0.2);
|
|
|
- color: #22b565;
|
|
|
+
|
|
|
+<style lang="scss">
|
|
|
+.qy_yy_edit {
|
|
|
+ .ysd-legend {
|
|
|
+ margin-right: 16rpx;
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ background: #ededed;
|
|
|
+ border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
}
|
|
|
- .gq {
|
|
|
- color: #c7191f;
|
|
|
- background: rgba(199, 25, 31, 0.2);
|
|
|
+ .ysdStatus {
|
|
|
+ background: #ededed !important;
|
|
|
+ color: #333333;
|
|
|
}
|
|
|
- .qx {
|
|
|
- color: #888888;
|
|
|
- background: rgba(136, 136, 136, 0.3);
|
|
|
+ .yyyStatus {
|
|
|
+ background: #8e8be4 !important;
|
|
|
+ color: white;
|
|
|
}
|
|
|
.foot-btn {
|
|
|
margin-top: 32rpx;
|
|
|
margin-bottom: 32rpx;
|
|
|
display: flex;
|
|
|
justify-content: space-around;
|
|
|
+
|
|
|
.cancel {
|
|
|
button {
|
|
|
color: rgba(138, 5, 84, 1) !important;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .width435px {
|
|
|
+ max-width: 435rpx;
|
|
|
+ width: 435rpx;
|
|
|
+ }
|
|
|
+
|
|
|
.form-value {
|
|
|
width: 435rpx;
|
|
|
+
|
|
|
input {
|
|
|
width: 100%;
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.sj-select {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
margin-top: 32rpx;
|
|
|
+
|
|
|
.select-item {
|
|
|
text-align: center;
|
|
|
line-height: 80rpx;
|
|
|
@@ -329,24 +475,31 @@ export default {
|
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
border: 2rpx solid #eaeff6;
|
|
|
}
|
|
|
+
|
|
|
.iselected {
|
|
|
background: #ededed;
|
|
|
}
|
|
|
+
|
|
|
.isuse {
|
|
|
background: rgba(142, 139, 228, 1);
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.sj-select-title {
|
|
|
+ flex-wrap: wrap;
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
+
|
|
|
.legend {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
margin-right: 32rpx;
|
|
|
}
|
|
|
+
|
|
|
.sj-label {
|
|
|
margin-right: 64rpx;
|
|
|
}
|
|
|
+
|
|
|
.white-legend {
|
|
|
margin-right: 16rpx;
|
|
|
width: 28rpx;
|
|
|
@@ -355,6 +508,7 @@ export default {
|
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
border: 2rpx solid #e9e9e9;
|
|
|
}
|
|
|
+
|
|
|
.purple-legend {
|
|
|
margin-right: 16rpx;
|
|
|
width: 28rpx;
|
|
|
@@ -362,14 +516,24 @@ export default {
|
|
|
background: #8e8be4;
|
|
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
}
|
|
|
+ .ysd-legend {
|
|
|
+ margin-right: 16rpx;
|
|
|
+ width: 28rpx;
|
|
|
+ height: 28rpx;
|
|
|
+ background: #ededed;
|
|
|
+ border-radius: 0rpx 0rpx 0rpx 0rpx;
|
|
|
+ }
|
|
|
}
|
|
|
+
|
|
|
.bottom-form {
|
|
|
background: #ffffff;
|
|
|
padding: 32rpx;
|
|
|
box-sizing: border-box;
|
|
|
+
|
|
|
.mt-select {
|
|
|
display: flex;
|
|
|
flex-wrap: wrap;
|
|
|
+
|
|
|
.select-item {
|
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
|
padding: 12rpx 30rpx;
|
|
|
@@ -380,10 +544,12 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.historyList {
|
|
|
display: flex;
|
|
|
justify-content: flex-start;
|
|
|
flex-wrap: wrap;
|
|
|
+
|
|
|
.historyList-item {
|
|
|
padding: 10rpx 15rpx;
|
|
|
display: flex;
|
|
|
@@ -394,6 +560,7 @@ export default {
|
|
|
border-radius: 8rpx 8rpx 8rpx 8rpx;
|
|
|
margin-left: 5rpx;
|
|
|
margin-right: 5rpx;
|
|
|
+
|
|
|
.btn {
|
|
|
margin-left: 15rpx;
|
|
|
}
|
|
|
@@ -407,28 +574,35 @@ export default {
|
|
|
min-height: 112rpx;
|
|
|
align-items: center;
|
|
|
box-sizing: border-box;
|
|
|
+
|
|
|
.form-label {
|
|
|
font-weight: 400;
|
|
|
font-size: 32rpx;
|
|
|
color: #333333;
|
|
|
margin-right: 64rpx;
|
|
|
+ white-space: nowrap;
|
|
|
.form-requird {
|
|
|
color: red;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+
|
|
|
.pdt32 {
|
|
|
padding-top: 32rpx;
|
|
|
}
|
|
|
+
|
|
|
.pdb32 {
|
|
|
padding-bottom: 32rpx;
|
|
|
}
|
|
|
+
|
|
|
.mb32 {
|
|
|
margin-bottom: 32rpx;
|
|
|
}
|
|
|
+
|
|
|
.mt32 {
|
|
|
margin-top: 32rpx;
|
|
|
}
|
|
|
+
|
|
|
.bd_bottom {
|
|
|
border-bottom: 2rpx #e6e6e6 solid;
|
|
|
}
|