fix:修改创建路径和修改路径弹窗文字输入bug

This commit is contained in:
songwc
2022-10-27 12:20:56 +08:00
parent 9a21a44776
commit 1c9d5ad2d5
3 changed files with 42 additions and 21 deletions

View File

@@ -8,7 +8,7 @@
> >
<div class="drawerMain"> <div class="drawerMain">
<div class="header"> <div class="header">
<div class="headerTitle">活动考勤</div> <div class="headerTitle">{{ title }}</div>
<img <img
style="width: 29px; height: 29px; cursor: pointer" style="width: 29px; height: 29px; cursor: pointer"
src="../../assets/images/basicinfo/close.png" src="../../assets/images/basicinfo/close.png"
@@ -304,6 +304,10 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
title: {
type: String,
default: "",
},
}, },
setup(props, ctx) { setup(props, ctx) {

View File

@@ -158,11 +158,11 @@
<div class="inname">归属组织</div> <div class="inname">归属组织</div>
<div class="in"> <div class="in">
<a-input <a-input
v-model:value="valueE" v-model:value="valuecom"
maxlength="20" maxlength="20"
style="border-radius: 4px" style="border-radius: 4px"
/> />
<div class="showcount">{{ valueE.length }}/20</div> <div class="showcount">{{ valuecom.length }}/20</div>
</div> </div>
</div> </div>
<div class="bac"> <div class="bac">
@@ -245,11 +245,11 @@
<div class="inname">路径图名称</div> <div class="inname">路径图名称</div>
<div class="in"> <div class="in">
<a-input <a-input
v-model:value="valueE" v-model:value="valueE2"
maxlength="20" maxlength="20"
style="border-radius: 4px" style="border-radius: 4px"
/> />
<div class="showcount">{{ valueE.length }}/20</div> <div class="showcount">{{ valueE2.length }}/20</div>
</div> </div>
</div> </div>
<div class="name" style="margin-left: 27px"> <div class="name" style="margin-left: 27px">
@@ -262,11 +262,11 @@
<div class="inname">归属组织</div> <div class="inname">归属组织</div>
<div class="in"> <div class="in">
<a-input <a-input
v-model:value="valueE" v-model:value="valuecom2"
maxlength="20" maxlength="20"
style="border-radius: 4px" style="border-radius: 4px"
/> />
<div class="showcount">{{ valueE.length }}/20</div> <div class="showcount">{{ valuecom2.length }}/20</div>
</div> </div>
</div> </div>
<div class="bac"> <div class="bac">
@@ -282,7 +282,7 @@
<img class="im" src="../../assets/px.jpg" /> <img class="im" src="../../assets/px.jpg" />
<img class="im" src="../../assets/px.jpg" /> --> <img class="im" src="../../assets/px.jpg" /> -->
<div <div
@click="chooseImg(item.id)" @click="chooseImg2(item.id)"
v-for="item in imgData" v-for="item in imgData"
:key="item.key" :key="item.key"
style=" style="
@@ -294,7 +294,7 @@
" "
:style="{ :style="{
border: border:
learnPathBg === item.id learnPathBg2 === item.id
? '2px solid rgba(78, 166, 255, 1)' ? '2px solid rgba(78, 166, 255, 1)'
: '2px solid rgba(78, 166, 255, 0)', : '2px solid rgba(78, 166, 255, 0)',
'background-image': 'url(' + item.source + ')', 'background-image': 'url(' + item.source + ')',
@@ -307,8 +307,8 @@
<div class="info"> <div class="info">
<div class="inname">路径说明</div> <div class="inname">路径说明</div>
<div class="in"> <div class="in">
<a-textarea v-model:value="valuei" maxlength="150" /> <a-textarea v-model:value="valuei2" maxlength="150" />
<div class="showcount">{{ valuei.length }}/150</div> <div class="showcount">{{ valuei2.length }}/150</div>
</div> </div>
</div> </div>
<div class="btn"> <div class="btn">
@@ -715,7 +715,8 @@ export default {
source: require("../../assets/images/leveladd/3.png"), source: require("../../assets/images/leveladd/3.png"),
}, },
], ],
learnPathBg: null, //选择的路径图背景 learnPathBg: null, //创建路径选择的路径图背景
learnPathBg2: null, //编辑路径选择的路径图背景
pub: false, //发布弹窗 pub: false, //发布弹窗
checked: false, //发布弹窗switch checked: false, //发布弹窗switch
checkedTeacher: false, //发布弹窗勾选 checkedTeacher: false, //发布弹窗勾选
@@ -739,9 +740,13 @@ export default {
pageSize: 10, pageSize: 10,
value1: "", value1: "",
value2: "", value2: "",
valueE: "", valueE: "", //创建路径的路径名称
valuecom: "", //创建路径归属组织
valueE2: "", //编辑路径的路径名称
valuecom2: "", //编辑路径归属组织
valueEE: "", valueEE: "",
valuei: "", valuei: "", //创建路径的路径说明
valuei2: "", //创建路径的路径说明
}); });
const tableDataFunc = () => { const tableDataFunc = () => {
const columns = [ const columns = [
@@ -872,6 +877,10 @@ export default {
console.log(id); console.log(id);
state.learnPathBg = id; state.learnPathBg = id;
}; };
const chooseImg2 = (id) => {
console.log(id);
state.learnPathBg2 = id;
};
const showPub = () => { const showPub = () => {
state.pub = true; state.pub = true;
}; };
@@ -1193,6 +1202,7 @@ export default {
showPower, showPower,
tableDataFunc, tableDataFunc,
chooseImg, chooseImg,
chooseImg2,
showQuery, showQuery,
showManage, showManage,
}; };
@@ -1832,7 +1842,7 @@ export default {
} }
.tableBox { .tableBox {
// margin: 20px 38px 30px; // margin: 20px 38px 30px;
margin: 20px 35px 0px 35px; margin: 10px 35px 0px 35px;
th.h { th.h {
background-color: #eff4fc !important; background-color: #eff4fc !important;

View File

@@ -399,7 +399,7 @@
<div <div
class="operation" class="operation"
style="cursor: pointer" style="cursor: pointer"
@click="showAA" @click="showAA(item.course, item.name)"
:style="{ :style="{
display: display:
item.course === '直播' || item.course === '活动' item.course === '直播' || item.course === '活动'
@@ -872,7 +872,10 @@
<!-- 面授学员抽屉 --> <!-- 面授学员抽屉 -->
<face-stu v-model:FSvisible="FSvisible" /> <face-stu v-model:FSvisible="FSvisible" />
<!-- 活动考勤抽屉 --> <!-- 活动考勤抽屉 -->
<active-attendance v-model:AAvisible="AAvisible" /> <active-attendance
v-model:AAvisible="AAvisible"
:title="showKaoqinText"
/>
<!-- 时间管理抽屉 --> <!-- 时间管理抽屉 -->
<time-manage v-model:Tvisible="visible" :title="showTimeText" /> <time-manage v-model:Tvisible="visible" :title="showTimeText" />
<!-- 考试管理抽屉 --> <!-- 考试管理抽屉 -->
@@ -1120,6 +1123,8 @@ export default {
showTimeText: "", showTimeText: "",
//考试、测评页面传递参数 //考试、测评页面传递参数
showTestText: "", showTestText: "",
//直播、活动页面传递参数
showKaoqinText: "",
FSvisible: false, //面授学员 FSvisible: false, //面授学员
AAvisible: false, //活动/直播考勤 AAvisible: false, //活动/直播考勤
copyModal: false, //面授二维码弹窗 copyModal: false, //面授二维码弹窗
@@ -1396,15 +1401,17 @@ export default {
const showFS = () => { const showFS = () => {
state.FSvisible = true; state.FSvisible = true;
}; };
//活动考勤的抽屉 //考勤的抽屉
const showAA = () => { const showAA = (course) => {
state.AAvisible = true; state.AAvisible = true;
state.showKaoqinText = "【" + course + "】" + "考勤";
console.log(state.showKaoqinText, 1111);
}; };
// 时间管理 // 时间管理
const showTime = (course, name) => { const showTime = (course) => {
console.log("点击管理"); console.log("点击管理");
state.visible = true; state.visible = true;
state.showTimeText = "【" + course + "】" + name; state.showTimeText = "【" + course + "】" + "管理";
// console.log("state.showTimeText", state.showTimeText); // console.log("state.showTimeText", state.showTimeText);
}; };
//考试管理的抽屉 //考试管理的抽屉