| | |
| | | <template> |
| | | <div> |
| | | <el-dialog :title="lineEditTitle" :visible.sync="lineEditVisible" :modal="true" :close-on-click-modal="false" |
| | | :modal-append-to-body="false" class="edit-line-box" :before-close="cancelSaveLine"> |
| | | :modal-append-to-body="true" :append-to-body="true" class="edit-line-box" :before-close="cancelSaveLine"> |
| | | <div> |
| | | <div class="value-name-box">描述:</div> |
| | | <div class="input-width-box" style="flex: 1;"> |
| | | <input style="width: 100%;" type="text" v-model="lineRemark" placeholder="请输入..." /> |
| | | <div class="line"> |
| | | <div class="value-name-box">描述:</div> |
| | | <div class="input-width-box" style="flex: 1;"> |
| | | <input style="width: 100%;" type="text" v-model="lineRemark" placeholder="请输入..." /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div> |
| | | <div class="value-name-box">设置缓冲范围:</div> |
| | | <div class="input-width-box"> |
| | | <input type="text" v-model="lineWidth" placeholder="请输入..." /> |
| | | <div class="line"> |
| | | <div class="value-name-box">设置缓冲范围:</div> |
| | | <div class="input-width-box"> |
| | | <input type="text" v-model="lineWidth" placeholder="请输入..." /> |
| | | </div> |
| | | <div class="units">米</div> |
| | | </div> |
| | | <div class="units">米</div> |
| | | </div> |
| | | <div> |
| | | <div class="value-name-box">选择范围颜色:</div> |
| | | <div class="pick-color-box"> |
| | | <el-color-picker v-model="chooseColor" :predefine="predefineColors" size="small"> |
| | | </el-color-picker> |
| | | <div class="line"> |
| | | <div class="value-name-box">选择范围颜色:</div> |
| | | <div class="pick-color-box"> |
| | | <el-color-picker v-model="chooseColor" :predefine="predefineColors" size="small"> |
| | | </el-color-picker> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <div class="edit-line-btn-box"> |
| | | <el-button @click="lookStartVideo" v-show="isLineEdit">查看视频</el-button> |
| | | <el-button @click="editLineInfo" v-show="isLineEdit">编辑</el-button> |
| | | <el-button @click="saveLineInfo" v-show="isLineEdit">保存</el-button> |
| | | <el-button @click="deleteLine" v-show="isLineEdit">删除</el-button> |
| | | <el-button @click="addLineInfo" v-show="!isLineEdit">添加</el-button> |
| | | <el-button @click="cancelSaveLine">取消</el-button> |
| | | <div class="btn-box"> |
| | | <el-button @click="lookStartVideo" v-show="isLineEdit">查看视频</el-button> |
| | | <el-button @click="editLineInfo" v-show="isLineEdit">编辑</el-button> |
| | | <el-button @click="saveLineInfo" v-show="isLineEdit">保存</el-button> |
| | | <el-button @click="deleteLine" v-show="isLineEdit">删除</el-button> |
| | | <el-button @click="addLineInfo" v-show="!isLineEdit">添加</el-button> |
| | | <el-button @click="cancelSaveLine">取消</el-button> |
| | | </div> |
| | | </div> |
| | | </el-dialog> |
| | | </div> |