|
|
@@ -3,10 +3,10 @@
|
|
|
<div>
|
|
|
<!-- 模板内容 -->
|
|
|
<el-form ref="queryForm" :inline="true" :model="queryform" label-width="100px" class="top-search">
|
|
|
- <el-form-item label="SOP名称" >
|
|
|
+ <el-form-item label="SOP名称">
|
|
|
<el-input v-model="queryform.sopName" placeholder="请输入"></el-input>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="状态" >
|
|
|
+ <el-form-item label="状态">
|
|
|
<el-select v-model="queryform.sopStatus" placeholder="请选择，支持关键词搜索" clearable filterable>
|
|
|
<el-option label="全部" value=" "></el-option>
|
|
|
<el-option label="启用" value="1"></el-option>
|
|
|
@@ -30,7 +30,7 @@
|
|
|
<el-button type="text" @click="sopEdit(row)">编辑</el-button>
|
|
|
<el-button type="text" @click="viewCopy(row)">复制</el-button>
|
|
|
<el-button type="text" @click="viewDel(row)">删除</el-button>
|
|
|
- <el-button type="text" @click="viewEditStatus(row)">{{row.sopStatus==2?'启用':'停用'}}</el-button>
|
|
|
+ <el-button type="text" @click="viewEditStatus(row)">{{ row.sopStatus == 2 ? '启用' : '停用' }}</el-button>
|
|
|
</template>
|
|
|
</templateTable>
|
|
|
</div>
|
|
|
@@ -56,11 +56,13 @@
|
|
|
:key="index.id"></el-option>
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="时间类型" prop="timeType">
|
|
|
+ <el-form-item label="时间类型" prop="timeType" class=" ">
|
|
|
<el-radio-group v-model="form.timeType">
|
|
|
<el-radio :label="1">相对时间</el-radio>
|
|
|
<el-radio :label="2">绝对时间</el-radio>
|
|
|
</el-radio-group>
|
|
|
+ <i @click="addDomain" class="el-icon-circle-plus"
|
|
|
+ style="color: #07c160;font-size: 20px;margin-left: 20px"></i>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="时间间隔" prop="relativeTime" v-if="form.timeType == 1">
|
|
|
<el-time-select v-model="relativeTime" :picker-options="{
|
|
|
@@ -69,10 +71,14 @@
|
|
|
}" placeholder="选择时间">
|
|
|
</el-time-select>
|
|
|
</el-form-item>
|
|
|
- <el-form-item label="选择日期" prop="absoluteTime" v-if="form.timeType == 2">
|
|
|
- <el-date-picker v-model="form.absoluteTime" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"
|
|
|
- style="width: 100%;">
|
|
|
- </el-date-picker>
|
|
|
+ <el-form-item v-if="form.timeType == 2" v-for="domain in form.domains" :label="'选择日期'" :key="domain.key"
|
|
|
+ prop="absoluteTime">
|
|
|
+ <div class="flex a-c ">
|
|
|
+ <el-date-picker v-model="domain.value" type="date" placeholder="选择日期" value-format="yyyy-MM-dd"
|
|
|
+ style="width: 70%;">
|
|
|
+ </el-date-picker>
|
|
|
+ <el-button @click.prevent="removeDomain(domain)" style="margin-left: 20px;">删除</el-button>
|
|
|
+ </div>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="关联标签" prop="tagGroupId">
|
|
|
<el-select v-model="form.tagGroupId" placeholder="请选择" clearable filterable @change="tagsArrayChange">
|
|
|
@@ -124,8 +130,8 @@ export default {
|
|
|
behaviorTypeList: [],
|
|
|
sopAddShow: false,//转出弹窗
|
|
|
queryform: {
|
|
|
- sopName:"",
|
|
|
- sopStatus:"",
|
|
|
+ sopName: "",
|
|
|
+ sopStatus: "",
|
|
|
pageNum: 1,
|
|
|
pageSize: 20,
|
|
|
},//页面检索对象
|
|
|
@@ -142,6 +148,9 @@ export default {
|
|
|
tagIdlist: [],//标签id数组
|
|
|
tagId: "",//标签id字符串
|
|
|
materialId: "",//素材id
|
|
|
+ domains: [{
|
|
|
+ value: ''
|
|
|
+ }],
|
|
|
},//提交表单
|
|
|
rules: {
|
|
|
sopName: [
|
|
|
@@ -231,6 +240,21 @@ export default {
|
|
|
// 方法函数
|
|
|
|
|
|
methods: {
|
|
|
+ //多日期添加
|
|
|
+ addDomain() {
|
|
|
+ console.log(this.form)
|
|
|
+ this.form.domains.push({
|
|
|
+ value: '',
|
|
|
+ key: Date.now()
|
|
|
+ });
|
|
|
+ },
|
|
|
+ //多个日期删除
|
|
|
+ removeDomain(item) {
|
|
|
+ var index = this.form.domains.indexOf(item)
|
|
|
+ if (index !== -1) {
|
|
|
+ this.form.domains.splice(index, 1)
|
|
|
+ }
|
|
|
+ },
|
|
|
//编辑
|
|
|
sopEdit(row) {
|
|
|
this.dialogtype = 'edit';
|
|
|
@@ -250,7 +274,7 @@ export default {
|
|
|
})
|
|
|
},
|
|
|
//删除
|
|
|
- viewDel(row){
|
|
|
+ viewDel(row) {
|
|
|
api.deleteSop(row.id).then((res) => {
|
|
|
if (res.code == 200) {
|
|
|
this.findPage();
|
|
|
@@ -258,7 +282,7 @@ export default {
|
|
|
type: 'success',
|
|
|
message: '删除成功!'
|
|
|
});
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.$message({
|
|
|
type: 'error',
|
|
|
message: res.msg,
|
|
|
@@ -275,7 +299,7 @@ export default {
|
|
|
type: 'success',
|
|
|
message: '复制成功!'
|
|
|
});
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.$message({
|
|
|
type: 'error',
|
|
|
message: res.msg,
|
|
|
@@ -338,7 +362,7 @@ export default {
|
|
|
type: 'success',
|
|
|
message: '操作成功!'
|
|
|
});
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
this.$message({
|
|
|
type: 'error',
|
|
|
message: res.msg,
|
|
|
@@ -348,7 +372,13 @@ export default {
|
|
|
},
|
|
|
// 操作用户
|
|
|
userOperation() {
|
|
|
- this.form.relativeTime = this.convertTimeToSeconds(this.relativeTime);
|
|
|
+ this.form.relativeTime = this.form.relativeTime ? this.convertTimeToSeconds(this.relativeTime) : '';
|
|
|
+ let list = [];
|
|
|
+ this.form.domains.map(val => {
|
|
|
+ list.push(val.value)
|
|
|
+ return
|
|
|
+ })
|
|
|
+ this.form.absoluteTime = list;
|
|
|
this.$refs['form'].validate((valid) => {
|
|
|
if (valid) {
|
|
|
this.form.tagId = this.form.tagIdlist.join(',');
|
|
|
@@ -414,13 +444,16 @@ export default {
|
|
|
tagIdlist: [],//标签id数组
|
|
|
tagId: "",//标签id字符串
|
|
|
materialId: "",//素材id
|
|
|
+ domains: [{
|
|
|
+ value: ''
|
|
|
+ }],
|
|
|
}
|
|
|
this.relativeTime = "";
|
|
|
},
|
|
|
- resetForm(){
|
|
|
- this.queryform={
|
|
|
- sopName:"",
|
|
|
- sopStatus:"",
|
|
|
+ resetForm() {
|
|
|
+ this.queryform = {
|
|
|
+ sopName: "",
|
|
|
+ sopStatus: "",
|
|
|
pageNum: 1,
|
|
|
pageSize: 20,
|
|
|
}
|
