|
|
@@ -17,15 +17,15 @@
|
|
|
clearable
|
|
|
>
|
|
|
</el-input>
|
|
|
-
|
|
|
+ <!--
|
|
|
<el-button
|
|
|
- v-if="canAddNew"
|
|
|
+ v-if="canAddNew"
|
|
|
style="margin-left: 30px;"
|
|
|
size="mini"
|
|
|
@click.stop="addNew()"
|
|
|
round
|
|
|
>新建分析模块</el-button
|
|
|
- >
|
|
|
+ > -->
|
|
|
</div>
|
|
|
<div class="a-d-t-right">
|
|
|
<span @click.stop="close()">×</span>
|
|
|
@@ -33,7 +33,17 @@
|
|
|
</div>
|
|
|
<div style="display: flex; height: 100%">
|
|
|
<div class="a-d-t-left">
|
|
|
- <!-- <div class="itemTit">我的模块</div> -->
|
|
|
+ <div
|
|
|
+ class="itemTit"
|
|
|
+ :style="
|
|
|
+ tagIndex == -1 || tagIndex == -2
|
|
|
+ ? 'background: rgba(226, 238, 255, 1);color: rgba(54, 129, 252, 1)'
|
|
|
+ : ''
|
|
|
+ "
|
|
|
+ @click.stop="tagIndex = -1"
|
|
|
+ >
|
|
|
+ 我的模块
|
|
|
+ </div>
|
|
|
<div
|
|
|
:style="
|
|
|
tagIndex == index
|
|
|
@@ -48,7 +58,7 @@
|
|
|
{{ item.name }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="a-d-box">
|
|
|
+ <div class="a-d-box" v-if="[0, 1, 2].includes(tagIndex)">
|
|
|
<div
|
|
|
style="
|
|
|
font-family: PingFang SC;
|
|
|
@@ -106,7 +116,7 @@
|
|
|
<!-- <div class="a-d-b-i-t-btn">详情</div> -->
|
|
|
<div
|
|
|
class="a-d-b-i-t-btn1"
|
|
|
- @click="addAnalysisItem(item.name,item.id)"
|
|
|
+ @click="addAnalysisItem(item.name, item.id)"
|
|
|
>
|
|
|
添加
|
|
|
</div>
|
|
|
@@ -115,18 +125,388 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="a-d-box" v-if="[-1, -2].includes(tagIndex)">
|
|
|
+ <div
|
|
|
+ class="d_d_b_type"
|
|
|
+ v-if="[-1].includes(tagIndex)"
|
|
|
+ v-loading="formLoading"
|
|
|
+ >
|
|
|
+ <div class="d_d_b_t_head">
|
|
|
+ <div>我的模块</div>
|
|
|
+ <div @click.stop="addNewAnalysis">新建分析模块</div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div class="a-d-b-subject">
|
|
|
+ <span
|
|
|
+ v-for="(item, index) in tagSubjectList"
|
|
|
+ :class="[
|
|
|
+ 'a_d_b_s_btn',
|
|
|
+ tagSubject == item ? 'a_d_b_s_ActiveBtn' : ''
|
|
|
+ ]"
|
|
|
+ :key="index + '-' + tagIndex"
|
|
|
+ @click.stop="
|
|
|
+ tagSubject == item ? (tagSubject = '') : (tagSubject = item)
|
|
|
+ "
|
|
|
+ >{{ item }}</span
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <div style="display: flex; flex-wrap: wrap">
|
|
|
+ <div
|
|
|
+ class="a-d-b-item"
|
|
|
+ v-for="(item, index) in searchMyselfDataList"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ <div class="a-d-b-i-top">
|
|
|
+ <img
|
|
|
+ style="height: 22px; width: 22px"
|
|
|
+ :src="
|
|
|
+ require('../../../../assets/icon/classroomObservation/digImg.svg')
|
|
|
+ "
|
|
|
+ />
|
|
|
+ <div
|
|
|
+ class="a-d-b-i-t-title"
|
|
|
+ style="width: calc(100% - 40px);"
|
|
|
+ >
|
|
|
+ {{ item.name }}
|
|
|
+ </div>
|
|
|
+ <div class="a_d_b_i_t_t_editIcon">
|
|
|
+ <span @click.stop="showModelDialog = item.id">
|
|
|
+ <svg
|
|
|
+ width="16"
|
|
|
+ height="16"
|
|
|
+ viewBox="0 0 16 16"
|
|
|
+ fill="none"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ d="M2.25 8C2.25 8.33152 2.3817 8.64946 2.61612 8.88388C2.85054 9.1183 3.16848 9.25 3.5 9.25C3.83152 9.25 4.14946 9.1183 4.38388 8.88388C4.6183 8.64946 4.75 8.33152 4.75 8C4.75 7.66848 4.6183 7.35054 4.38388 7.11612C4.14946 6.8817 3.83152 6.75 3.5 6.75C3.16848 6.75 2.85054 6.8817 2.61612 7.11612C2.3817 7.35054 2.25 7.66848 2.25 8ZM6.75 8C6.75 8.33152 6.8817 8.64946 7.11612 8.88388C7.35054 9.1183 7.66848 9.25 8 9.25C8.33152 9.25 8.64946 9.1183 8.88388 8.88388C9.1183 8.64946 9.25 8.33152 9.25 8C9.25 7.66848 9.1183 7.35054 8.88388 7.11612C8.64946 6.8817 8.33152 6.75 8 6.75C7.66848 6.75 7.35054 6.8817 7.11612 7.11612C6.8817 7.35054 6.75 7.66848 6.75 8ZM11.25 8C11.25 8.33152 11.3817 8.64946 11.6161 8.88388C11.8505 9.1183 12.1685 9.25 12.5 9.25C12.8315 9.25 13.1495 9.1183 13.3839 8.88388C13.6183 8.64946 13.75 8.33152 13.75 8C13.75 7.66848 13.6183 7.35054 13.3839 7.11612C13.1495 6.8817 12.8315 6.75 12.5 6.75C12.1685 6.75 11.8505 6.8817 11.6161 7.11612C11.3817 7.35054 11.25 7.66848 11.25 8Z"
|
|
|
+ fill="black"
|
|
|
+ />
|
|
|
+ </svg>
|
|
|
+ </span>
|
|
|
+
|
|
|
+ <div
|
|
|
+ class="a_d_b_i_t_t_editDialog"
|
|
|
+ v-if="showModelDialog == item.id"
|
|
|
+ v-click-outside="() => (showModelDialog = '')"
|
|
|
+ >
|
|
|
+ <div
|
|
|
+ v-if="['0'].includes(item.open)"
|
|
|
+ @click.stop="editAnalysis(0, item)"
|
|
|
+ >
|
|
|
+ <svg
|
|
|
+ width="16"
|
|
|
+ height="16"
|
|
|
+ viewBox="0 0 16 16"
|
|
|
+ fill="none"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M2 2.5C2 2.22386 2.22386 2 2.5 2H6.5C6.77614 2 7 2.22386 7 2.5C7 2.77614 6.77614 3 6.5 3H3V13H13V8.5C13 8.22386 13.2239 8 13.5 8C13.7761 8 14 8.22386 14 8.5V13.5C14 13.7761 13.7761 14 13.5 14H2.5C2.22386 14 2 13.7761 2 13.5V2.5Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M12.0849 2.06707C11.8458 1.929 11.54 2.01094 11.4019 2.25008C11.2639 2.48923 11.3458 2.79503 11.5849 2.9331L12.1204 3.24226C9.77846 3.65788 8 5.70382 8 8.16515V8.66515C8 8.94129 8.22386 9.16515 8.5 9.16515C8.77614 9.16515 9 8.94129 9 8.66515V8.16515C9 6.09309 10.5755 4.38901 12.5939 4.18551L12.134 4.98213C11.9959 5.22128 12.0778 5.52708 12.317 5.66515C12.5561 5.80322 12.8619 5.72128 13 5.48213L14 3.75008C14.1381 3.51094 14.0561 3.20514 13.817 3.06707L12.0849 2.06707Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ </svg>
|
|
|
+ <span>公开到社区</span>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ v-if="!['0'].includes(item.open)"
|
|
|
+ @click.stop="editAnalysis(1, item)"
|
|
|
+ >
|
|
|
+ <svg
|
|
|
+ width="16"
|
|
|
+ height="16"
|
|
|
+ viewBox="0 0 16 16"
|
|
|
+ fill="none"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M4.5 5C4.5 3.61929 5.61929 2.5 7 2.5C8.38071 2.5 9.5 3.61929 9.5 5C9.5 6.38071 8.38071 7.5 7 7.5C5.61929 7.5 4.5 6.38071 4.5 5ZM7 8.5C8.933 8.5 10.5 6.933 10.5 5C10.5 3.067 8.933 1.5 7 1.5C5.067 1.5 3.5 3.067 3.5 5C3.5 6.19029 4.09418 7.24181 5.0021 7.87412C2.95231 8.67365 1.5 10.6672 1.5 13V14.5C1.5 14.7761 1.72386 15 2 15C2.27614 15 2.5 14.7761 2.5 14.5V13C2.5 10.5147 4.51472 8.5 7 8.5Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M9.5 10.5C9.5 10.2239 9.72386 10 10 10H11C11.2761 10 11.5 10.2239 11.5 10.5V11H9.5V10.5ZM8.5 11V10.5C8.5 9.67157 9.17157 9 10 9H11C11.8284 9 12.5 9.67157 12.5 10.5V11H13C13.2761 11 13.5 11.2239 13.5 11.5V14.5C13.5 14.7761 13.2761 15 13 15H8C7.72386 15 7.5 14.7761 7.5 14.5V11.5C7.5 11.2239 7.72386 11 8 11H8.5ZM8.5 14V12H12.5V14H8.5Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ </svg>
|
|
|
+
|
|
|
+ <span>恢复隐私</span>
|
|
|
+ </div>
|
|
|
+ <span></span>
|
|
|
+ <div @click.stop="editAnalysis(2, item)">
|
|
|
+ <svg
|
|
|
+ width="16"
|
|
|
+ height="16"
|
|
|
+ viewBox="0 0 16 16"
|
|
|
+ fill="none"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M8.00001 1.5C8.1894 1.5 8.36253 1.61128 8.44723 1.78745L10.3276 5.69853L14.062 6.18401C14.2515 6.20865 14.411 6.34338 14.4729 6.53124C14.5349 6.71909 14.4886 6.92726 14.3536 7.06769L11.5537 9.9795L12.4851 13.8539C12.5302 14.0413 12.4715 14.2393 12.3329 14.368C12.1942 14.4967 11.9984 14.5347 11.8245 14.4669L8.00001 12.9754L4.17558 14.4669C4.0016 14.5347 3.80578 14.4967 3.66714 14.368C3.52849 14.2393 3.46988 14.0413 3.51494 13.8539L4.44628 9.9795L1.64646 7.06769C1.51143 6.92726 1.4651 6.71909 1.52708 6.53124C1.58905 6.34338 1.7485 6.20865 1.938 6.18401L5.67247 5.69853L7.5528 1.78745C7.6375 1.61128 7.81063 1.5 8.00001 1.5ZM8.00001 3.18275L6.44723 6.41255C6.37246 6.56806 6.22792 6.67442 6.06203 6.69598L3.07646 7.08411L5.35357 9.4523C5.47776 9.58146 5.52768 9.76891 5.48509 9.94611L4.71603 13.1454L7.82445 11.9331C7.93764 11.889 8.06238 11.889 8.17558 11.9331L11.284 13.1454L10.5149 9.94611C10.4723 9.76891 10.5223 9.58146 10.6465 9.4523L12.9236 7.08411L9.938 6.69598C9.77211 6.67442 9.62756 6.56806 9.5528 6.41255L8.00001 3.18275Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ </svg>
|
|
|
+ <span>收藏</span>
|
|
|
+ </div>
|
|
|
+ <div @click.stop="editAnalysis(3, item)">
|
|
|
+ <svg
|
|
|
+ width="16"
|
|
|
+ height="16"
|
|
|
+ viewBox="0 0 16 16"
|
|
|
+ fill="none"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M2 2.5C2 2.22386 2.22386 2 2.5 2H8.5C8.77614 2 9 2.22386 9 2.5C9 2.77614 8.77614 3 8.5 3H3V13H13V8.5C13 8.22386 13.2239 8 13.5 8C13.7761 8 14 8.22386 14 8.5V13.5C14 13.7761 13.7761 14 13.5 14H2.5C2.22386 14 2 13.7761 2 13.5V2.5Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M13.8536 2.14645C14.0488 2.34171 14.0488 2.65829 13.8536 2.85355L7.85355 8.85355C7.65829 9.04882 7.34171 9.04882 7.14645 8.85355C6.95118 8.65829 6.95118 8.34171 7.14645 8.14645L13.1464 2.14645C13.3417 1.95118 13.6583 1.95118 13.8536 2.14645Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ </svg>
|
|
|
+ <span>编辑</span>
|
|
|
+ </div>
|
|
|
+ <div @click.stop="editAnalysis(4, item)">
|
|
|
+ <svg
|
|
|
+ width="16"
|
|
|
+ height="16"
|
|
|
+ viewBox="0 0 16 16"
|
|
|
+ fill="none"
|
|
|
+ xmlns="http://www.w3.org/2000/svg"
|
|
|
+ >
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M5 2.5C5 2.22386 5.22386 2 5.5 2H10.5C10.7761 2 11 2.22386 11 2.5C11 2.77614 10.7761 3 10.5 3H5.5C5.22386 3 5 2.77614 5 2.5Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M2 4.5C2 4.21185 2.22386 4 2.5 4H13.5C13.7761 4 14 4.21185 14 4.5C14 4.83161 13.7761 5 13.5 5L12.5 5.04348V14H3.5V5H2.5C2.22386 5 2 4.83161 2 4.5ZM4.5 5V12.9565L11.5 13V5.04348L4.5 5Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M6.5 6.45461C6.77614 6.45461 7 6.65811 7 6.90915V11.0001C7 11.2511 6.77614 11.4546 6.5 11.4546C6.22386 11.4546 6 11.2511 6 11.0001V6.90915C6 6.65811 6.22386 6.45461 6.5 6.45461Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ <path
|
|
|
+ fill-rule="evenodd"
|
|
|
+ clip-rule="evenodd"
|
|
|
+ d="M9.5 6.45461C9.77614 6.45461 10 6.65811 10 6.90915V11.0001C10 11.2511 9.77614 11.4546 9.5 11.4546C9.22386 11.4546 9 11.2511 9 11.0001V6.90915C9 6.65811 9.22386 6.45461 9.5 6.45461Z"
|
|
|
+ fill="black"
|
|
|
+ fill-opacity="0.9"
|
|
|
+ />
|
|
|
+ </svg>
|
|
|
+ <span>删除</span>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="a-d-b-i-bottom">{{ item.detail }}</div>
|
|
|
+ <div class="a-d-b-i-bottomPer" style="display: block">
|
|
|
+ {{ item.count }}人已使用
|
|
|
+ </div>
|
|
|
+ <div class="a-d-b-i-bottomBtn" style="display: none">
|
|
|
+ <div
|
|
|
+ style="
|
|
|
+ display: flex;
|
|
|
+ width: 100%;
|
|
|
+ justify-content: space-around;
|
|
|
+ "
|
|
|
+ >
|
|
|
+ <!-- <div class="a-d-b-i-t-btn">详情</div> -->
|
|
|
+ <div
|
|
|
+ class="a-d-b-i-t-btn1"
|
|
|
+ @click="addAnalysisItem(item.name, item.id)"
|
|
|
+ >
|
|
|
+ 添加
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div
|
|
|
+ class="d_d_b_addType"
|
|
|
+ v-if="[-2].includes(tagIndex)"
|
|
|
+ v-loading="formLoading"
|
|
|
+ >
|
|
|
+ <div>新建模块</div>
|
|
|
+
|
|
|
+ <el-form
|
|
|
+ :model="form"
|
|
|
+ :rules="rules"
|
|
|
+ ref="ruleForm"
|
|
|
+ label-position="top"
|
|
|
+ >
|
|
|
+ <div class="d_d_b_at_inputArea">
|
|
|
+ <el-form-item
|
|
|
+ label="模板名称"
|
|
|
+ prop="name"
|
|
|
+ style="margin-right: 50px;"
|
|
|
+ class="d_d_b_at_input"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ v-model="form.name"
|
|
|
+ placeholder="请输入模板名称"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item
|
|
|
+ label="所属分类"
|
|
|
+ prop="type"
|
|
|
+ style="margin-right: 50px;"
|
|
|
+ class="d_d_b_at_input"
|
|
|
+ >
|
|
|
+ <el-select v-model="form.type" placeholder="请选择所属分类">
|
|
|
+ <el-option
|
|
|
+ v-for="item in dialogTagList"
|
|
|
+ :key="item.id"
|
|
|
+ :label="item.name"
|
|
|
+ :value="item.id"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input v-model="form.subject" placeholder="请输入所属学科" style="width: 300px;"></el-input> -->
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item
|
|
|
+ label="所属学科"
|
|
|
+ prop="subject"
|
|
|
+ style="margin-right: 50px;"
|
|
|
+ class="d_d_b_at_input"
|
|
|
+ >
|
|
|
+ <el-select
|
|
|
+ v-model="form.subject"
|
|
|
+ placeholder="请选择所属学科"
|
|
|
+ >
|
|
|
+ <el-option
|
|
|
+ v-for="item in subjectList"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.label"
|
|
|
+ >
|
|
|
+ </el-option>
|
|
|
+ </el-select>
|
|
|
+ <!-- <el-input v-model="form.subject" placeholder="请输入所属学科" style="width: 300px;"></el-input> -->
|
|
|
+ </el-form-item>
|
|
|
+ </div>
|
|
|
+ <el-form-item
|
|
|
+ label="模板简介"
|
|
|
+ prop="detail"
|
|
|
+ class="d_d_b_at_input"
|
|
|
+ >
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ v-model="form.detail"
|
|
|
+ :rows="3"
|
|
|
+ :maxlength="30"
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入内容，不超过30字"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="提示词" prop="tips" class="d_d_b_at_input">
|
|
|
+ <el-input
|
|
|
+ type="textarea"
|
|
|
+ v-model="form.tips"
|
|
|
+ :rows="6"
|
|
|
+ resize="none"
|
|
|
+ placeholder="请输入提示词"
|
|
|
+ ></el-input>
|
|
|
+ </el-form-item>
|
|
|
+
|
|
|
+ <el-form-item label="是否公开" prop="open" class="d_d_b_at_input">
|
|
|
+ <el-switch v-model="form.open"></el-switch>
|
|
|
+ <!-- <el-select v-model="form.open" placeholder="请选择是否公开">
|
|
|
+ <el-option
|
|
|
+ v-for="item in openList"
|
|
|
+ :key="item.value"
|
|
|
+ :label="item.label"
|
|
|
+ :value="item.value">
|
|
|
+ </el-option>
|
|
|
+ </el-select> -->
|
|
|
+ <!-- <el-input v-model="form.subject" placeholder="请输入所属学科" style="width: 300px;"></el-input> -->
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="d_d_b_at_btnArea">
|
|
|
+ <el-button @click.stop="cancelSubmit()">取消</el-button>
|
|
|
+ <el-button type="primary" @click.stop="submitForm('ruleForm')"
|
|
|
+ >确认</el-button
|
|
|
+ >
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!-- </div> -->
|
|
|
</el-dialog>
|
|
|
- <newAnalysisModule v-if="canAddNew" ref="newAnalysisModuleRef" @success="successNew"/>
|
|
|
+ <!-- <newAnalysisModule
|
|
|
+ v-if="canAddNew"
|
|
|
+ ref="newAnalysisModuleRef"
|
|
|
+ @success="successNew"
|
|
|
+ /> -->
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
-import newAnalysisModule from "./newAnalysisModule.vue";
|
|
|
+// import newAnalysisModule from "./newAnalysisModule.vue";
|
|
|
+// 自定义指令，用于处理点击外部区域的事件
|
|
|
+const clickOutside = {
|
|
|
+ bind(el, binding) {
|
|
|
+ // 在元素上绑定一个点击事件监听器
|
|
|
+ el.clickOutsideEvent = function(event) {
|
|
|
+ // 检查点击事件是否发生在元素的内部
|
|
|
+ if (!(el === event.target || el.contains(event.target))) {
|
|
|
+ // 如果点击事件发生在元素的外部，则触发指令绑定的方法,将点击的event数据传过去
|
|
|
+ binding.value(event);
|
|
|
+ }
|
|
|
+ };
|
|
|
+ // 在文档上添加点击事件监听器
|
|
|
+ document.addEventListener("click", el.clickOutsideEvent);
|
|
|
+ },
|
|
|
+ unbind(el) {
|
|
|
+ // 在元素上解除点击事件监听器
|
|
|
+ document.removeEventListener("click", el.clickOutsideEvent);
|
|
|
+ }
|
|
|
+};
|
|
|
export default {
|
|
|
components: {
|
|
|
- newAnalysisModule
|
|
|
+ // newAnalysisModule
|
|
|
+ },
|
|
|
+ directives: {
|
|
|
+ "click-outside": clickOutside // 注册自定义指令
|
|
|
},
|
|
|
props: {
|
|
|
dialogTagDataList: {
|
|
|
@@ -143,15 +523,53 @@ export default {
|
|
|
data() {
|
|
|
return {
|
|
|
dialogVisible: false,
|
|
|
+ userId: this.$route.query["userid"],
|
|
|
input2: "",
|
|
|
+
|
|
|
tagIndex: 0,
|
|
|
tagSubject: "",
|
|
|
+ boxType: 0, //0 新建 1修改
|
|
|
dialogTagList: [
|
|
|
{ id: 0, name: "通用课堂分析" },
|
|
|
{ id: 1, name: "学科课堂分析" },
|
|
|
{ id: 2, name: "扩展分析" }
|
|
|
//{ id: 3, name: "增值性分析" },
|
|
|
- ]
|
|
|
+ ],
|
|
|
+ subjectList: [
|
|
|
+ { value: "1", label: "语文" },
|
|
|
+ { value: "2", label: "数学" },
|
|
|
+ { value: "3", label: "英语" },
|
|
|
+ { value: "4", label: "科学" },
|
|
|
+ { value: "5", label: "物理" },
|
|
|
+ { value: "6", label: "化学" },
|
|
|
+ { value: "7", label: "生物" },
|
|
|
+ { value: "8", label: "历史" },
|
|
|
+ { value: "9", label: "地理" },
|
|
|
+ { value: "10", label: "政治" },
|
|
|
+ { value: "11", label: "其它" }
|
|
|
+ ],
|
|
|
+ form: {
|
|
|
+ name: "",
|
|
|
+ detail: "",
|
|
|
+ tips: "",
|
|
|
+ type: "",
|
|
|
+ subject: "",
|
|
|
+ open: false
|
|
|
+ },
|
|
|
+ showModelDialog: "",
|
|
|
+ formLoading: false,
|
|
|
+ rules: {
|
|
|
+ name: [{ required: true, message: "请输入模块名称", trigger: "blur" }],
|
|
|
+ tips: [
|
|
|
+ { required: true, message: "请输入模块提示词", trigger: "blur" }
|
|
|
+ ],
|
|
|
+ type: [
|
|
|
+ { required: true, message: "请选择模块所属分类", trigger: "change" }
|
|
|
+ ],
|
|
|
+ subject: [
|
|
|
+ { required: true, message: "请选择模块所属学科", trigger: "change" }
|
|
|
+ ]
|
|
|
+ }
|
|
|
};
|
|
|
},
|
|
|
computed: {
|
|
|
@@ -166,15 +584,36 @@ export default {
|
|
|
|
|
|
return _result;
|
|
|
},
|
|
|
+ searchMyselfDataList() {
|
|
|
+ let _result = this.dialogTagDataList.filter(i => i.userid == this.userId);
|
|
|
+ if (this.input2) {
|
|
|
+ _result = _result.filter(i => i.name.indexOf(this.input2) > -1);
|
|
|
+ }
|
|
|
+ if (this.tagSubject) {
|
|
|
+ _result = _result.filter(i => i.subject == this.tagSubject);
|
|
|
+ }
|
|
|
+ return _result;
|
|
|
+ },
|
|
|
tagSubjectList() {
|
|
|
let _result = [];
|
|
|
- this.dialogTagDataList
|
|
|
- .filter(i => i.type == this.tagIndex)
|
|
|
- .forEach(i => {
|
|
|
- if (i.subject && !_result.includes(i.subject)) {
|
|
|
- _result.push(i.subject);
|
|
|
- }
|
|
|
- });
|
|
|
+ if ([-1, -2].includes(this.tagIndex)) {
|
|
|
+ this.dialogTagDataList
|
|
|
+ .filter(i => i.userid == this.userId)
|
|
|
+ .forEach(i => {
|
|
|
+ if (i.subject && !_result.includes(i.subject)) {
|
|
|
+ _result.push(i.subject);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ } else {
|
|
|
+ this.dialogTagDataList
|
|
|
+ .filter(i => i.type == this.tagIndex)
|
|
|
+ .forEach(i => {
|
|
|
+ if (i.subject && !_result.includes(i.subject)) {
|
|
|
+ _result.push(i.subject);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
return _result;
|
|
|
}
|
|
|
},
|
|
|
@@ -184,6 +623,15 @@ export default {
|
|
|
this.input2 = "";
|
|
|
this.tagSubject = "";
|
|
|
this.dialogVisible = true;
|
|
|
+ this.form = {
|
|
|
+ name: "",
|
|
|
+ detail: "",
|
|
|
+ tips: "",
|
|
|
+ type: "",
|
|
|
+ subject: "",
|
|
|
+ open: false
|
|
|
+ };
|
|
|
+ this.$emit("update");
|
|
|
},
|
|
|
close() {
|
|
|
this.dialogVisible = false;
|
|
|
@@ -191,15 +639,242 @@ export default {
|
|
|
this.input2 = "";
|
|
|
this.tagSubject = "";
|
|
|
},
|
|
|
- addAnalysisItem(title,id) {
|
|
|
- this.$emit("success", title,id);
|
|
|
+ addAnalysisItem(title, id) {
|
|
|
+ this.$emit("success", title, id);
|
|
|
},
|
|
|
addNew() {
|
|
|
this.$refs.newAnalysisModuleRef.open();
|
|
|
},
|
|
|
- successNew(){
|
|
|
- this.$emit("update");
|
|
|
- }
|
|
|
+ successNew() {
|
|
|
+ this.$emit("update");
|
|
|
+ },
|
|
|
+ addNewAnalysis() {
|
|
|
+ this.boxType = 0;
|
|
|
+ this.tagIndex = -2;
|
|
|
+ this.form = {
|
|
|
+ name: "",
|
|
|
+ detail: "",
|
|
|
+ tips: "",
|
|
|
+ type: "",
|
|
|
+ subject: "",
|
|
|
+ open: false
|
|
|
+ };
|
|
|
+ //新建模块
|
|
|
+ },
|
|
|
+ editAnalysis(mid) {
|
|
|
+ console.log(mid);
|
|
|
+ },
|
|
|
+ submitForm(ref) {
|
|
|
+ this.$refs[ref].validate(valid => {
|
|
|
+ if (valid) {
|
|
|
+ if (this.boxType == 0) {
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ nuid: this.userId,
|
|
|
+ nname: this.form.name,
|
|
|
+ ndetail: this.form.detail,
|
|
|
+ nsubject: this.form.subject,
|
|
|
+ ntype: this.form.type,
|
|
|
+ nopen: this.form.open ? 2 : 0,
|
|
|
+ nagentid: "",
|
|
|
+ ntips: this.form.tips
|
|
|
+ }
|
|
|
+ ];
|
|
|
+
|
|
|
+ // console.log(this.form)
|
|
|
+ this.formLoading = true;
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "insert_smodel", params)
|
|
|
+ .then(res => {
|
|
|
+ if (typeof res.data == "object") {
|
|
|
+ this.$message.warning("该新建的模块名称已存在，请重新输入");
|
|
|
+ } else if (res.data == 1) {
|
|
|
+ this.successNew();
|
|
|
+ this.boxType = 0;
|
|
|
+ this.tagIndex = -1;
|
|
|
+ this.form = {
|
|
|
+ name: "",
|
|
|
+ detail: "",
|
|
|
+ tips: "",
|
|
|
+ type: "",
|
|
|
+ subject: "",
|
|
|
+ open: false
|
|
|
+ };
|
|
|
+ this.$message.success("创建成功");
|
|
|
+ } else {
|
|
|
+ this.$message.error("新建失败");
|
|
|
+ }
|
|
|
+ this.successNew();
|
|
|
+ this.formLoading = false;
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ this.loading = false;
|
|
|
+ this.$message.error("新建失败");
|
|
|
+ this.successNew();
|
|
|
+ });
|
|
|
+ } else if (this.boxType == 1) {
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ nuid: this.userId,
|
|
|
+ mid: this.form.id,
|
|
|
+ nname: this.form.name,
|
|
|
+ ndetail: this.form.detail,
|
|
|
+ nsubject: this.form.subject,
|
|
|
+ ntype: this.form.type,
|
|
|
+ nopen: this.form.open ? 2 : 0,
|
|
|
+ nagentid: this.form.agentid,
|
|
|
+ ntips: this.form.tips
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "update_smodel", params)
|
|
|
+ .then(res => {
|
|
|
+ if (res.data == 1) {
|
|
|
+ this.$message.success("修改成功");
|
|
|
+ this.tagIndex = -1;
|
|
|
+ this.boxType = 0;
|
|
|
+ } else {
|
|
|
+ this.$message.error("修改失败");
|
|
|
+ }
|
|
|
+ this.successNew();
|
|
|
+ this.formLoading = false;
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ this.$message.error("修改失败");
|
|
|
+ this.successNew();
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
+ });
|
|
|
+ // });
|
|
|
+ },
|
|
|
+ cancelSubmit() {
|
|
|
+ this.formLoading = false;
|
|
|
+ this.tagIndex = -1;
|
|
|
+ this.boxType = 0;
|
|
|
+ this.form = {
|
|
|
+ name: "",
|
|
|
+ detail: "",
|
|
|
+ tips: "",
|
|
|
+ type: "",
|
|
|
+ subject: "",
|
|
|
+ open: false
|
|
|
+ };
|
|
|
+ },
|
|
|
+ editAnalysis(type, data) {
|
|
|
+ if (type == 0) {
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ nuid: data.userid,
|
|
|
+ mid: data.id,
|
|
|
+ nname: data.name,
|
|
|
+ ndetail: data.detail,
|
|
|
+ nsubject: data.subject,
|
|
|
+ ntype: data.type,
|
|
|
+ nopen: 2,
|
|
|
+ nagentid: data.agentid,
|
|
|
+ ntips: data.tips
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ this.formLoading = true;
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "update_smodel", params)
|
|
|
+ .then(res => {
|
|
|
+ if (res.data == 1) {
|
|
|
+ this.$message.success("公开成功");
|
|
|
+ } else {
|
|
|
+ this.$message.error("公开失败");
|
|
|
+ }
|
|
|
+ this.successNew();
|
|
|
+ this.formLoading = false;
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ this.$message.error("公开失败");
|
|
|
+ this.successNew();
|
|
|
+ });
|
|
|
+ this.showModelDialog = "";
|
|
|
+ } else if (type == 1) {
|
|
|
+ let params = [
|
|
|
+ {
|
|
|
+ nuid: data.userid,
|
|
|
+ mid: data.id,
|
|
|
+ nname: data.name,
|
|
|
+ ndetail: data.detail,
|
|
|
+ nsubject: data.subject,
|
|
|
+ ntype: data.type,
|
|
|
+ nopen: 0,
|
|
|
+ nagentid: data.agentid,
|
|
|
+ ntips: data.tips
|
|
|
+ }
|
|
|
+ ];
|
|
|
+ this.formLoading = true;
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "update_smodel", params)
|
|
|
+ .then(res => {
|
|
|
+ if (res.data == 1) {
|
|
|
+ this.$message.success("设为隐私成功");
|
|
|
+ } else {
|
|
|
+ this.$message.error("设为隐私失败");
|
|
|
+ }
|
|
|
+ this.successNew();
|
|
|
+ this.formLoading = false;
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ console.log(e);
|
|
|
+ this.$message.error("设为隐私失败");
|
|
|
+ this.successNew();
|
|
|
+ });
|
|
|
+ this.showModelDialog = "";
|
|
|
+ } else if (type == 2) {
|
|
|
+ console.log("收藏");
|
|
|
+ } else if (type == 3) {
|
|
|
+ this.boxType = 1;
|
|
|
+ this.tagIndex = -2;
|
|
|
+ this.form = {
|
|
|
+ id: data.id,
|
|
|
+ name: data.name,
|
|
|
+ detail: data.detail,
|
|
|
+ tips: data.tips,
|
|
|
+ type: data.type,
|
|
|
+ subject: data.subject,
|
|
|
+ agentid: data.agentid,
|
|
|
+ open: data.open == 0 ? false : true
|
|
|
+ };
|
|
|
+ this.showModelDialog = "";
|
|
|
+ } else if (type == 4) {
|
|
|
+ this.$confirm("该操作会永远删除该分析，确定删除？", "提示", {
|
|
|
+ confirmButtonText: "确定",
|
|
|
+ cancelButtonText: "取消",
|
|
|
+ type: "warning"
|
|
|
+ })
|
|
|
+ .then(() => {
|
|
|
+ this.formLoading = true;
|
|
|
+ this.ajax
|
|
|
+ .post(this.$store.state.api + "delete_smodelById", [
|
|
|
+ { uid: this.userId, mid: data.id }
|
|
|
+ ])
|
|
|
+ .then(res => {
|
|
|
+ let data = res.data;
|
|
|
+ if (data == 1) {
|
|
|
+ this.$message.success("删除成功");
|
|
|
+ } else {
|
|
|
+ this.$message.error("删除失败");
|
|
|
+ }
|
|
|
+ this.successNew();
|
|
|
+ this.formLoading = false;
|
|
|
+ })
|
|
|
+ .catch(e => {
|
|
|
+ this.$message.error("删除失败");
|
|
|
+ });
|
|
|
+ })
|
|
|
+ .catch(_ => {
|
|
|
+ console.log("取消");
|
|
|
+ });
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
|
@@ -309,8 +984,7 @@ export default {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
background-color: #f0f2f5;
|
|
|
- overflow: scroll;
|
|
|
- overflow-x: hidden;
|
|
|
+ overflow: auto;
|
|
|
box-sizing: border-box;
|
|
|
padding: 15px;
|
|
|
padding-bottom: 50px;
|
|
|
@@ -446,14 +1120,32 @@ export default {
|
|
|
display: none;
|
|
|
}
|
|
|
.itemTit {
|
|
|
- width: 136px;
|
|
|
- height: 32px;
|
|
|
+ width: calc(136px - 10px);
|
|
|
+ height: auto;
|
|
|
padding: 5px 8px 5px 8px;
|
|
|
gap: 8px;
|
|
|
- opacity: 0px;
|
|
|
margin: 20px 0;
|
|
|
margin-bottom: 10px;
|
|
|
- border-bottom: 1px #ccc solid;
|
|
|
+ /* border-bottom: 1px #ccc solid; */
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 5px;
|
|
|
+ display: flex;
|
|
|
+ padding: 8px 5px;
|
|
|
+ /* justify-content: center; */
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.itemTit::after {
|
|
|
+ content: "";
|
|
|
+ width: 100%;
|
|
|
+ height: 1px;
|
|
|
+ background-color: #ccc;
|
|
|
+ position: absolute;
|
|
|
+ bottom: -10px;
|
|
|
+ left: 0;
|
|
|
}
|
|
|
|
|
|
.a-d-b-subject {
|
|
|
@@ -480,4 +1172,140 @@ export default {
|
|
|
background-color: rgba(54, 129, 252, 1);
|
|
|
color: #fff;
|
|
|
}
|
|
|
+
|
|
|
+.d_d_b_type {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.d_d_b_t_head {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+ padding: 0;
|
|
|
+ margin: 20px 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.d_d_b_t_head > div:nth-of-type(1) {
|
|
|
+ font-family: PingFang SC;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: 600;
|
|
|
+ /* line-height: 22px; */
|
|
|
+ text-align: left;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.d_d_b_t_head > div:nth-of-type(2) {
|
|
|
+ padding: 10px 20px;
|
|
|
+ background-color: #3681fc;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.d_d_b_addType {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 20px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.d_d_b_addType > div {
|
|
|
+ font-size: 20px;
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+.d_d_b_at_inputArea {
|
|
|
+ display: flex;
|
|
|
+}
|
|
|
+
|
|
|
+.d_d_b_at_btnArea {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 20px;
|
|
|
+ right: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+.d_d_b_at_input >>> .el-form-item__label {
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+.a_d_b_i_t_t_editIcon {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.a_d_b_i_t_t_editIcon > span {
|
|
|
+ width: 30px;
|
|
|
+ height: 30px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.a_d_b_i_t_t_editIcon > span > svg {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.a_d_b_i_t_t_editDialog {
|
|
|
+ width: auto;
|
|
|
+ background: #ffffff;
|
|
|
+ height: auto;
|
|
|
+ padding: 10px;
|
|
|
+ border-radius: 8px;
|
|
|
+ position: absolute;
|
|
|
+ top: 100%;
|
|
|
+ right: 0;
|
|
|
+ box-shadow: 0px 8px 10px -5px #00000014;
|
|
|
+
|
|
|
+ box-shadow: 0px 16px 24px 2px #0000000a;
|
|
|
+
|
|
|
+ box-shadow: 0px 6px 30px 5px #0000000d;
|
|
|
+}
|
|
|
+
|
|
|
+.a_d_b_i_t_t_editDialog > div {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ padding: 5px 0;
|
|
|
+ display: flex;
|
|
|
+ white-space: nowrap;
|
|
|
+ align-items: center;
|
|
|
+ background-color: #fff;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ border-radius: 4px;
|
|
|
+ transition: 0.3s;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.a_d_b_i_t_t_editDialog > span {
|
|
|
+ width: 100%;
|
|
|
+ height: 1px;
|
|
|
+ display: flex;
|
|
|
+ margin-bottom: 10px;
|
|
|
+ background-color: #e7e7e7;
|
|
|
+}
|
|
|
+
|
|
|
+.a_d_b_i_t_t_editDialog > div:hover {
|
|
|
+ background-color: #f0f2f5;
|
|
|
+}
|
|
|
+
|
|
|
+.a_d_b_i_t_t_editDialog > div > svg {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.a_d_b_i_t_t_editDialog > div > span {
|
|
|
+ margin: 0 5px 0 10px;
|
|
|
+}
|
|
|
</style>
|
SanHQin
