From d656ff9cf8c97a01c0cc990d935e4b42b314be22 Mon Sep 17 00:00:00 2001 From: hanbaoshan <hanbaoshan@aiotlink.com> Date: 星期四, 06 八月 2020 18:21:50 +0800 Subject: [PATCH] 摄像机信息区域/时间规则,系统维护,实时监控,算力管理样式调整 --- src/pages/ai/index/App.vue | 493 ------------------------------------------------------ 1 files changed, 0 insertions(+), 493 deletions(-) diff --git a/src/pages/ai/index/App.vue b/src/pages/ai/index/App.vue index f220764..9d27813 100644 --- a/src/pages/ai/index/App.vue +++ b/src/pages/ai/index/App.vue @@ -221,495 +221,6 @@ </el-tab-pane> </el-tabs> </div> - - <!-- 绠楁硶绠$悊 --> - <!-- <div class="right-box" style="width:58%"> - <div class="title"> - <label>绠楁硶绠$悊</label> - <el-button size="small" type="primary" @click="addTask" style="float:right">娣诲姞浠诲姟</el-button> - </div> - <div id="taskArea" class="width-new-line task-manage-table"> - <div - v-for="(row, Index) in TaskMange.list2" - :key="Index" - class="dic-border mb10 width-new-line" - > - <div class="flex-box" style="height:100%;"> - <div class="task-name-google"> - <div class="mask" v-if="!row.isSetting"> - <el-tooltip - content="缂栬緫鍚嶇О" - transition="none" - placement="left" - popper-class="atooltip" - > - <i - class="iconfont iconbianji1" - style="font-size:30px; left:14px; top:30px;" - @click="clickSet(row)" - ></i> - </el-tooltip> - <el-tooltip - content="鍒犻櫎浠诲姟" - transition="none" - placement="right" - popper-class="atooltip" - > - <i - class="iconfont iconshanchu4" - style="font-size:30px; color:red; top:30px; left:28px;" - @click="clickDel(row, Index)" - ></i> - </el-tooltip> - <el-tooltip - :content="`${row.enable ? '鍏抽棴浠诲姟' : '寮�鍚换鍔�'}`" - placement="left" - popper-class="atooltip" - transition="none" - style="left: -45px; top: 65px;" - > - <el-switch - :active-value="true" - :inactive-value="false" - v-model="row.enable" - @change="updateTaskStatus(row)" - ></el-switch> - </el-tooltip> - <el-tooltip - content="淇敼鍥炬爣" - transition="none" - placement="right" - popper-class="atooltip" - > - <i class="iconfont icontupian1" style="font-size:12px; left:-20px; top:65px;"></i> - </el-tooltip> - </div> - <div class="list-choose-header flex-center"> - <span class="iconfont iconrenwu" style="font-size:3rem;color:#fff;"></span> - </div> - <div class="task-name-div"> - <span :title="row.name" v-if="!row.isSetting">{{ row.name }}</span> - <el-input - size="small" - v-model="row.name" - v-if="row.isSetting" - v-focus - :maxlength="15" - style="width:120px" - @blur="updateTaskName(row)" - ></el-input> - </div> - </div> - - <div id="child" class="overflow-x"> - <draggable - :id="row.id" - :list="row.child" - group="article" - filter=".mask" - class="dragAreaR flex-box" - @start="startRight" - @end="endLeft" - > - <div - v-for="(item, index) in row.child" - :key="index" - :title="item.sdk_name" - :class=" - item.isSelect - ? 'list-choose-item alg-shadow' - : 'list-choose-item' - " - > - <div class="mask"> - <el-tooltip - content="璁剧疆" - transition="none" - placement="top" - popper-class="atooltip" - > - <i - class="iconfont iconshezhi" - style="font-size:15px; top:43px;" - @click="clickSetAlgo(row, item)" - ></i> - </el-tooltip> - <el-tooltip - content="鍒犻櫎绠楁硶" - transition="none" - placement="top" - popper-class="atooltip" - > - <i - class="iconfont iconshanchu4" - style="font-size: 30px; color:red; left:12px;" - @click="clickDelSdk(row, item)" - ></i> - </el-tooltip> - </div> - <div class style="height:100%;padding: 20px 10px 10px 10px;"> - <div class="flex-center" style> - <span - :class="`iconfont ${item.icon}`" - style="font-size:3rem;margin-left:5px;" - ></span> - </div> - <div - :class="item.isSelect?'select-color text-css':'task-name text-css'" - style - >{{ item.sdk_name }}</div> - </div> - </div> - <div style class="tc drag-info flex-center"> - <div class="drag-info-text"> - <span>鎷栧姩绠楁硶鍥炬爣鍒拌繖閲�</span> - </div> - </div> - </draggable> - </div> - </div> - - <div class v-if="row.isShowSetAlgo"> - <div class="b-top"> - <div class="flex-box mt10"> - <span class="alg-t ml10 mr10 fb">绠楁硶閰嶇疆</span> - </div> - <div style="border: 1px solid #EBEBEB;"></div> - <div> - <div class="p5"> - <div v-for="(temp, index) in TaskMange.argsList" :key="index" class="p5 ml50"> - <el-row :gutter="2"> - <el-col :span="4"> - <el-select - v-model="temp.value1" - placeholder="璇烽�夋嫨" - width="200px" - disabled - @change="selectChange($event, 'options1', temp)" - > - <el-option - v-for="item in temp.options1" - :key="item.id" - :label="item.name" - :value="item.value" - ></el-option> - </el-select> - </el-col> - <el-col :span="4"> - <el-select - v-model="temp.value2" - placeholder="璇烽�夋嫨" - @change="selectChange($event, 'options2', temp)" - > - <el-option - v-for="item in temp.options2" - :key="item.id" - :label="item.name" - :value="item.value" - ></el-option> - </el-select> - </el-col> - <el-col :span="12"> - <div v-if="temp.value2 === 'is'"> - <el-select - v-model="temp.value3" - placeholder="璇烽�夋嫨" - @change="selectChange($event, 'options3', temp)" - > - <el-option - v-for="item in temp.options3" - :key="item.id" - :label="item.name" - :value="item.value" - ></el-option> - </el-select> - </div> - <div v-else class="flex-row-left"> - <div> - <el-input - v-model="temp.value3" - placeholder="璇疯緭鍏�" - @blur="valiNum(temp.value3)" - ></el-input> - </div> - <div v-if="temp.unit" class="unit-class"> - <span>(鍗曚綅锛歿{ temp.unit }})</span> - </div> - </div> - </el-col> - </el-row> - </div> - </div> - </div> - <div class="flex-row-right" style="margin: 0px 25px 5px 0px;"> - <a - style="font-family: PingFangSC-Medium;line-height: 32px; - font-size: 13px;text-decoration:underline; - color: #3D68E1;margin-right: 28px;" - @click="getDefault" - >鎭㈠榛樿鍊�</a> - <el-button type="info" size="small" class="mb10" @click="cancle(row)">鍙栨秷</el-button> - <el-button type="primary" size="small" class="mr50 mb10" @click="save">淇濆瓨</el-button> - </div> - </div> - </div> - </div> - </div> - </div>--> - </div> - <!-- 涓�鑸敤鎴峰彲瑙� --> - <div class="common" v-if="!isSuperUser"> - <!-- 绠楁硶绠$悊 --> - <!-- <div class="right-box" style="width:84%;margin:auto 8%"> - <div class="title"> - <label>绠楁硶绠$悊</label> - <el-button - size="small" - type="primary" - @click="addTask" - style="float:right" - v-show="isSuperUser" - >娣诲姞浠诲姟</el-button> - </div> - <div id="taskArea" class="width-new-line task-manage-table"> - <div - v-for="(row, Index) in TaskMange.list2" - :key="Index" - class="dic-border mb10 width-new-line" - > - <div class="flex-box" style="height:100%;"> - <div class="task-name-google"> - <div class="mask" v-if="row.isSetting"> - <el-tooltip - content="缂栬緫鍚嶇О" - transition="none" - placement="left" - popper-class="atooltip" - > - <i - class="iconfont iconbianji1" - style="font-size:30px; left:14px; top:30px;" - @click="clickSet(row)" - ></i> - </el-tooltip> - <el-tooltip - content="鍒犻櫎浠诲姟" - transition="none" - placement="right" - popper-class="atooltip" - > - <i - class="iconfont iconshanchu4" - style="font-size:30px; color:red; top:30px; left:28px;" - @click="clickDel(row, Index)" - ></i> - </el-tooltip> - <el-tooltip - :content="`${row.enable ? '鍏抽棴浠诲姟' : '寮�鍚换鍔�'}`" - placement="left" - popper-class="atooltip" - transition="none" - style="left: -45px; top: 65px;" - > - <el-switch - :active-value="true" - :inactive-value="false" - v-model="row.enable" - @change="updateTaskStatus(row)" - ></el-switch> - </el-tooltip> - <el-tooltip - content="淇敼鍥炬爣" - transition="none" - placement="right" - popper-class="atooltip" - > - <i - class="iconfont icontupian1" - style="font-size:12px; left:-20px; top:65px;" - ></i> - </el-tooltip> - </div> - <div class="list-choose-header flex-center"> - <span class="iconfont iconrenwu" style="font-size:3rem;color:#fff;"></span> - </div> - <div class="task-name-div"> - <span :title="row.name" v-if="!row.isSetting">{{ row.name }}</span> - <el-input - size="small" - v-model="row.name" - v-if="row.isSetting" - v-focus - :maxlength="15" - style="width:120px" - @blur="updateTaskName(row)" - ></el-input> - </div> - </div> - - <div id="child" class="overflow-x"> - <div - :id="row.id" - :list="row.child" - group="article" - filter=".child" - class="dragAreaR flex-box" - @start="startRight" - @end="endLeft" - > - <div - v-for="(item, index) in row.child" - :key="index" - :title="item.sdk_name" - :class=" - item.isSelect - ? 'list-choose-item alg-shadow' - : 'list-choose-item' - " - > - <div class="mask"> - <el-tooltip - content="璁剧疆" - transition="none" - placement="top" - popper-class="atooltip" - > - <i - class="iconfont iconshezhi" - style="font-size:15px; top:43px;" - @click="clickSetAlgo(row, item)" - ></i> - </el-tooltip> - <el-tooltip - content="鍒犻櫎绠楁硶" - transition="none" - placement="top" - popper-class="atooltip" - v-show="isSuperUser" - > - <i - class="iconfont iconshanchu4" - style="font-size: 30px; color:red; left:12px;" - @click="clickDelSdk(row, item)" - ></i> - </el-tooltip> - </div> - <div class style="height:100%;padding: 20px 10px 10px 10px;"> - <div class="flex-center" style> - <span - :class="`iconfont ${item.icon}`" - style="font-size:3rem;margin-left:5px;" - ></span> - </div> - <div - :class="item.isSelect?'select-color text-css':'task-name text-css'" - style - >{{ item.sdk_name }}</div> - </div> - </div> - <div style class="tc drag-info flex-center" v-show="isSuperUser"> - <div class="drag-info-text"> - <span>鎷栧姩绠楁硶鍥炬爣鍒拌繖閲�</span> - </div> - </div> - </div> - </div> - </div> - - <div class v-if="row.isShowSetAlgo"> - <div class="b-top"> - <div class="flex-box mt10"> - <span class="alg-t ml10 mr10 fb">绠楁硶閰嶇疆</span> - </div> - <div style="border: 1px solid #EBEBEB;"></div> - <div> - <div class="p5"> - <div - v-for="(temp, index) in TaskMange.argsList" - :key="index" - class="p5 ml50" - > - <el-row :gutter="2"> - <el-col :span="4"> - <el-select - v-model="temp.value1" - placeholder="璇烽�夋嫨" - width="200px" - disabled - @change="selectChange($event, 'options1', temp)" - > - <el-option - v-for="item in temp.options1" - :key="item.id" - :label="item.name" - :value="item.value" - ></el-option> - </el-select> - </el-col> - <el-col :span="4"> - <el-select - v-model="temp.value2" - placeholder="璇烽�夋嫨" - disabled - @change="selectChange($event, 'options2', temp)" - > - <el-option - v-for="item in temp.options2" - :key="item.id" - :label="item.name" - :value="item.value" - ></el-option> - </el-select> - </el-col> - <el-col :span="12"> - <div v-if="temp.value2 === 'is'"> - <el-select - v-model="temp.value3" - placeholder="璇烽�夋嫨" - @change="selectChange($event, 'options3', temp)" - > - <el-option - v-for="item in temp.options3" - :key="item.id" - :label="item.name" - :value="item.value" - ></el-option> - </el-select> - </div> - <div v-else class="flex-row-left"> - <div> - <el-input - v-model="temp.value3" - placeholder="璇疯緭鍏�" - :disabled="temp.value1 !== 'score'" - @blur="valiNum(temp.value3)" - ></el-input> - </div> - <div v-if="temp.unit" class="unit-class"> - <span>(鍗曚綅锛歿{ temp.unit }})</span> - </div> - </div> - </el-col> - </el-row> - </div> - </div> - </div> - <div class="flex-row-right" style="margin: 0px 25px 5px 0px;"> - <a - style="font-family: PingFangSC-Medium;line-height: 32px; - font-size: 13px;text-decoration:underline; - color: #3D68E1;margin-right: 28px;" - @click="getDefault" - v-show="isSuperUser" - >鎭㈠榛樿鍊�</a> - <el-button type="info" size="small" class="mb10" @click="cancle(row)">鍙栨秷</el-button> - <el-button type="primary" size="small" class="mr50 mb10" @click="save">淇濆瓨</el-button> - </div> - </div> - </div> - </div> - </div> - </div>--> </div> </div> </div> @@ -1600,10 +1111,7 @@ .s-task-manage { width: 100% !important; height: 100%; - box-sizing: border-box; - background-color: rgb(233, 235, 242); - padding: 10px; text-align: left; // background-color: #f2f6fc; .s-video-manage-breadcrumb { @@ -1727,7 +1235,6 @@ .left-box { // width: 41%; height: 100%; - padding-top: 10px; box-sizing: border-box; // float: left; -- Gitblit v1.8.0