hz/fe-manage
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-manage.git synced 2025-12-24 02:02:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:合并

Browse Source
This commit is contained in:
lixg
2023-02-25 22:28:45 +08:00
parent 145c8e6acb
commit e3437adf0a
1 changed files with 106 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/views/projectcenter/templateAdd.vue
View File

@@ -79,7 +79,8 @@
<div class="in"> <div class="in">
<a-range-picker <a-range-picker
:show-time="{ format: 'HH:mm' }" :show-time="{ format: 'HH:mm' }"
:disabled-date="disabledDate" :disabled-time="disabledRangeTime" :disabled-date="disabledDate"
:disabled-time="disabledRangeTime"
separator="至" separator="至"
:placeholder="[' 开始时间', ' 结束时间']" :placeholder="[' 开始时间', ' 结束时间']"
v-model:value="projectInfo.rangeTime" v-model:value="projectInfo.rangeTime"
@@ -168,9 +169,7 @@
</div> </div>
<div class="in ggysxz" v-if="courseSyncFlag"> <div class="in ggysxz" v-if="courseSyncFlag">
<!-- :disabled="viewDetail ? true : false" --> <!-- :disabled="viewDetail ? true : false" -->
<a-checkbox <a-checkbox disabled v-model:checked="courseSyncFlag"
disabled
v-model:checked="courseSyncFlag"
><span ><span
style=" style="
width: 100%; width: 100%;
@@ -183,9 +182,7 @@
</div> </div>
<div class="in" v-else> <div class="in" v-else>
<!-- :disabled="viewDetail ? true : false" --> <!-- :disabled="viewDetail ? true : false" -->
<a-checkbox <a-checkbox disabled v-model:checked="courseSyncFlag"
disabled
v-model:checked="courseSyncFlag"
><span ><span
style=" style="
width: 100%; width: 100%;
@@ -224,10 +221,10 @@
</div> </div>
</template> </template>
<script setup> <script setup>
import {useStore} from "vuex"; import { useStore } from "vuex";
import {ref, onMounted, watch} from "vue"; import { ref, onMounted, watch } from "vue";
import {message} from "ant-design-vue"; import { message } from "ant-design-vue";
import {useRouter, useRoute} from "vue-router"; import { useRouter, useRoute } from "vue-router";
import * as api from "../../api/indexTemplate"; import * as api from "../../api/indexTemplate";
import TrainClass from "@/components/project/TrainClass"; import TrainClass from "@/components/project/TrainClass";
import OrgClass from "@/components/project/OrgClass"; import OrgClass from "@/components/project/OrgClass";
@@ -239,10 +236,10 @@ const router = useRouter();
const store = useStore(); const store = useStore();
const projectInfo = ref({}); const projectInfo = ref({});
const projectPic = ref([]); const projectPic = ref([]);
const courseSyncFlag = ref(true) const courseSyncFlag = ref(true);
onMounted(() => { onMounted(() => {
getDetail(); getDetail();
projectPic.value = store.state.projectPic.map((e) => ({ projectPic.value = store.state.project_pic.map((e) => ({
value: e.dictValue, value: e.dictValue,
label: e.dictName, label: e.dictName,
})); }));
@@ -259,10 +256,12 @@ const getDetail = () =>
route.query.projectTemplateId && route.query.projectTemplateId &&
api.templateDetail(route.query.projectTemplateId).then((res) => { api.templateDetail(route.query.projectTemplateId).then((res) => {
projectInfo.value = res.data.data.projectTemplateInfo; projectInfo.value = res.data.data.projectTemplateInfo;
projectInfo.value.rangeTime = [dayjs(projectInfo.value.beginTime).format("YYYY-MM-DD HH:mm"), projectInfo.value.rangeTime = [
dayjs(projectInfo.value.beginTime).format("YYYY-MM-DD HH:mm"),
dayjs(projectInfo.value.endTime).format("YYYY-MM-DD HH:mm"), dayjs(projectInfo.value.endTime).format("YYYY-MM-DD HH:mm"),
]; ];
projectInfo.value.courseSyncFlag = !!projectInfo.value.courseSyncFlag projectInfo.value.courseSyncFlag = !!projectInfo.value.courseSyncFlag;
console.log("projectInfo", projectInfo);
}); });
const backPage = () => { const backPage = () => {
@@ -271,8 +270,8 @@ const backPage = () => {
function timeChange(e) { function timeChange(e) {
if (e && e.length === 2) { if (e && e.length === 2) {
projectInfo.value.beginTime = dayjs(e[0]).format("YYYY-MM-DD HH:mm"), (projectInfo.value.beginTime = dayjs(e[0]).format("YYYY-MM-DD HH:mm")),
projectInfo.value.endTime =dayjs(e[1]).format("YYYY-MM-DD HH:mm") (projectInfo.value.endTime = dayjs(e[1]).format("YYYY-MM-DD HH:mm"));
} }
} }
@@ -299,8 +298,12 @@ const createProject = () => {
} }
} }
projectInfo.value.courseSyncFlag = courseSyncFlag.value ? 1 : 0; projectInfo.value.courseSyncFlag = courseSyncFlag.value ? 1 : 0;
projectInfo.value.beginTime = dayjs(projectInfo.value.beginTime).format("YYYY-MM-DD HH:mm"), (projectInfo.value.beginTime = dayjs(projectInfo.value.beginTime).format(
projectInfo.value.endTime =dayjs(projectInfo.value.endTime).format("YYYY-MM-DD HH:mm") "YYYY-MM-DD HH:mm"
)),
(projectInfo.value.endTime = dayjs(projectInfo.value.endTime).format(
"YYYY-MM-DD HH:mm"
));
api api
.templateEdit({ .templateEdit({
...projectInfo.value, ...projectInfo.value,
@@ -313,17 +316,17 @@ const createProject = () => {
}); });
}; };
function managerChange(e, l, d, t,orgName) { function managerChange(e, l, d, t, orgName) {
console.log(e, l) console.log(e, l);
projectInfo.value.sourceBelongId = d; projectInfo.value.sourceBelongId = d;
projectInfo.value.sourceBelongName = t; projectInfo.value.sourceBelongName = t;
projectInfo.value.sourceBelongFullName = orgName projectInfo.value.sourceBelongFullName = orgName;
} }
</script> </script>
<style lang="scss"> <style lang="scss">
.ggysxz { .ggysxz {
.ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after { .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner::after {
border-color: #FFF !important; border-color: #fff !important;
} }
.ant-checkbox-disabled .ant-checkbox-inner { .ant-checkbox-disabled .ant-checkbox-inner {
background-color: #1890ff !important; background-color: #1890ff !important;