Loading src/views/algorithmControl/components/form.vue +7 −5 Original line number Diff line number Diff line Loading @@ -41,7 +41,7 @@ </el-col> <el-col :span="12"> <el-form-item label="算法场景" prop="applicationScenarios"> <el-select v-model="form.applicationScenarios" placeholder="请选择算法场景" clearable > <el-select v-model="form.applicationScenarios" multiple placeholder="请选择算法场景" clearable > <el-option v-for="disc in algorithm_scen" :key="disc.value" Loading Loading @@ -154,7 +154,7 @@ </el-col> <el-col :span="12"> <el-form-item label="算法场景" prop="applicationScenarios"> <el-select v-model="form.applicationScenarios" placeholder="请选择算法场景" clearable > <el-select v-model="form.applicationScenarios" multiple placeholder="请选择算法场景" clearable > <el-option v-for="disc in algorithm_scen" :key="disc.value" Loading Loading @@ -598,6 +598,7 @@ function handleUpdate(row) { getBoundaryList() detailAlg(id).then(response => { form.value = response.data; form.value.applicationScenarios=form.value.applicationScenarios&&form.value.applicationScenarios.split(',') open.value = true; isAdd.value = false; title.value = "修改算法"; Loading @@ -608,6 +609,7 @@ function handleUpdate(row) { function submitForm() { proxy.$refs["algRef"].validate(valid => { if (valid) { form.value.applicationScenarios=form.value.applicationScenarios.join() if (form.value.id != undefined) { addCaseFile() updateAlg(form.value).then(response => { Loading Loading @@ -662,10 +664,10 @@ function handleSceneAdd() { /** 删除按钮操作 */ function handleSceneDelete(row) { const id = row.id || ids.value; proxy.$modal.confirm('是否确认删除定时任务编号为"' + id + '"的数据项?').then(function () { proxy.$modal.confirm('是否确认删除场景名称为"' + row.sceneName + '"的数据项?').then(function () { return deleteScene(id); }).then(() => { getList(); getSceneList(); proxy.$modal.msgSuccess("删除成功"); }).catch(() => {}); } Loading Loading @@ -737,7 +739,7 @@ function handleBoundaryAdd() { /** 删除按钮操作 */ function handleBoundaryDelete(row) { const id = row.id || ids.value; proxy.$modal.confirm('是否确认删除定时任务编号为"' + id + '"的数据项?').then(function () { proxy.$modal.confirm('是否确认删除该算法边界?').then(function () { return deleteBoundary(id); }).then(() => { getBoundaryList(); Loading src/views/algorithmControl/index.vue +1 −1 Original line number Diff line number Diff line Loading @@ -82,7 +82,7 @@ @pagination="getList" /> </el-card> <algForm ref="algFormRef" @getList1="getList"/> <algForm ref="algFormRef" @getList="getList"/> </div> </template> Loading src/views/algorithmList/components/details.vue +3 −2 Original line number Diff line number Diff line Loading @@ -32,8 +32,8 @@ <div class="form-title" style="display: flex;justify-content: flex-start;align-items: center;"> <span>应用场景</span> </div> <div style="background-color: #E6F3FF; min-height: 500px;"> <div v-if="applicationList.length==0" class="text-style" style="text-align: center;line-height: 500px;font-size: 26px;"> <div style="background-color: #E6F3FF; min-height: 270px;"> <div v-if="applicationList.length==0" class="text-style" style="text-align: center;line-height: 270px;font-size: 26px;"> 暂无数据 </div> <div class="alg-list"> Loading Loading @@ -315,6 +315,7 @@ getDetials() border-radius: 5px; padding-left: 15px; margin-top: 10px; color: #fff; } // .form-title::before{ // content:""; Loading src/views/algorithmList/index.vue +23 −5 Original line number Diff line number Diff line Loading @@ -89,7 +89,7 @@ <el-card v-for="item in algList" :key="item.name" class="alg-item" shadow="hover" @click="handDetails(item)"> <template v-slot:header> <div class="cleartitle"> <span>{{item.algorithmName}}</span> <span class="ellipsis">{{item.algorithmName}}</span> <el-tag :type=" item.algorithmStatus=='0'?'success':'danger'" effect="dark" Loading @@ -99,15 +99,19 @@ </div> </template> <template v-slot:default > <div style="width: 100%;max-height: 200px;overflow: hidden;"> <div style="width: 100%;height: 200px;overflow: hidden;"> <img :src="'http://192.168.3.82' +item.cardImg" style="width: 100%;" style="width: 100%;height: 100%;" /> </div> <p style="color: #999999;font-size: 12px;"> <!-- <p class="ellipsis" style="color: #999999;font-size: 12px;height: 80px;"> {{item.cardCopywriting}} </p> </p> --> <div class="more-ellipsis" style=" color: #999999; font-size: 12px;" :title="item.cardCopywriting" > {{ item.cardCopywriting }} </div> <div style="display: flex;justify-content: flex-end;position: absolute;right: 15px;bottom: 10px;" > <el-button link type="primary" icon="Bottom" @click.stop="handleUpdate(item)" >下载</el-button> <el-button link type="primary" icon="Edit" @click.stop="handleEnable(item)" >{{item.algorithmStatus=='0'?'禁用':'启用' }}</el-button> Loading Loading @@ -232,6 +236,20 @@ </script> <style scoped lang="scss"> .more-ellipsis { text-overflow: ellipsis; display: -webkit-box; overflow-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 5px 0; } .ellipsis { overflow: hidden; /* 隐藏超出的内容 */ white-space: nowrap; /* 不换行 */ text-overflow: ellipsis; /* 显示省略号 */ } .search-input{ display: flex; width: 400px; Loading src/views/deviceControl/index.vue +5 −5 Original line number Diff line number Diff line Loading @@ -83,13 +83,12 @@ </el-row> <el-table v-loading="loading" :data="deviceList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="设备名称" width="100" align="center" prop="deviceName" /> <el-table-column label="设备名称" width="200" align="center" prop="deviceName" :show-overflow-tooltip="true" /> <el-table-column label="设备编码" align="center" prop="deviceNo" :show-overflow-tooltip="true" /> <el-table-column label="设备视频流地址" align="center" prop="videoUrl" :show-overflow-tooltip="true" /> <el-table-column label="创建人" align="center" prop="createBy" :show-overflow-tooltip="true" /> <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" /> <el-table-column label="设备是否有效" align="center" prop="isEffective" :show-overflow-tooltip="true" > <el-table-column label="设备是否有效" width="150" align="center" prop="isEffective" :show-overflow-tooltip="true" > <template #default="scope"> <el-tag :type="scope.row.isEffective === '0'?'success' : 'danger'" Loading @@ -99,11 +98,11 @@ </el-tag> </template> </el-table-column> <el-table-column label="状态" align="center" prop="isOpen" :show-overflow-tooltip="true" > <el-table-column label="状态" width="150" align="center" prop="isOpen" :show-overflow-tooltip="true" > <template #default="scope"> <el-tag :type="scope.row.isOpen === '0'?'success' : 'danger'" effect="dark" effect="plain" > {{scope.row.isOpen === '0'? '运行中' : '已禁用'}} </el-tag> Loading Loading @@ -157,6 +156,7 @@ <el-form-item label="视频流类型" prop="videoUrlType"> <el-select v-model="form.videoUrlType" placeholder="请选择视频流类型" clearable > <el-option :label="'RTSP类型'" :value="'rtsp'" /> <el-option :label="'RTMP类型'" :value="'rtmp'" /> </el-select> </el-form-item> </el-col> Loading Loading
src/views/algorithmControl/components/form.vue +7 −5 Original line number Diff line number Diff line Loading @@ -41,7 +41,7 @@ </el-col> <el-col :span="12"> <el-form-item label="算法场景" prop="applicationScenarios"> <el-select v-model="form.applicationScenarios" placeholder="请选择算法场景" clearable > <el-select v-model="form.applicationScenarios" multiple placeholder="请选择算法场景" clearable > <el-option v-for="disc in algorithm_scen" :key="disc.value" Loading Loading @@ -154,7 +154,7 @@ </el-col> <el-col :span="12"> <el-form-item label="算法场景" prop="applicationScenarios"> <el-select v-model="form.applicationScenarios" placeholder="请选择算法场景" clearable > <el-select v-model="form.applicationScenarios" multiple placeholder="请选择算法场景" clearable > <el-option v-for="disc in algorithm_scen" :key="disc.value" Loading Loading @@ -598,6 +598,7 @@ function handleUpdate(row) { getBoundaryList() detailAlg(id).then(response => { form.value = response.data; form.value.applicationScenarios=form.value.applicationScenarios&&form.value.applicationScenarios.split(',') open.value = true; isAdd.value = false; title.value = "修改算法"; Loading @@ -608,6 +609,7 @@ function handleUpdate(row) { function submitForm() { proxy.$refs["algRef"].validate(valid => { if (valid) { form.value.applicationScenarios=form.value.applicationScenarios.join() if (form.value.id != undefined) { addCaseFile() updateAlg(form.value).then(response => { Loading Loading @@ -662,10 +664,10 @@ function handleSceneAdd() { /** 删除按钮操作 */ function handleSceneDelete(row) { const id = row.id || ids.value; proxy.$modal.confirm('是否确认删除定时任务编号为"' + id + '"的数据项?').then(function () { proxy.$modal.confirm('是否确认删除场景名称为"' + row.sceneName + '"的数据项?').then(function () { return deleteScene(id); }).then(() => { getList(); getSceneList(); proxy.$modal.msgSuccess("删除成功"); }).catch(() => {}); } Loading Loading @@ -737,7 +739,7 @@ function handleBoundaryAdd() { /** 删除按钮操作 */ function handleBoundaryDelete(row) { const id = row.id || ids.value; proxy.$modal.confirm('是否确认删除定时任务编号为"' + id + '"的数据项?').then(function () { proxy.$modal.confirm('是否确认删除该算法边界?').then(function () { return deleteBoundary(id); }).then(() => { getBoundaryList(); Loading
src/views/algorithmControl/index.vue +1 −1 Original line number Diff line number Diff line Loading @@ -82,7 +82,7 @@ @pagination="getList" /> </el-card> <algForm ref="algFormRef" @getList1="getList"/> <algForm ref="algFormRef" @getList="getList"/> </div> </template> Loading
src/views/algorithmList/components/details.vue +3 −2 Original line number Diff line number Diff line Loading @@ -32,8 +32,8 @@ <div class="form-title" style="display: flex;justify-content: flex-start;align-items: center;"> <span>应用场景</span> </div> <div style="background-color: #E6F3FF; min-height: 500px;"> <div v-if="applicationList.length==0" class="text-style" style="text-align: center;line-height: 500px;font-size: 26px;"> <div style="background-color: #E6F3FF; min-height: 270px;"> <div v-if="applicationList.length==0" class="text-style" style="text-align: center;line-height: 270px;font-size: 26px;"> 暂无数据 </div> <div class="alg-list"> Loading Loading @@ -315,6 +315,7 @@ getDetials() border-radius: 5px; padding-left: 15px; margin-top: 10px; color: #fff; } // .form-title::before{ // content:""; Loading
src/views/algorithmList/index.vue +23 −5 Original line number Diff line number Diff line Loading @@ -89,7 +89,7 @@ <el-card v-for="item in algList" :key="item.name" class="alg-item" shadow="hover" @click="handDetails(item)"> <template v-slot:header> <div class="cleartitle"> <span>{{item.algorithmName}}</span> <span class="ellipsis">{{item.algorithmName}}</span> <el-tag :type=" item.algorithmStatus=='0'?'success':'danger'" effect="dark" Loading @@ -99,15 +99,19 @@ </div> </template> <template v-slot:default > <div style="width: 100%;max-height: 200px;overflow: hidden;"> <div style="width: 100%;height: 200px;overflow: hidden;"> <img :src="'http://192.168.3.82' +item.cardImg" style="width: 100%;" style="width: 100%;height: 100%;" /> </div> <p style="color: #999999;font-size: 12px;"> <!-- <p class="ellipsis" style="color: #999999;font-size: 12px;height: 80px;"> {{item.cardCopywriting}} </p> </p> --> <div class="more-ellipsis" style=" color: #999999; font-size: 12px;" :title="item.cardCopywriting" > {{ item.cardCopywriting }} </div> <div style="display: flex;justify-content: flex-end;position: absolute;right: 15px;bottom: 10px;" > <el-button link type="primary" icon="Bottom" @click.stop="handleUpdate(item)" >下载</el-button> <el-button link type="primary" icon="Edit" @click.stop="handleEnable(item)" >{{item.algorithmStatus=='0'?'禁用':'启用' }}</el-button> Loading Loading @@ -232,6 +236,20 @@ </script> <style scoped lang="scss"> .more-ellipsis { text-overflow: ellipsis; display: -webkit-box; overflow-wrap: break-word; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: 5px 0; } .ellipsis { overflow: hidden; /* 隐藏超出的内容 */ white-space: nowrap; /* 不换行 */ text-overflow: ellipsis; /* 显示省略号 */ } .search-input{ display: flex; width: 400px; Loading
src/views/deviceControl/index.vue +5 −5 Original line number Diff line number Diff line Loading @@ -83,13 +83,12 @@ </el-row> <el-table v-loading="loading" :data="deviceList" @selection-change="handleSelectionChange"> <el-table-column type="selection" width="55" align="center" /> <el-table-column label="设备名称" width="100" align="center" prop="deviceName" /> <el-table-column label="设备名称" width="200" align="center" prop="deviceName" :show-overflow-tooltip="true" /> <el-table-column label="设备编码" align="center" prop="deviceNo" :show-overflow-tooltip="true" /> <el-table-column label="设备视频流地址" align="center" prop="videoUrl" :show-overflow-tooltip="true" /> <el-table-column label="创建人" align="center" prop="createBy" :show-overflow-tooltip="true" /> <el-table-column label="创建时间" align="center" prop="createTime" :show-overflow-tooltip="true" /> <el-table-column label="设备是否有效" align="center" prop="isEffective" :show-overflow-tooltip="true" > <el-table-column label="设备是否有效" width="150" align="center" prop="isEffective" :show-overflow-tooltip="true" > <template #default="scope"> <el-tag :type="scope.row.isEffective === '0'?'success' : 'danger'" Loading @@ -99,11 +98,11 @@ </el-tag> </template> </el-table-column> <el-table-column label="状态" align="center" prop="isOpen" :show-overflow-tooltip="true" > <el-table-column label="状态" width="150" align="center" prop="isOpen" :show-overflow-tooltip="true" > <template #default="scope"> <el-tag :type="scope.row.isOpen === '0'?'success' : 'danger'" effect="dark" effect="plain" > {{scope.row.isOpen === '0'? '运行中' : '已禁用'}} </el-tag> Loading Loading @@ -157,6 +156,7 @@ <el-form-item label="视频流类型" prop="videoUrlType"> <el-select v-model="form.videoUrlType" placeholder="请选择视频流类型" clearable > <el-option :label="'RTSP类型'" :value="'rtsp'" /> <el-option :label="'RTMP类型'" :value="'rtmp'" /> </el-select> </el-form-item> </el-col> Loading