|
|
@@ -9,7 +9,7 @@
|
|
|
<kt-common-table :tableHeights="700" :SerialShow="false" :operationWidth="200" :showOperation="true"
|
|
|
:showBatchDelete="false" :showBatchSettled="false" :showBatchPrint="false" :data="attrResult" button2Name="编辑"
|
|
|
button2Type="text" @handleButton2="attrUpdate" button3Name="删除" button3Type="text" @handleButton3="attrDel"
|
|
|
- :columns="attrColumns" @findPage="attrFindPage">
|
|
|
+ :columns="attrColumns" @findPage="attrFindPage" button4Name="轨迹" button4Type="text" @handleButton4="historyBth">
|
|
|
</kt-common-table>
|
|
|
<el-dialog v-dialogDrag :title="attrDialogTitle" :visible.sync="attrVisible" width="80%" top="6vh" @close="attrcloseDialog">
|
|
|
<el-tabs v-model="activeName" type="card">
|
|
|
@@ -55,6 +55,22 @@
|
|
|
@click="productCostAddSubmit('ruleForm')">确 定</el-button>
|
|
|
</span>
|
|
|
</el-dialog>
|
|
|
+ <el-dialog :visible.sync="showDialogHistory" width="25%" title="轨迹">
|
|
|
+ <div class="tab-panestyle">
|
|
|
+ <div style="max-height: 400px; overflow-y: auto;padding: 6px;">
|
|
|
+ <el-steps direction="vertical" :active="trajectoryTable.length - 1">
|
|
|
+ <el-step :title="item.operatorTypeName" :key="item.id" v-for="item in trajectoryTable">
|
|
|
+ <template slot="description">
|
|
|
+ <div class="tab-panecent1">
|
|
|
+ <div>操作时间:{{ item.operatorTime }}</div>
|
|
|
+ <span>操作人:{{ item.operatorUserName }}</span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-step>
|
|
|
+ </el-steps>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<!-- 行为区域 -->
|
|
|
@@ -114,6 +130,9 @@ export default {
|
|
|
],
|
|
|
},
|
|
|
productsTypeoptions: [],
|
|
|
+ // 轨迹
|
|
|
+ showDialogHistory: false,
|
|
|
+ trajectoryTable: [],
|
|
|
}
|
|
|
},
|
|
|
// 生命周期函数
|
|
|
@@ -130,6 +149,19 @@ export default {
|
|
|
},
|
|
|
// 方法函数
|
|
|
methods: {
|
|
|
+ // 轨迹
|
|
|
+ historyBth(data) {
|
|
|
+ this.$api.insCompany.ruleTrajectory({
|
|
|
+ ruleId: data.row.id
|
|
|
+ }).then((res) => {
|
|
|
+ if (res.code == 200) {
|
|
|
+ this.trajectoryTable = res.data
|
|
|
+ this.showDialogHistory = true
|
|
|
+ } else {
|
|
|
+ this.$message.error(res.msg)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ },
|
|
|
attrcloseDialog() {
|
|
|
for (const key in this.ruleform) {
|
|
|
if (key !== "companyId") {
|
|
|
@@ -358,5 +390,41 @@ export default {
|
|
|
padding: 20px;
|
|
|
background: #F2F2F2;
|
|
|
}
|
|
|
+
|
|
|
+.tab-panecent {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 15px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ max-height: 600px;
|
|
|
+ overflow-y: auto;
|
|
|
+}
|
|
|
+>>> .el-step__description {
|
|
|
+ padding-right: 0;
|
|
|
+}
|
|
|
+.tab-panecent2 {
|
|
|
+ border-radius: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.tab-panecent1 {
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 10px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-bottom: 20px;
|
|
|
+
|
|
|
+ >div {
|
|
|
+ font-size: 15px;
|
|
|
+ color: #2D4D89;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+
|
|
|
+ >span {
|
|
|
+ color: rgba(51, 51, 51, 0.8);
|
|
|
+ font-size: 13px;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
</style>
|
|
|
|