短信库修改

This commit is contained in:
shidongli 2024-03-01 17:27:24 +08:00
parent cbc4c82294
commit c170a39721
2 changed files with 58 additions and 33 deletions

View File

@ -102,7 +102,7 @@
<el-tab-pane label="视频" name="VIDEO"></el-tab-pane> <el-tab-pane label="视频" name="VIDEO"></el-tab-pane>
</el-tabs> </el-tabs>
<div class="bodytopxj"> <div class="bodytopxj">
<div class="bodylist" @click="viewshow"> <div class="bodylist" @click.stop="viewshow">
<el-checkbox v-model="checked"></el-checkbox> <el-checkbox v-model="checked"></el-checkbox>
<img src="@/assets/system/userinfo.jpg" alt="" /> <img src="@/assets/system/userinfo.jpg" alt="" />
<div class="texttitle">测试素材封面</div> <div class="texttitle">测试素材封面</div>
@ -113,7 +113,7 @@
</div> </div>
<div class="dataliat">素材来源</div> <div class="dataliat">素材来源</div>
<div class="dataliat">标签暂无</div> <div class="dataliat">标签暂无</div>
<div class="label" @click="labelchange">标签管理</div> <div class="label" @click.stop="labelchange">标签管理</div>
</div> </div>
<div class="bodylist"> <div class="bodylist">
<img src="@/assets/system/userinfo.jpg" alt="" /> <img src="@/assets/system/userinfo.jpg" alt="" />
@ -483,7 +483,16 @@
</el-select> </el-select>
</el-form-item> --> </el-form-item> -->
<el-form-item label="人群名称" prop="crowName"> <el-form-item label="人群名称" prop="crowName">
<el-input v-model="form.crowName" placeholder="请输入人群名称" /> <el-select v-model="form.crowName" placeholder="请选择" style="width: 381px;">
<el-option
v-for="item in optionscrowName"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</el-select>
<!-- <el-input v-model="form.crowName" placeholder="请输入人群名称" /> -->
</el-form-item> </el-form-item>
<!-- <el-form-item label="素材备注" prop="materialsRemark"> <!-- <el-form-item label="素材备注" prop="materialsRemark">
<el-input <el-input
@ -504,37 +513,41 @@
</div> </div>
</el-dialog> </el-dialog>
<!-- 预览弹框 --> <!-- 预览弹框 -->
<el-dialog title="预览" :visible.sync="openview" width="60%"> <el-dialog title="预览" :visible.sync="openview" width="60%">
<div class="viewbody"> <div class="viewbody">
<div class="left"> <div class="left">
<video <video
ref="myVideo" v-if="activeName == 'VIDEO'"
src="./text.mp4" ref="myVideo"
controls src="./text.mp4"
controls
></video> ></video>
<img
src="@/assets/system/userinfo.jpg"
alt=""
v-if="activeName == 'IMAGE_TEXT'"
/>
</div> </div>
<div class="right"> <div class="right">
<div class="nametitle">素材名称</div> <div class="nametitle">素材名称</div>
<div class="nameitem">半蹲起立练习室早</div> <div class="nameitem">半蹲起立练习室早</div>
<div class="nametitle">创建人员</div> <div class="nametitle">创建人员</div>
<div class="nameitem">张宇</div> <div class="nameitem">张宇</div>
<div class="nametitle">创建时间</div> <div class="nametitle">创建时间</div>
<div class="nameitem">2024-1-25 15:42</div> <div class="nameitem">2024-1-25 15:42</div>
<div class="nametitle">素材摘要</div> <div class="nametitle">素材摘要</div>
<div class="nameitem">88888888888888888888888888888888888</div> <div class="nameitem">88888888888888888888888888888888888</div>
<div class="nametitle">素材标签</div> <div class="nametitle">素材标签</div>
<div class="nameitem">适用症状</div> <div class="nameitem">适用症状</div>
<div class="nameitem">药物名称</div> <div class="nameitem">药物名称</div>
<div class="nameitem">适用疾病</div> <div class="nameitem">适用疾病</div>
<div class="nameitem">手术名称</div> <div class="nameitem">手术名称</div>
<div class="nameitem">检验项目</div> <div class="nameitem">检验项目</div>
<div class="nameitem">检查项目</div> <div class="nameitem">检查项目</div>
<div class="nameitem">人群</div> <div class="nameitem">人群</div>
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
</template> </template>
@ -569,6 +582,17 @@ export default {
value: 'NOT_LISTED', value: 'NOT_LISTED',
label: '未上架' label: '未上架'
}], }],
//
optionscrowName: [
{
value: '选项1',
label: '黄金糕'
}, {
value: '选项2',
label: '双皮奶'
},
],
optionsly: [{ optionsly: [{
value: '选项1', value: '选项1',
label: '黄金糕' label: '黄金糕'
@ -624,7 +648,10 @@ export default {
this.getList(); this.getList();
}, },
methods: { methods: {
// /
handleClick(e) { handleClick(e) {
this.activeName = e.name
// this.type
console.log(e.name); console.log(e.name);
}, },
// //
@ -776,35 +803,32 @@ export default {
top: -84px; top: -84px;
left: 8px; left: 8px;
} }
video{ video {
height: 500px; height: 500px;
width: 100%; width: 100%;
} }
.viewbody{ .viewbody {
width: 100%; width: 100%;
height: 500px; height: 500px;
// background: #409eff; // background: #409eff;
display: flex; display: flex;
.left{ .left {
width: 77%; width: 77%;
height: 500px; height: 500px;
background: #989992; // background: #989992;
} }
.right{ .right {
width: 20%; width: 20%;
// background: red; // background: red;
margin-left: 30px; margin-left: 30px;
.nametitle{ .nametitle {
font-size: 14px; font-size: 14px;
font-weight: 600; font-weight: 600;
} }
.nameitem{ .nameitem {
color: #959595; color: #959595;
margin: 5px; margin: 5px;
} }
} }
} }
.bodytopxj { .bodytopxj {

View File

@ -133,6 +133,7 @@
label="适用任务类型" label="适用任务类型"
align="center" align="center"
prop="suitTaskTypeName" prop="suitTaskTypeName"
:show-overflow-tooltip="true"
/> />
<el-table-column <el-table-column
label="病种名称" label="病种名称"