|
|
@@ -0,0 +1,180 @@
|
|
|
+<!-- 模板区域 -->
|
|
|
+<template>
|
|
|
+ <div>
|
|
|
+ <!-- 模板内容 -->
|
|
|
+ <el-form ref="queryForm" :inline="true" :model="queryform" label-width="100px" class="top-search">
|
|
|
+ <el-form-item label="SOP名称" prop="name">
|
|
|
+ <el-input v-model="queryform.name" placeholder="请输入"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="启用状态" prop="name">
|
|
|
+ <el-select v-model="queryform.labelName" placeholder="请选择，支持关键词搜索" clearable filterable>
|
|
|
+ <el-option label="全部" value="1"></el-option>
|
|
|
+ <el-option label="已绑定" value="2"></el-option>
|
|
|
+ <el-option label="未绑定" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item>
|
|
|
+ <el-button type="primary" @click="findPage()">查询</el-button>
|
|
|
+ <el-button @click="resetForm()">重置</el-button>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ <div class="g-card ">
|
|
|
+ <div class="mid-action">
|
|
|
+ <el-button class="ml10" type="primary" @click="sopAdd">
|
|
|
+ 新建
|
|
|
+ </el-button>
|
|
|
+ </div>
|
|
|
+ <templateTable ref="commonTable" :operationWidth="200" :SerialShow="true" :showOperation="true"
|
|
|
+ :showBatchDelete="false" :data="Result" :columns="Columns" @findPage="findPage">
|
|
|
+ <template slot="buttonSlot" slot-scope="{ row }">
|
|
|
+ <el-button type="text" @click="viewDetails(row)">编辑</el-button>
|
|
|
+ <el-button type="text" @click="viewDetails(row)">复制</el-button>
|
|
|
+ <el-button type="text" @click="viewDetails(row)">删除</el-button>
|
|
|
+ <el-button type="text" @click="viewDetails(row)">停用</el-button>
|
|
|
+ </template>
|
|
|
+ </templateTable>
|
|
|
+ </div>
|
|
|
+ <el-dialog title="新建SOP规则" :visible.sync="sopAddShow" width="30%">
|
|
|
+ <div>
|
|
|
+ <el-form ref="form" :rules="rules" :model="form" label-width="120px">
|
|
|
+ <el-form-item label="SOP名称" prop="labelName">
|
|
|
+ <el-input v-model="form.name" placeholder="请输入行为类型编码"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="场景描述" prop="labelName">
|
|
|
+ <el-input type="textarea" v-model="form.desc" maxlength="200" show-word-limit
|
|
|
+ placeholder="请输入关键词"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="触发类型" prop="labelName">
|
|
|
+ <el-select v-model="queryform.labelName" placeholder="请选择" clearable filterable>
|
|
|
+ <el-option label="行为触发" value="2"></el-option>
|
|
|
+ <el-option label="时间触发" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="行为类型编码" prop="labelName">
|
|
|
+ <el-select v-model="queryform.labelName" placeholder="请选择" clearable filterable>
|
|
|
+ <el-option label="行为触发" value="2"></el-option>
|
|
|
+ <el-option label="时间触发" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item prop="labelName">
|
|
|
+ <el-radio-group v-model="queryform.radio">
|
|
|
+ <el-radio :label="3">相对时间</el-radio>
|
|
|
+ <el-radio :label="6">绝对时间</el-radio>
|
|
|
+ </el-radio-group>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="时间间隔" prop="labelName">
|
|
|
+ <el-input v-model="form.desc" placeholder="输入天数"></el-input>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="选择日期" prop="labelName">
|
|
|
+ <el-date-picker v-model="form.value2" type="date" placeholder="选择日期"
|
|
|
+ value-format="yyyy-MM-dd">
|
|
|
+ </el-date-picker>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="关联标签" prop="labelName">
|
|
|
+ <el-select v-model="queryform.labelName" placeholder="请选择，支持关键词搜索" clearable filterable>
|
|
|
+ <el-option label="行为触发" value="2"></el-option>
|
|
|
+ <el-option label="时间触发" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ <el-form-item label="关联素材" prop="labelName">
|
|
|
+ <el-select v-model="queryform.labelName" placeholder="请选择，支持关键词搜索" clearable filterable>
|
|
|
+ <el-option label="行为触发" value="2"></el-option>
|
|
|
+ <el-option label="时间触发" value="3"></el-option>
|
|
|
+ </el-select>
|
|
|
+ </el-form-item>
|
|
|
+ </el-form>
|
|
|
+ </div>
|
|
|
+ <span slot="footer" class="dialog-footer">
|
|
|
+ <el-button @click="sopAddShow = false">取 消</el-button>
|
|
|
+ <el-button type="primary" @click="userOperation">确 定</el-button>
|
|
|
+ </span>
|
|
|
+ </el-dialog>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<!-- 行为区域 -->
|
|
|
+<script>
|
|
|
+import templateTable from "@/components/templateTable.vue";
|
|
|
+import { Row } from "element-ui";
|
|
|
+export default {
|
|
|
+ components: {
|
|
|
+ templateTable
|
|
|
+ },
|
|
|
+ // 数据存放区域
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ sopAddShow: false,//转出弹窗
|
|
|
+ queryform: {},//页面检索对象
|
|
|
+ form: {},//提交表单
|
|
|
+ rules: {
|
|
|
+ labelName: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请选择员工',
|
|
|
+ trigger: 'chnage',
|
|
|
+ },
|
|
|
+ ],
|
|
|
+
|
|
|
+ },
|
|
|
+ Result: {
|
|
|
+ content: [
|
|
|
+ {
|
|
|
+ name: "3232",
|
|
|
+ status: true
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name: "3232",
|
|
|
+ status: false
|
|
|
+ }
|
|
|
+ ],
|
|
|
+ totalSize: 100,
|
|
|
+ },
|
|
|
+ Columns: [
|
|
|
+ { prop: "name", label: "SOPID", minWidth: 180, },
|
|
|
+ { prop: "name", label: "SOP名称", minWidth: 180, },
|
|
|
+ { prop: "mobile", label: "场景描述", minWidth: 180 },
|
|
|
+ { prop: "mobile", label: "触发类型", minWidth: 180 },
|
|
|
+ { prop: "mobile", label: "关联标签", minWidth: 180 },
|
|
|
+ { prop: "mobile", label: "启用状态", minWidth: 180 },
|
|
|
+ { prop: "mobile", label: "创建时间", minWidth: 180 },
|
|
|
+ ],
|
|
|
+ }
|
|
|
+ },
|
|
|
+ // 生命周期函数
|
|
|
+ created() {
|
|
|
+ },
|
|
|
+ // 方法函数
|
|
|
+ methods: {
|
|
|
+ // 查看详情
|
|
|
+ viewDetails() {
|
|
|
+ },
|
|
|
+ // 操作用户
|
|
|
+ userOperation() {
|
|
|
+ this.$refs['form'].validate((valid) => {
|
|
|
+ if (valid) {
|
|
|
+ console.log(valid)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
+ /**
|
|
|
+ * 停用
|
|
|
+ * @param row status 状态 true 已绑定 false 未绑定
|
|
|
+ */
|
|
|
+ disableAction(row) {
|
|
|
+
|
|
|
+ }, //列表查询
|
|
|
+ findPage() {
|
|
|
+ console.log(1)
|
|
|
+ },
|
|
|
+ // 同步用户
|
|
|
+ sopAdd() {
|
|
|
+ this.sopAddShow = true;
|
|
|
+ },
|
|
|
+ },
|
|
|
+ // 计算属性
|
|
|
+ computed: {
|
|
|
+ }
|
|
|
+}
|
|
|
+</script>
|
|
|
+<!-- 样式区域 -->
|
|
|
+<style lang='scss' scoped></style>
|
