loulijun2021
2023-02-12 adb74c51618faf025fe1d46bf6b22db895c2608f
src/views/jcsz/adsz.vue
@@ -3,7 +3,7 @@
    <div class="body" :style="{height:mainHeight+'px'}">
      <div class="body_left">
        <div style="margin:10px 0">
          <i class="el-icon-s-comment" style="color:#42b983;" /> 车间信息:
          <i class="el-icon-s-comment" :style="{color:$store.state.settings.theme}" /> 车间信息:
        </div>
        <el-input
          v-model="filterText"
@@ -29,12 +29,13 @@
            <div :style="{height: (contentHeight+51)+'px'}">
              <div class="pane_top">
                <div style="display: flex;align-items: center">
                  <div class="bar" />
                  <div class="bar" :style="{background:$store.state.settings.theme}" />
                  <div>响应人员</div>
                  <el-button
                    v-waves
                    icon="el-icon-circle-plus-outline"
                    :disabled="allowClose"
                    :style="{color:allowClose?'#6f6e6f':'#42b983'}"
                    :style="{color:allowClose?'#6f6e6f':$store.state.settings.theme}"
                    style="height: 30px;line-height: 30px;font-size: 22px;padding:10px;background-color: #fafafa"
                    @click="responseUserClick"
                  />
@@ -45,7 +46,7 @@
                  </div>
                  <div style="margin-left: 5px;cursor: pointer">
                    <el-tooltip class="item" effect="dark" content="当前呼叫类型(启用/关闭)" placement="top">
                      <i class="el-icon-question" />
                      <i class="el-icon-question" :style="{color:$store.state.settings.theme}" />
                    </el-tooltip>
                  </div>
                </div>
@@ -58,6 +59,7 @@
                  :closable="!allowClose"
                  type="success"
                  style="margin-right: 10px;margin-bottom: 10px"
                  :style="{color:$store.state.settings.theme}"
                  @close="val=>tagClose(val,item,tag)"
                >
                  {{ tag.username }}
@@ -68,6 +70,7 @@
          </el-tab-pane>
        </el-tabs>
        <el-button
          style="position: absolute;top: 15px;right:10px;z-index: 1000"
          icon="el-icon-setting"
          @click="setting"
@@ -78,6 +81,7 @@
    <!--    自定义呼叫类型-->
    <el-dialog
      v-el-drag-dialog
      title="自定义呼叫类型"
      :visible.sync="settingDialogVisible"
      width="800px"
@@ -87,6 +91,7 @@
      @close="handleClose"
    >
      <el-button
        v-waves
        type="primary"
        style="margin-bottom: 10px;"
        icon="el-icon-circle-plus-outline"
@@ -147,10 +152,10 @@
        >
          <template slot-scope="{row}">
            <div class="operationClass">
              <el-button v-if="row.isVisible===1" type="text" @click="saveRow(row)">保存</el-button>
              <el-button v-if="row.isVisible===1" type="text" @click="cancelRow(row)">取消</el-button>
              <!--              <el-button v-if="row.isVisible===0" type="text" @click="editRow(row)">编辑</el-button>-->
              <el-button v-if="row.isVisible===0" type="text" @click="delRow(row)">删除</el-button>
              <el-button v-if="row.isVisible===1" v-waves type="text" @click="saveRow(row)">保存</el-button>
              <el-button v-if="row.isVisible===1" v-waves type="text" @click="cancelRow(row)">取消</el-button>
              <!--              <el-button v-waves v-if="row.isVisible===0" type="text" @click="editRow(row)">编辑</el-button>-->
              <el-button v-if="row.isVisible===0" v-waves type="text" @click="delRow(row)">删除</el-button>
            </div>
          </template>
        </el-table-column>
@@ -158,12 +163,13 @@
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="dialogVisibleCancel">返 回</el-button>
          <el-button v-waves @click="dialogVisibleCancel">返 回</el-button>
        </div>
      </span>
    </el-dialog>
    <el-dialog
      v-el-drag-dialog
      title="响应人员"
      :visible.sync="userDialogVisible"
      width="800px"
@@ -182,13 +188,14 @@
          closable
          type="success"
          style="margin-right: 10px;margin-bottom: 10px"
          :style="{color:$store.state.settings.theme}"
          @close="val=>userTagClose(val,tag)"
        >
          {{ tag.username }}
        </el-tag>
      </div>
      <div>
        <i class="el-icon-s-comment" style="color:#42b983;margin: 20px 10px 20px 0" />人员:
        <i class="el-icon-s-comment" :style="{color:$store.state.settings.theme}" style="margin: 20px 10px 20px 0" />人员:
      </div>
      <div
        style=" background-color: #fafafa;  padding: 10px;  min-height: 420px;"
@@ -218,8 +225,9 @@
      <span slot="footer" class="dialog-footer">
        <div class="footerButton">
          <el-button @click="dialogVisibleUserCancel">取 消</el-button>
          <el-button v-waves @click="dialogVisibleUserCancel">取 消</el-button>
          <el-button
            v-waves
            type="primary"
            :loading="$store.state.app.buttonIsDisabled"
            :disabled="$store.state.app.buttonIsDisabled"
@@ -242,10 +250,12 @@
  AnDengTypeSearch,
  DeleteAnDengType
} from '@/api/jcsz'
import elDragDialog from '@/directive/el-drag-dialog'
import waves from '@/directive/waves'
export default {
  name: 'Zzjg',
  directives: { elDragDialog, waves },
  data() {
    return {
      mainHeight: 0,
@@ -369,6 +379,10 @@
      })
    },
    async saveRow(row) {
      console.log(row)
      if (row.code.toString().trim() === '' || row.name.toString().trim() === '') {
        return this.$message.info('类型编码或名称不能为空!')
      }
      const res = await AddUpdateAnDengType([row])
      if (res.code === '200') {
        await this.setting()
@@ -524,7 +538,6 @@
<!--本页面单独样式-->
<style lang="scss" scoped>
$main_color: #42b983;
//$main_color: var(theme);
.body {
  display: flex;
  flex-direction: row;
@@ -557,7 +570,7 @@
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background-color: $main_color;
    //background-color: $main_color;
    margin-right: 10px;
  }
}
@@ -570,9 +583,9 @@
.body_left_tree {
  ::v-deep .is-current > .el-tree-node__content {
    background-color: $main_color !important;
    background-color: #dedcdc !important;
    font-weight: bolder;
    color: #FFFFFF;
    //color: #FFFFFF;
  }
}
</style>